Blog de Jaime Olmo » CSS

CSS: Consejos y buenas prácticas

Jaime — Tue, 26 Jun 2007 20:47:55 +0000

Hoy descubro a través de Chavalina.net que a su vez ella descubre en Intenta que a su vez sacan de Pixelovers (enlaces, la naturaleza de la Internet en todo su esplendor) una serie de consejos muy buenos para aplicar al diseño de hojas de estilo (CSS). Entre los consejos que ofrecen los siguientes fueron los mas que me interesaron:

Resetea las propiedades CSS para eliminar diferencias entre navegadores desde el principio.
Trata de sacar partido de la cascada
Usa criterios consistentes para organizar las declaraciones de estilos dentro de tu CSS.
Los hacks son la última solución. (Personalmente mi favorito)

Lectura muy recomendada para todos los diseñadores web.

Mi nueva arma secreta para CSS

Jaime — Tue, 08 Aug 2006 22:16:45 +0000

Que mucho me voy a ahorrar en tiempo con esta página. Es mas debo quedarme callado y no publicar nada… pero no es mi estilo.

Si eres de los millones que religiosamente cada mañana verifica los bookmarks más populares en del.icio.us, es posible que te hayas topado con este recurso. Code Sucks ha publicado una colección de plantillas o templates en CSS para usar como base en el diseño de proyectos web. Existe toda una gamma de opciones y cada uno en varios sabores. Nada mal para empezar con el diseño de un nuevo proyecto web. Además si ya eres un maestro del CSS, adaptarlos a tus necesidades será pan comido. Gracias Code Sucks.

Como organizar hojas de estilos CSS

Jaime — Thu, 12 May 2005 05:08:15 +0000

No quiero pasar desapercibido un artículo sobre CSS que me parece sumamente constructivo cortesía de StopDesign. Douglas Bowman comparte en su artículo CSS Organization Tip 1: Flags una técnica muy útil para navegar con mas agilidad nuestras hojas de estilo en CSS. Este artículo parece ser el primero de una serie que sin duda alguna será de gran utilidad. Estaré muy pendiente.

Casa en CSS

Jaime — Tue, 16 Nov 2004 19:22:09 +0000

Cada vez CSS demuestro que es una herramienta poderosa para manejar el diseño de cualquier página web. En este caso podemos ver como a través del uso de CSS se pueden crear objetos. En este ejemplo se ha creado una casa con todo y sus ladrillos. Esta casa, hecha en CSS, es un ejemplo del potencial creativo detrás de esta herramienta y de la horas libres que tuvo que tener Chris Hester para contruir esta obra.

10 tips sobre CSS

Jaime — Sat, 23 Oct 2004 18:50:48 +0000

Estos tips o ayudas son esenciales para crear mejores documentos en CSS. Cortesía de Builder.com.

Diseñorama publica artículo sobre CSS

Jaime — Sat, 09 Oct 2004 15:30:01 +0000

Uno de los weblogs más atractivos a la vista de cualquier visitante, Diseñorama, acaba de publicar un artículo que escribí sobre el uso de CSS para crear esquinas redondeadas. El tutorial dentro del formato del blog de Diseñorama luce formidable. Kemie Guaida realmente ha creado un espacio plancentero para poder aprender sobre el diseño web, te invito a que visites el tutorial y de una vez disfrutes de Diseñorama.

Algunos cambios al CSS del blog.

Jaime — Sun, 23 May 2004 23:28:02 +0000

Hice algunos cambios a las hojas de estilo del blog. Si ves que el blog aparece como si no tuviera ninguna hoja de estilo, escoge cualquiera de las tres disponibles que escontrarás en el area del menú al final de los post publicados. Esto sucederá solo a los que usaban la hoja de estilo original que ahora se llama “rightmenu”.

Así se verá el blog sin hoja de estilo.

Pienso continuar creando otras hojas de estilo para el blog, para de esta manera continuar perfeccionando el uso del CSS en mis proyectos y para compartir lo aprendido al usar CSS. Me gustaría saber que hoja de estilo utilizas para navegar este blog. Para saber cual es la hoja de estilo que está siendo usada solo debes fijarte en la opción que no tiene ningún enlace.

¿Cuál es tu estilo favorito?

¿CSS 3D?

Jaime — Sat, 22 May 2004 05:36:28 +0000

El W3C no va a desarrollar un nuevo estándar para presentar páginas web en tercera dimensión usando CSS.

Parece que Jon Hicks encontró la mejor manera de enseñarnos la lógica del Box Model del CSS a través de un simple gráfico. El se ha tomado la molestia de crear una representación visual en tres dimensiones del Box Model usado por CSS. Considero que es un buen recurso para todos aquellos que aún no entienden como funciona el Box Model de CSS o para todos aquellos consultores que enseñan CSS.

Esta iniciativa ha inspirado a otros a crear trabajos parecidos. Esta es una versión interactiva del mismo concepto de Hicks. Hicks no es el primero que hace uso de elementos visuales para explicar como trabaja CSS, anteriormente Tantek Çelik había creado su propia explicación visual del Box Model Hack.

Solo por referencia, aquí esta la versión original del W3C.

Maestros del Web publica tutorial sobre esquinas redondeadas.

Jaime — Wed, 31 Mar 2004 21:12:10 +0000

Quiero agradecer a todo el personal de Maestros del Web por haber colocado el tutorial que escribí hace unas semanas sobre como crear bordes nítidos y esquinas redondeadas usando solo CSS y algunos “gifs”. Si deseas ver el código en acción puedes bajarte el ZIP que ofrece el tutorial. Recuerda que usar CSS para los estilos de nuestras páginas web ofrece un sin número de ventajas tanto en optimización de código HTML como en la presentación visual del documento, aprender CSS es divertido y práctico. Espero que disfrutes el tutorial.

Para futuras referencias: Creando esquinas redondeadas usando CSS.

Ventajas de los estándares web

Jaime — Tue, 30 Mar 2004 05:53:29 +0000

Quiero compartir esta presentación que tenía guarda en mis “bookmarks” la cual encontré muy buena para ser tomada como referencia si en algún momento necesitas convencer a algún colega sobre los beneficios de usar los estándares web. Desde que descubrí el W3C soy fiel motivador de usar los estándares web para desarrollar mejores documentos para la Internet. Muchos son sus beneficios pero las más que resaltaría son:

Formato del documento semánticamente correcto: Cada etiqueta dentro del HTML tiene su función y su definición única. No usarlas correctamente correspondería una violación de la semántica. Es como utilizar la “y” como una conjunción o utilizar un artículo como si fuera un pronombre.
Utilizar CSS para separar el contenido de la presentación:
- Nor permite cambiar la presentación de todo un website con tan solo editar un archivo.
- Mejora la interpretación del código dentro del documento HTML. Mientras menos código haya más rápido cargará el documento.
Accesibilidad: La tecnología debe estar al alcance de todos, sin importar impedimentos o que dispositivos se esten usando.

Usar estándares nos permite crear una Internet más saludable y robusta. Para más información aquí estan los enlaces del documento original en inglés y la traducción al español.

The benefits of Web Standards to your visitors, your clients and you! Por: Max Design

¡Las ventajas de los Estándares Web para tus visitantes, para tus clientes y para ti mismo! Trucido por: xoan sampaiño