Colorzilla presenta un editor de gradientes de colores en CSS

Colorzilla, la famosa extensión que nos ayuda a trabajar con colores en los diseños web, ha presentado ahora un editor de gradientes en CSS que podremos usar para dar efectos más sofisticados usando hojas de estilos.

Sólo tenemos que elegir los colores que formarán parte del diseño y obtener el código que tendremos que pegar en nuestro archivo .css. El resultado es perfecto, con lo que nos evita tener que usar gifs en los fondos de las páginas.

Una buena idea que se está divulgando por las redes sociales a una velocidad impresionante.

css3maker – Trabajar con CSS3 cada vez es más fácil

css3maker.com es un excelente lugar para generar código en CSS3 alterando parámetros de diferentes componentes de forma visual.

Podemos trabajar con bordes redondeados, con animaciones, con colores, con sombras… todo desde un único panel de control que nos ofrece el código necesario en su parte derecha.

Al trabajar con cada una de las técnicas existentes, nos informa sobre su compatibilidad en los diferentes navegadores y dispositivos, lo que nos evita sustos posteriores.

Un lugar imprescindible para los que están construyendo la nueva web.

TypeChart – Navega, compara y consigue el CSS de varias tipografí­as

TypeChart es un proyecto bastante útil para los que están en proceso de elección de un tipo de letra para su nueva web.

Podemos ver textos usando varias tipografí­as, con opción de ver el estilo en Windows y Mac y, lo mejor de todo, obtener el código CSS de cada una con sólo pulsar el botón correspondiente.

Aunque no hay muchos estilos diferentes, sí­ hay los suficientes como para dejarnos un buen rato tomando la decisión.

instantcsscode – Crea en minutos el framework de tu proyecto web

instantcsscode.com nos permite crear las bases de nuestro proyecto con CSS y HTML/xHTML válido como bases del framewok, permitiendo tener todas las librerí­as definidas en segundos.

Sólo tenemos que elegir lo que queremos usar y copiar el código que será generado, evitando tener que escribir más de lo normal y ahorrando tiempo que podemos invertir en crear.

Una buena idea encontrada en el siempre imprescindible webresourcesdepot.com

ProCSSor – Mejora la apariencia de tus hojas de estilo

ProCSSor es una herramienta online muy sencilla, con la que dar un formato correcto a las hojas de estilo (CSS) de nuestras páginas web.

La aplicación goza de un buen acabado visual, nada recargado lo cual la hace muy intuitiva y usable. Podremos elegir entre escribir directamente el código fuente a mano, subirlo desde nuestro PC, u obtenerlo a través de su URL, en el caso de que ya esté subido a un servidor.

Una vez lo tengamos, deberemos elegir el formato que queremos usar, los espacios que dejaremos entre las instrucciones y cosas por el estilo.

Cuando demos con la configuración que buscábamos, sólo tendremos que procesar el archivo y descargarlo a nuestro PC para empezar a trabajar con él.

CSSBake – Los ingredientes necesarios para «cocinar» un buen sitio web

Si crear un sitio web fuese como cocinar un buen plato, CSSBake se definirí­a como uno de los mejores sitios de recetas de la web.

Podemos encontrar páginas 404, fondos tremendos, menús impresionantes, formularios exquisitos… una excelente colección de ejemplos en los que podemos inspirarnos para diseñar la web de nuestros sueños.

Perfectamente clasificada, y con algunos tutoriales bastante útiles, es un recurso imprescindible para los amantes de un buen diseño.

css3menu- Una forma rápida de crear menús en CSS3

En css3menu.com tenemos una nueva y sencilla herramienta que podemos usar para crear menús en CSS3 de forma rápida y profesional.

Sin necesidad de Javascript y con demostraciones de los ejemplos disponibles, sólo tenemos que bajar el que más nos guste e integrarlo en nuestra web, siguiendo los pasos que explican en css3menu.com.

Css3 y HTML5 son los protagonistas de esta nueva web, ahora es nuestra responsabilidad utilizar los recursos para ofrecer una mejor experiencia a nuestros lectores.

Stylebot – Modifica la hoja de estilos de cualquier web desde Chrome

Stylebot es un plugin para Google Chrome que tiene una gran utilidad para los que nos dedicamos al desarrollo web, puesto que permite modificar al vuelo el archivo CSS de cualquier página web que estemos visitando en ese instante.

Una vez instalado, sólo tendremos que pulsar sobre el icono «CSS» o la combinación de teclas «ALT + M» para que aparezca su barra lateral en la que podremos elegir atributos tales como: color, fuente, márgenes, anchura o visibilidad entre otros, o modificar directamente el código de cualquier elemento sobre el que hagamos click.

Los resultados son visibles inmediatamente y no revisten ningún «peligro» ya que únicamente se modifica la hoja de estilos local. Un buen método si estamos pensando en hacer algunos arreglos a nuestra página web y no queremos modificar de forma definitiva el CSS antes de dar con el estilo adecuado.

715 estructuras en CSS listas para su uso

Si os gustó la recomendación de PrimaryCSS que os hicimos el otro dí­a, os encantará la recopilación que han hecho en designshack.co.uk, donde juntan en total más de 700 estructuras CSS para poder comenzar a diseñar casi cualquier sitio web.

Desde los más de 200 diseños de ironmyers.com hasta los 47 de dynamicdrive, es un contenido que todo profesional del diseño web debe revisar frecuentemente.

Enlace: designshack.co.uk

Primary CSS – 22 estructuras web en CSS para no empezar desde cero

Primary es un Framework CSS diseñado para que sea fácil empezar a crear sitios web sin necesidad de empezar desde cero.

En primarycss.com tenemos 22 layouts listos, con posibilidad de bajar el código para alterarlo y adaptarlo a nuestra idea.

Aunque viendo el código llega a ser estúpidamente sencillo, no viene mal un jarro de agua simple de vez en cuando.