Optimización mediante CSS
CategoríaConsejos y trucos para optimizar tu código CSS.
Distintos métodos para utilizar CSS Sprites
A lo largo del blog hemos escrito varias entradas explicando fundamentos relacionados con CSS Sprites (qué es CSS Sprites, cómo se usa y algunos ejemplos de su uso). Solo queremos hacer un listado de las entradas donde hacemos uso de CSS Sprites, ya que al principio no se indicó correctamente que se estaba usando CSS … Lee más!
Guía para recordar valores en CSS Shorthand
Una vez que hemos dominado CSS, nos cuesta creer que no haya una forma más fácil de definir valores. Y sí, la hay, es CSS Shorthand, una definición de estilos que nos permitirá definir todos los valores relacionados con una propiedad en una sola línea, para así aligerar nuestro código y que sea más entendible. … Lee más!
Optimizar CSS sin el uso de PHP
Hay muchas formas de optimizar nuestro CSS, una forma es usar PHP, esto debe ser obligatorio si tenemos CSS generado por PHP se cargará código PHP por cada repetición a la hoja de estilos algo casi mortal para la gente que tenga un servidor que no admita mucho tráfico. Simplificar A veces nuestra hoja de … Lee más!
Ordenar tus códigos CSS
Para no marearnos la cabeza y hacer nuestro código más legible, lo mejor sería que ordenemos nuestro código de acuerdo a varios criterios. Ya os explicamos anteriormente cómo ordenar los archivos CSS en función del tamaño, número de ficheros, etc. Esta vez lo haremos en función de las propiedades. En Aloe Studio han dividido las … Lee más!
10 técnicas para resetear CSS
Todos los elementos HTML tienen por defecto unos atributos CSS predeterminados. A veces estos atributos causan problemas comunes a la hora de crear el sitio pensando en cross-browser (que se visualize correctamente en todos los navegadores). Por eso la única solución a veces es resetear tus estilos. Ya os mostramos anteriormente una técnica para resetear … Lee más!
Distinguir entre Google Chrome y Safari con CSS
A veces queremos que unos navegadores tengan atributos diferentes cuando usemos CSS. Esto se puede realizar en Internet Explorer usando los comentarios condicionales, pero, ¿y en Google Chrome? Con este hack (poco ortodoxo, ya que no valida los estándares) podemos diferenciar entre el navegador Google Chrome y Safari mediante CSS, pudiendo darles propiedades distintas a … Lee más!
Razones para no diseñar para IE 6
Para los que no les guste diseñar en Internet Explorer 6, ya sea porque cada vez es mas viejo (data del 2001), cada vez hay menos gente que lo utiliza, en esta entrada se exponen varias razones para dejar de lado el soporte para Internet Explorer 6 y así dejar de diseñar y optimizar para … Lee más!
Herramientas online para CSS
En esta entrada os mostramos 20 herramientas muy útiles para trabajar con nuestro código CSS y son online. Ya os hablamos de algunas en anteriores ocasiones, pero aquí se muestran unas cuantas más. Podemos encontrar compresores, optimizadores, generadores de layout, menus y mucho más: dtsv.dtse_post_1113_permalink = ‘http://www.cssblog.es/herramientas-online-para-css/’; dtsv.dtse_post_1113_title = ‘Herramientas online para CSS’;
Ampliación sobre los comentarios condicionales
Ya dijimos lo que eran los comentarios condicionales, para qué servían, como se usaban, etc. Pero hoy vamos a explicaros algo de ampliación, es decir, que si no sabes que son los comentarios condicionales te sugerimos que te des una vuelta por la entrada que pusimos hace unos días. Bien, como ya sabemos, los comentarios … Lee más!
Carga más rápido tus imágenes gracias a CSS Sprites
Se puede aligerar la carga de las imágenes, poniendo todas en una y llamandolas mediante la propiedad CSS background. La esencia trata de pasar esas imágenes a imágenes de fondo mediante CSS (alineadas de arriba a abajo, todas ocupando el mismo tamaño), y así poder presentar una u otra dependiendo de su ubicación. El truco … Lee más!
