Optimización mediante CSS
CategoríaConsejos y trucos para optimizar tu código CSS.
Detectar iPhone o iPad con CSS3 Media Queries
Los dispositivos como iPad e iPhone cada vez están más cerca de nuestra vida cotidiana, por ello hay que adaptarse a los nuevos tiempos y crear, estilizar y construir páginas adaptadas a los nuevos medios. De una manera muy sencilla, con el uso de CSS3 Media Queries podemos detectar si el usuario está usando un … Lee más!
Convierte imágenes a CSS con Jpeg2css
Jpeg2css nos permitirá convertir imágenes a CSS, aunque no es apto para novatos, ya que el proceso es bastante complicado si no estás familiarizado con CSS. Funciona mejor en imágenes que representen siluetas en blanco y negro, ya que su forma de procedimiento consisten en convertir cada pixel de la imagen en un div (que … Lee más!
CSS-JS-Booster, combina y comprime CSS y JS
CSS-JS-Booster es un script PHP que optimizará la carga de tu sitio web, que cuenta con interesantes características: Combina múltiples archivos CSS dando como resultado un menor número de consultas al servidor Reduce el código CSS necesario Etiqueta las imágenes menores de 24 KB como data-URI o MHTML (para IE <= 7) Comprime el CSS … Lee más!
Selectivizr, compatibilizando atributos CSS3 y pseudo-clases a IE6-8
Siempre tenemos incompatibilidades y problemas con Internet Explorer, por suerte existen herramientas y arreglos para solucionar dichos problemas. :Select[ivizr] es una librería javascript que nos permitirá aplicar las pseudo-clases y atributos CSS3 a Internet Explorer (versión 6 a la 8). Es muy fácil de utilizar, únicamente tendremos que subir los archivos correspondientes a nuestro servidor y … Lee más!
Tabla de soporte de navegadores para CSS3 @font-face
Con la rápida implementación que se está produciendo de CSS3, es necesario crear tablas que certifiquen el soporte de novedades como @font-face, de la que ya hablé anteriormente. En esta tabla que os voy a mostrar a continuación se muestra cómo los navegadores actúan dependiendo si la fuente de familia está especificada (italic, regular, bold, … Lee más!
Comprueba propiedades CSS3 con CSS3 Please!
CSS3 Please es una herramienta que trae a nuestro disposición una hoja de estilos con propiedades CSS3, como pueden ser transform, border-radius, text-shadow, box-shadow, transition y @font-face, que podremos modificar y observar su resultado final, a la derecha. Cabe destacar que es un generador de reglas cross-browser, es decir, se podrá mostrar en cualquier navegador, … Lee más!
Cómo mejorar la usabilidad de tu sitio con CSS
La usabilidad es muy importante de cara a cualquier proyecto, y más si este es importante, ya que habrá mayor diversidad de usuarios. Es necesario optimizar todos los elementos del sitio para conseguir una buena usabilidad. En esta entrada muestro 7 sencillos trucos para mejorar la usabilidad de nuestro sitio con CSS. Seleccionar con distinto … Lee más!
CSSDispatcher, maneja CSS más cómodamente
CSSDispatcher es una librería PHP que nos permite cargar nuestros archivos CSS, con la adición de poder incluir código PHP en ellos, además de unir y comprimir las hojas de estilo, pudiendo así manejar nuestro código CSS de forma más cómoda. $styles = new CssDispatcher; $styles->add(new Css(‘print.css.php’)); $styles->add(new Css(‘general.css.php’)); $styles->render(); Además de todo esto, podemos … Lee más!
Comprime ficheros CSS con PHP
Existen muchas técnicas para comprimir archivos con CSS, en esta entrada os enseñaré una más, usando PHP, reduciendo el número de peticiones HTTP si disponemos de varios archivos CSS. La técnica se llama Reinhold Weber’s y combina todos los archivos CSS en uno, de forma que no tendrás que renombrar tus archivos CSS con una … Lee más!
El mejor CSS para formatear estilos
Según los resultados de una encuesta realizada en CSS-Tricks, el mejor CSS para formatear los estilos es el de Eric Meyer’s. Recordad que hace poco publicamos una adaptación de su CSS Reset para HTML 5, además de otras 10 técnicas para resetear CSS. Esta es la encuesta: Y tú, ¿Cuál CSS Reset utilizas? Vía | … Lee más!
Resetear CSS para HTML5
¿Os acordáis de las entradas anteriores donde exponíamos una gran lista sobre distintos modos de resetear CSS? Mediante estas CSS Reset podíamos resetear nuestro código CSS para optimizarlo. Pues ahora existe una únicamente orientada a HTML5, la adaptación de la creada anteriormente por Eric Meyers, una de las mejores que existen, y la que la mayoría … Lee más!
Diferentes maneras de formatear CSS
Existen muchas herramientas para formatear CSS y así tener más ordenado nuestro código. Pero podemos formatear el código CSS nosotros manualmente, y claro, para esto, hay infinidad de gustos. Os enseñaremos varias maneras de formatear códigos CSS, elige la que más te guste: dtsv.dtse_post_2661_permalink = ‘http://www.cssblog.es/diferentes-maneras-de-formatear-css/’; dtsv.dtse_post_2661_title = ‘Diferentes maneras de formatear CSS’;
