Como comentábamos en artículos anteriores, apostamos por el uso de las CSS a la hora de maquetar nuestros diseños web. El uso de tablas para este propósito es algo que ha quedado desfasado totalmente y las ventajas de realizar la maquetación de nuestros diseños web mediante CSS son muchas más, además favoreciendo el código limpio y el posicionamiento de la pagina web.
Css son las siglas de lo que se conoce como hojas de estilo en cascada. Las hojas de estilo nos permiten controlar el diseño de nuestras páginas web de forma general. Con ellas podemos tener control sobre el texto, las imágenes y otros elementos que forman el diseño de las páginas web, como puede ser la estructura.
¿Que es CSS SPRITE? Css Sprite es una técnica de maquetación de páginas web en la que se reduce la carga de imágenes en la web, no es lo mismo cargar 10 imágenes de 10kb que 1 imagen de 100kb, aunque el peso en Kb es similar, el número de peticiones es de solo una, aquí radica el potencial de la técnica css sprite.
Hasta hoy no era importante el tiempo de carga en una página web, pero ultimamente se habla mucho en la red de uno de los nuevos factores que ha incluido Google a la hora de posicionar una página web ,el tiempo de carga, si esto es cierto (que realmente pienso que sí o en breve lo será), tendremos que optimizar todas nuestras imágenes y archivos de texto, incluidos las Css.
Normalmente cuando vemos códigos css de algunas páginas, cada diseñador o maquetador lo hace de una manera diferente, pero deberiamos seguir una reglas básicas a la hora de escribir nuestro código css, aquí os dejo algunos consejos para que vuestro código sea más correcto. 1.-Se recomienda mantener siempre las declaraciones CSS en una sola línea, [...]
Os dejo una colección de 25 herramientas imprescindibles que cualquier diseñador deberia conocer, son todas online y nos facilitan la vida, desde el famoso lorem lipsum con el cual rellenamos nuestros páginas antes de entregarlas, hasta generadores de stripes, o herramientas para tratar imagenes, o códigos css para realizar bordes. Podéis visualizar el contenido aquí
