5 Pasos para que tu CSS brille
Hola blogueros
Para todos aquellos que ya seas expertos en CSS y que queraís dar una vuelta de tuerca más a vuestras hojas estilo os hemos encontrado una página que muy probablemente os interese. 5 Pasos hacia el paraíso de los CSS El único problema es que la página está escrita en perfecto inglés, pero tranquilos blogueros ¡Qué no cunda el pánico! Aquí en blogsejos hemos traducido la página para todos aquellos que no seais expertos en la anglosajona parla.
5 Pasos hacia el paraíso de los CSS
El código CSS es como el sexo, no todo el mundo lo hace igual y no existe un método exacto para “hacerlo bien”. La W3C ha establecido los estandards, pero al final el aspecto del código depende mucho de las preferencias de la persona que lo utiliza. Te ofrecemos 5 pequeños consejos que harán que tus códigos CSS estén optimizados que sean más fáciles de leer y de mantener.
1) Haz un índice
Escribe un índice al principio de tu documento CSS. Por ejemplo, puedes resumir las diferentes áreas que tu documento va a definir (Cabecera, pie, body…etc) y luego incluye unos cuantos espacios para separar las áreas. Esto no solo hace que tu documento sea mucho más limpio y ordenado, además te facilita muchísimo esos ajustes rápidos que hay que hacer de vez en cuando para actualizar ciertas partes de tu página o blog, ya que con este sistema es mucho más fácil encontrar los diferentes módulos de los que consta tu sitio web.
2) Separa la posición de la tipografía
¿Por qué? Principalmente para mantener el orden y la limpieza dentro de tu documento, pero también por es muy probable que uses varias veces muchas propiedades tipográficas. Si mezclas las propiedades de tipografía y posición en tu documento CSS, puede que te estés repitiendo de forma innecesaria.
3) Crea clases para las propiedades simples que repites mucho.
Si utilizas mucho una propiedad, asígnale su propia clase. Si nombras tus clases con sentido, tus documentos CSS tendrán combinaciones de nombre de clase agradables a la vista, por ejemplo class=”strong red align_right”.
4) Prueba un compresor de CSS
Aparte de ayudarte a optimizar tu código CSS te pueden servir para aprender nuevos trucos , es decir, algunos de los métodos utilizados para optimizar los códigos CSS.
5) Aprende a aprovechar la naturaleza de cascada de los CSS.
Aunque parezca obvio, muchas veces esto se olvida. Imagina que tienes dos cajas similares en tu página con pequeñas diferencias; puede escribir el CSS para dar estilo a cada caja, o puedes escribir código para dar estilo a ambas cajas a la vez, luego añade propiedades extra debajo para hacer que una sea diferente.
Esperemos que estos consejos os sean de utilidad.
Saludos Blogueros
Para todos aquellos que ya seas expertos en CSS y que queraís dar una vuelta de tuerca más a vuestras hojas estilo os hemos encontrado una página que muy probablemente os interese. 5 Pasos hacia el paraíso de los CSS El único problema es que la página está escrita en perfecto inglés, pero tranquilos blogueros ¡Qué no cunda el pánico! Aquí en blogsejos hemos traducido la página para todos aquellos que no seais expertos en la anglosajona parla.
5 Pasos hacia el paraíso de los CSS
El código CSS es como el sexo, no todo el mundo lo hace igual y no existe un método exacto para “hacerlo bien”. La W3C ha establecido los estandards, pero al final el aspecto del código depende mucho de las preferencias de la persona que lo utiliza. Te ofrecemos 5 pequeños consejos que harán que tus códigos CSS estén optimizados que sean más fáciles de leer y de mantener.
1) Haz un índice
Escribe un índice al principio de tu documento CSS. Por ejemplo, puedes resumir las diferentes áreas que tu documento va a definir (Cabecera, pie, body…etc) y luego incluye unos cuantos espacios para separar las áreas. Esto no solo hace que tu documento sea mucho más limpio y ordenado, además te facilita muchísimo esos ajustes rápidos que hay que hacer de vez en cuando para actualizar ciertas partes de tu página o blog, ya que con este sistema es mucho más fácil encontrar los diferentes módulos de los que consta tu sitio web.
2) Separa la posición de la tipografía
¿Por qué? Principalmente para mantener el orden y la limpieza dentro de tu documento, pero también por es muy probable que uses varias veces muchas propiedades tipográficas. Si mezclas las propiedades de tipografía y posición en tu documento CSS, puede que te estés repitiendo de forma innecesaria.
3) Crea clases para las propiedades simples que repites mucho.
Si utilizas mucho una propiedad, asígnale su propia clase. Si nombras tus clases con sentido, tus documentos CSS tendrán combinaciones de nombre de clase agradables a la vista, por ejemplo class=”strong red align_right”.
4) Prueba un compresor de CSS
Aparte de ayudarte a optimizar tu código CSS te pueden servir para aprender nuevos trucos , es decir, algunos de los métodos utilizados para optimizar los códigos CSS.
5) Aprende a aprovechar la naturaleza de cascada de los CSS.
Aunque parezca obvio, muchas veces esto se olvida. Imagina que tienes dos cajas similares en tu página con pequeñas diferencias; puede escribir el CSS para dar estilo a cada caja, o puedes escribir código para dar estilo a ambas cajas a la vez, luego añade propiedades extra debajo para hacer que una sea diferente.
Esperemos que estos consejos os sean de utilidad.
Saludos Blogueros