SummArg | Cursos y recursos para webmasters

27/07/2010

Generadores CSS3 y otras herramientas

En aext.net publicaron un listado muy bueno de herramientas online para utilizar CSS3. Los generadores particularmente pueden ahorrarnos bastante tiempo de trabajo para escribir nuestro código, por lo que añadir alguno a nuestros bookmarks no es mala idea.

CSS3 Generator

En css3generator.com podremos elegir una propiedad y se desplegará una ventana en donde manejar sus valores y previsualizar sobre la marcha las modificaciones que efectuemos. Se genera código compatible con todos los navegadores. Funciones que abarca:

  • border radius
  • box shadow
  • text shadow
  • RGBA
  • @font-face
  • columnas múltiples
  • box resize, box sizing y outline

Gradient Generator V2.0

Gradient Generator v2.0 nos permite seleccionar la dirección del degradado, los colores que lo componen y en que punto cambia de un color a otro. Devuelve código adaptado a los navegadores correspondientes.

CSS3 Sandbox

En CSS3 Sandbox Tool podés generar:

  • linear gradient
  • radial grandient
  • text shadow
  • box shadow
  • text stroke
  • transforms (muy interesante)

Entrega el código webkit y firefox por separado y solo funciona en navegadores que soporten CSS3.

CSS3 Please!

CSS3 Please! te permite editar las porciones de código que están subrayadas (los valores) y previsualizar el cambio automáticamente en el recuadro superior derecho. Clickeando en [to clipboard] lo copiamos en nuestro portapapeles para utilizarlo sobre nuestra plantilla de estilo.

Dejar un comentario