Para los que todavía diseñan en tablas

Friday 25th September 2009 12:15 pm

¿Qué les puedo decir? CAMBIEN. Y de paso vean esta presentación (especialmente a partir de la página 62).

Porque el spacer.gif es poner código basura.
Porque no respeta los estándares.
Porque el usuario es lo primero y el usuario quiere velocidad.
Porque los diseños se actualizan. Hoy más que nunca. Y cambiar un diseño basado en tablas es un parto.

Les paso también un artículo de Alt1040 sobre el tema.

Enlace: Tablas vs. CSS

5 trucos de CSS para que dejes de usar imágenes

Wednesday 5th August 2009 6:41 pm

Dejamos unos trucos en CSS para dejar de usar imágenes que reemplazen algunos textos o bloques. No todos los trucos funcionan en algunos exploradores, así que hay que chequear antes de incorporarlos al trabajo cotidiano. Los trucos permitirán usar sombras, comillas, esquinas redondeadas, tabs y capitulares sin necesidad de usar imágenes. Vale la pena probarlo.

Enlace: 5 trucos de CSS para que dejes de usar imágenes

15 artículos para novatos en CSS

Saturday 18th July 2009 11:09 am

Una buena recopilación para explicar el uso del CSS en todas sus facetas: Desde el Reset y reemplazo de imágenes, hasta tipografías pasando por los peligros del divitis. Ideal para novatos… y no tanto.

Enlace: 15 artículos para novatos en CSS
Tags: diseño, web, css, tutorial, recopilación

Tutorial para aprender HTML 5 y CSS 3

Friday 10th July 2009 5:33 pm

La gente de Nettuts ha desarrollado un excelente tutorial para enseñar la siguente generación en técnicas de diseño usando HTML 5 y CSS 3. Todo paso a paso, como para repasarlo el fin de semana.

Enlace: Tutorial para aprender HTML 5 y CSS 3
Tags: tutoriales html 5 css 3 diseño web

CSS fácil con Firebug

Wednesday 20th May 2009 6:31 pm

Después de descargar la muy recomendada extensión Firebug para el navegador Firefox, realmente no supe qué hacer y la deshabilité por si acaso.

Ahora acabo de encontrar un tutorial sobre desarrollo CSS con Firebug, como para darle una segunda oportunidad.

Enlace: CSS fácil con Firebug
Tags: firefox firebug diseño web css tutorial

15 trucos CSS que tienes que aprender

Monday 15th December 2008 6:19 pm

El blog In the Woods nos enseña 15 trucos básicos que tienen que aprenderse si queremos dominar los CSS.

1. Posicionamiento absoluto dentro de un elemento con posicionamiento relativo
2. Z-index y posicionamiento
3. Margin auto
4. Usando padding con cuidado y del modo apropiado
5. Ocultar texto con text-indent
6. Solucionando Bugs en Internet Explorer al usar float margin
7. Usar CSS para combatir Spam
8. Corrigiendo PNG´s en Internet Explorer 6
9. Transparencias en CSS
10. Poniendo varias imágenes dentro de una sola
11. Posicionamiento absoluto dentro de un elemento con posicionamiento relativo

Faltan 5 más, pero es una buena muestra y cada ejemplo cuenta con imágenes (como la de arriba) que ejemplifican visualmente el resultado que obtendremos.

Enlace: 15 CSS tricks that must be learned
Tags: CSS diseño web transparencias png spam posicionamiento margenes

The art of CSS Gratis

Wednesday 26th November 2008 10:47 am

Me entero por Roberto Zoia que SitePoint está ofreciendo gratis la versión en PDF del libro The Art & Science of CSS, por unos días, a cambio de que los sigamos en Twitter. Felizmente Roberto me lo ha pasado sin necesidad de seguir este engorroso proceso, así que si alguien lo quiere no tiene más que ponerme un comentario y se lo mando.

Enlace: The Art&Science of CSS is free to download
Tags: libros diseño web css

Hacer rollover de imágenes con CSS

Friday 21st November 2008 5:36 pm

Sencillo tutorial para hacer rollover de imágenes con CSS. Aquí un demo.

Enlace: Image mapping tutorial
Tags: rollover css diseño web

Página 1 de 3  1 2 3 >