Geek the Planet

12 herramientas para trabajar con CSS3

Por Angelfire August 13th, 2012 0 Comentarios

CSS3 es la más reciente especificación de CSS (que no es tan reciente, tiene más de 10 años desde que se hizo su lanzamiento oficial).  CSS3 está dividida en varios documentos separados, llamados “módulos”. Cada módulo añade nuevas funcionalidades a las definidas en CSS2, de manera que se preservan las anteriores para mantener la compatibilidad. El estado de cada módulo lo pueden encontrar por acá.

Dentro de las características más mencionadas y usadas se encuentran:

  • Transitions
  • Web Fonts
  • Transformations
  • Media queries

Por esa razón es que han sido algunas herramientas que nos facilitan la vida y crean código automáticamente por nosotros, a continuación algunas de ellas:

  1. Transforms: Permite crear transformaciones en 2D y 3D
  2. Ceaser: CSS Easing Animation Tool: Transiciones
  3. CSS3 Button Maker 1.0: Permite crear botones con interesantes efectos 3D
  4. CSS3 Click Chart: Nos muestra con un ejemplo de código como se usaría cada propiedad CSS3
  5. Patternizer: Permite crear patrones
  6. The CSS3 Test: Nos permiten conocer el estado de la implementación de algunas propiedades CSS3 en los navegadores
  7. Animatable: Más de 30 animaciones en CSS3
  8. CSS3 Patterns Gallery: Patrones en CSS3
  9. CSS3 Drop Shadow Generator: Interesantes efectos de sombras con CSS3
  10. CSS3 Generator: Una interesante herramienta que nos genera código automaticamente con solo indicarle algunos parámetros
  11. Font-Face Generator: Indicandole la fuente que deseamos usar no entrega el código completo en CSS que debemos usar para que esta se vea correctamente en el navegador.
  12. CSS3 Style Sheet: Por último y no menos importante el “pastel”/”copialina” sobre CSS3

Comentar