Los preprocesadores CSS son herramientas informáticas que nos permiten convertir un determinado lenguaje a otro tipo de ficheros, conocidos como hojas de estilo en cascada o CSS. Los más populares y extendidos son LESS, Sass y Stylus. Por lo tanto lo que realizan es la conversión de un fichero (por ejemplo SCSS) con unas determinadas reglas y programación a otro de tipo CSS compatible con los navegadores. Nos ofrecen nuevas características que aportan mas versatilidad a la hora de crear las CSS. El resultado es el mismo, pero con una facilidad de construcción y claridad mayor. Cada preprocesador emplea su propio lenguaje, pero todos ellos exportan a CSS válido. Todos ellos, poseen un lenguaje muy similar al CSS, pero ampliando sus funcionalidades. El objetivo de todos ellos es generar un CSS compatible y acorde a la especificación.
Crear un CSS reset
En esta entrada os dejo un código para crear un CSS reset y comenzar a diseñar las webs desde 0.
Principales Frameworks HTML y CSS para desarrollos web, concepto de responsible design
¿Qué es un ‘framework’? De manera sencilla podríamos definirlo como un esquema (esqueleto, patrón) para el desarrollo y/o la implementación de una aplicación. El framework es un marco de aplicación o conjunto de bibliotecas orientadas a la reutilización de componentes software para el desarrollo rápido de aplicaciones (RAD). Las principales ventajas de la utilización de un framework son: El desarrollo rápido de aplicaciones. Los componentes incluidos en un framework constituyen una capa que libera al programador de la escritura de código de bajo nivel. El programador no necesita plantearse una estructura global de la aplicación, sino que el framework le proporciona un esqueleto que hay que «rellenar». La reutilización de componentes software al por mayor. Los frameworks son los paradigmas de la reutilización. Facilita la colaboración. Cualquiera que haya tenido que «pelearse» con el código fuente de otro programador (¡o incluso con el propio, pasado algún tiempo!) sabrá lo difícil que es entenderlo y modificarlo; por tanto, todo lo que sea definir y estandarizar va a ahorrar tiempo y trabajo a los desarrollos colaborativos. El uso y la programación de componentes que siguen una política de diseño uniforme. Un framework orientado a objetos logra que los componentes sean clases que pertenezcan a una gran jerarquía de clases, lo que resulta en bibliotecas más fáciles de aprender a usar. Permiten crear un diseño responsable. Las desventajas de los frameworks son: La dependencia del código fuente de una aplicación con respecto al framework. Si se desea cambiar de framework, la mayor parte del código debe reescribirse. La demanda de grandes cantidades de recursos computacionales debido a que la característica de reutilización de los frameworks tiende a generalizar la funcionalidad de los componentes. El resultado es que se incluyen características que están «de más», provocando una sobrecarga de recursos que se hace más grande en cuanto más amplio es el campo
CSS avanzado
El estándar CSS 2.1 incluye más de 100 propiedades de todo tipo para diseñar el aspecto de las páginas HTML. No obstante, los diseños web más actuales muestran recursos gráficos que no se pueden realizar con CSS, como sombras, transparencias, esquinas redondeadas y tipografía avanzada. Por ese motivo, es preciso que los diseñadores web profesionales conozcan las técnicas imprescindibles para crear diseños web avanzados. En las próximas secciones se muestran las siguientes técnicas imprescindibles: Propiedades shorthand para crear hojas de estilos concisas. La propiedad 1hasLayout de Internet Explorer, imprescindible para solucionar muchos errores de ese navegador. Limpiar floats, para trabajar correctamente con los elementos posicionados de forma flotante. Cómo crear elementos de la misma altura, imprescindible para el layout o estructura de las páginas. Sombras, transparencias y esquinas redondeadas, que no se pueden crear con CSS 2.1. Sustitución de texto por imágenes y por Flash, para utilizar cualquier tipografía en el diseño de las páginas. Rollovers y sprites CSS para mejorar el tiempo de respuesta de las páginas. Técnicas para trabajar con el texto y la tipografía. Título: CSS avanzado Autor: Javier Eguíluz Pérez Páginas: Dirigido a: Diseñadores web con experiencia en CSS Requisitos: Conocimientos de HTML y CSS Descargar libro en PDF
