Comparto con todos vosotros un recopilatorio que me ha parecido bastante interesante sobre herramientas que nos facilitan el diseño de nuestras hojas de estilo CSS para los diseños webs que realicemos.

Recopilación de herramientas gratuitas para el desarrollo de nuestras hojas de estilo CSS y diversos elementos HTML basados en ellas. Incluimos utilidades para manejo de color, fuentes, tipografía, generadores de sprites, generadores y optimizadores de código, etc, etc.Seguiremos incluyendo utilidades en nuestro repositorios de recursos web…

COLORES

BOTONES

FUENTES Y TIPOGRAFÍA

GENERADORES DE GRIDS

  • Grid Designer – http://grid.mindplay.dk
  • YUI (Constructor de grids con CSS) – http://developer.yahoo.com/yui/grids/builder/
  • Gridinator - http://gridinator.com/

GENERADORES DE SPRITES CSS

Los sprites CSS son una manera de reducir el número de llamadas HTTP realizadas por los recursos de imagen referenciados de tu sitio web. Las imágenes se combinan en una única gran imagen con coordenadas X e Y definidas. Teniendo asignada la imagen generada a los elementos de página necesarios, la propiedad CSS background-position puede usarse para hacer visible el área requerida de la imagen sprite.

Esta técnica puede ser muy efectiva para mejorar el rendimiento, particularmente en situaciones dónde se utilizan muchas imágenes pequeñas (como iconos de menú). La página inicial de Yahoo!, por ejemplo, utiliza esta técnica exactamente para eso.

VALIDADORES

COMPRESORES

  • CSS Drive – http://www.cssdrive.com/index.php/main/csscompressor/

GENERADORES DE CÓDIGO CSS

FORMATEADORES Y OPTIMIZADORES DE CSS

  • Firebug (plugin de Firefox) – http://getfirebug.com/

GENERADORES DE ELEMENTOS HTML

CSS3

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies