Una muy buena recopilación por parte de Vandelay donde nos lista 77 recursos para diseño web entre los cuales podrán encontrar: Herramientas de color Menú de navegación CSS DHTML Menú Stock de fotografías Iconos Themes en blanco para WP Estructuras en CSS Validadores Scripts Fuentes Favicons Creadores de botones Herramientas Web2.0 Bordes...
Leyendo SigT me encuentro con este tutorial, interesante para aquellos que no deseen utilizar javascript para crear el efecto de Ligthbox, pueden usar esta técnica utilizando únicamente CSS. Pueden ver el resultado final de este tutorial. Trata solamente de mostrar 2 divs al momento de dar "clic" uno el overlay que hará que nuestra pantalla se haga un poco más oscura y content que...
Como cada mes Smashing Magazine junta todo lo mejor del mes en un solo post para tenerlo todo a la mano y sin duda este es uno de los mejores recursos que podemos tener como desarrolladores/diseñadores en esta ocasión la lista se refiere a: Icons, Brushes References, Tutorials, Tips Tools, Web-Services CSS-Techniques, (X)HTML, PHP CSS-Tools and Services Ajax,...
PixelFonts Interesante colección de fuentes bitmap gratuitas - vía 80 tipografías para diseño profesionalMuchas de las tipografías aquí listadas son las que no le pueden faltar a uno que anda metido en esto. Windows Vista Menu CSSCrea un menú al estilo Windows Vista utilizando CSS - vía StemplateMuchos recursos gratuitos como menus de navegación, botones y badges -...
¿Cuántas veces han escrito esas mismas líneas de código una y otra vez? Me imagino que igual que yo muchas... ahora llega un CSS Framework, es como la CSS Inicial de RudeWorks. Este framework intenta reducir el tiempo de desarrollo que nos tomamos al crear nuestras CSS. Blueprint te dá la facilidad de crear tu diseño sobre este además de incluir una css para impresión. Pueden ver...
Pfff!! vaya código que se ha aventado nuestro amigo MeTaL_oRgY, una galería unicamente usando CSS, como siempre me he llevado una gran sorpresa de ver como lo ha manejado... y bien nos cuenta el porqué inició... Ultimamente he visto muchas galerías de imagenes, y me ha parecido increíble que, de todas ellas, no he visto UNA que me llame la atención usar. ¿Por qué? Pues si no...
No sé cuantas veces hemos peleado con las transparencias de los archivos png en Internet Explorer?... algunas veces como bien lo mencionó en su momento Nikko, usábamos un javascript que nos permitía poner estos archivos y que IE respetara la transparencia, pero en otros casos al menos en lo personal me llegaba a causar conflictos con otras librerías. Para esto, Eden ha creado un...
Esto no es algo nuevo, pero vale la pena tenerlo como referencia, ya que supongo que muchos de nosotros tenemos que lidiar con esas molestas versiones de Internet Explorer que llegan a volvernos loco, que ya se ve bien en IE7 pero que en IE6 no y luego para rematar el IE5 hace alguna chorrada... etc... etc.... por suerte existe una "solución" para esto que la gran mayoría que andamos en...
Eden nos trae un tutorial que muchas veces nos puede sacar de apuros al poner dos elementos como flotantes, cuando usamos esto generalmente si tenemos un contenedor se desplaza y no quedan en "el bloque" que deseamos, no sé a ustedes pero a mi más de una vez me ha pasado... sin embargo esta técnica les puede resultar muy útil. No pude resistirlo y viendo el tutorial me saltó algo...
Todo lo que necesitas saber sobre el posicionamiento de fondo (background-position) una propiedad de las CSS que nos permitirá poner diferentes imágenes a nuestras listas haciendo uso de la etiqueta a y sus atributos. A esto me refería un poco con el "meme" de ser un poco quisquilloso con las cosas, al momento de hacer una lista ó alguna cosa que requiera roll-over el "pequeño"...
Código open source para maquetación de páginas web, flexible y rápido, basado en estandares CSS. La documentación está en español ;) markercss.com
Con este sencillo script, podras generar thumbnails o imagenes en miniatura al vuelo de las imágenes de tu página, bastante fácil de implementar. Tan solo debes subir un archivo .php a tu servidor y llamar a la imagen con una serie de parámetros para configurar tamaño y calidad… http://code.google.com/p/timthumb/
Woothemes ah liberado un hermosos set de iconos, estos han sido diseñados por WeFunction. woothemes.com
Linkwithin es un plugin para wordpress que nos permite rescatar los post perdidos al buscar los post relacionados al artículo que estemos escribiendo y enlazándolo con la primera imagen del artículo… linkwithin.com
Impresionante lista de tutoriales, todos con una calidad sorprendente para diseñaores gráficos o web realmente vale la pena revisarlos. webdesigndev.com
