Si trabajáis en el mundo del diseño web seguramente ya estaréis estudiando las diferentes técnicas que ofrece CSS3 para crear nuevas webs, más modernas, rápidas y elegantes.

Aquí os dejo con una colección de herramientas que os pueden ayudar a ahorrar algo de tiempo, generando código de forma sencilla para no empezar desde cero. La lista fue publicada en pelfusion.com.

1. CSS3 Generator

Permite generar radios en los bordes, sombras en las cajas y textos, múltiples columnas, redimensionar imágenes…

CSS3 Generators

2. CSS3 Gradient Generator

Ideal para comprobar lo eficaz que es css3 en la generación de gradientes de colores.

CSS3 Gradient Generator

3. CSS3 Sandbox

Para generar gradientes lineares y radiales, sombras y efectos en textos.

CSS3 Sandbox

4. CSS Border Radius

Para generar bordes con curvas eligiendo el radio.

CSS3 Border Radius Generator

5. Font-Face Kit Generator

Un generador de @font-face desde Font Squirrel.

font-face Generator

6. Border Image Generator

Para ajustar los márgenes y fondo de cualquier imagen.

Border Image Generator

7. Cross Browser CSS3 Rule Generator

Un editor de CSS3 online del que ya había hablado por aquí.

Cross browser CSS3 rule generator


Sigue las noticias por twitter.com/wwwhatsnew y por iPhone.

<h4>Entradas relacionadas</h4>
<ul>
<li><a href="http://wwwhatsnew.com/2010/03/26/rendera-un-editor-online-de-html5-y-css3/" title="Rendera – Un editor online de HTML5 y CSS3 (Marzo 26, 2010)">Rendera – Un editor online de HTML5 y CSS3</a></li>
<li><a href="http://wwwhatsnew.com/2010/03/09/practica-css3-con-css3please-com/" title="Practica CSS3 con css3please.com (Marzo 9, 2010)">Practica CSS3 con css3please.com</a></li>
<li><a href="http://wwwhatsnew.com/2010/03/14/para-quien-estudia-css3/" title="Para quien estudia CSS3 (Marzo 14, 2010)">Para quien estudia CSS3</a></li>

Via http://wwwhatsnew.com/2010/04/14/algunos-interesantes-generadores-de-codigo-css3/

Related Posts with Thumbnails
Tagged with:  

Comments are closed.

Free WordPress Theme