Quick CSS3 Gradient Generator – Generador de degradados CSS3

Para los usuarios que quieran empezar a utilizar y aprender los nuevos códigos CSS, aquí­ os dejo esta aplicación.

Quick CSS3 Gradient Generator, es una pequeña aplicación que nos permitirá generar degradados en CSS 3, todo ello de manera online.

Su función es fácil, elegimos los colores que preferimos para nuestro degradado y listo, generamos el código y ya lo podremos utilizar para nuestros diseños.

Una aplicación muy simple pero a la vez muy útil para las personas que no manejan los programas de diseño, pero el CSS sí­.

Ví­a | Unusuario

CSS3 PIE – Para permitir que Internet Explorer entienda más CSS3

En css3pie.com nos ofrecen un archivo (pie.htc) que, guardado junto con el servidor que ofrece nuestras páginas web, permitirá a los navegadores Internet Explorer (del seis al ocho) entender varias de las propiedades especificadas en CSS3.

En su primera versión, y con el proyecto disponible en github, permite que los visitantes que usen este tipo de navegador pueden ver las sombras, curvas, gradientes y otros efectos que incluimos en nuestros diseños web y que, hoy por hoy, no todos los navegadores reconocen.

Una buena idea para garantizar que nadie se pierda los detalles de un buen diseño web.

Sencha – Para programar webs que parezcan aplicaciones de teléfonos móviles

Sencha Touch es un framework con código libre que los programadores pueden usar para programar webs que parezcan aplicaciones nativas para teléfonos Android y iOS.

Usando HTML5 y CSS3 los resultados pueden ser sorprendentes, facilitando la integración con mapas, la carga de datos con ajax y las animaciones.

Algunos de los ejemplos de aplicaciones realizadas con este framework: kivamobile.org, la versión portatil del famoso kiva.org, y touchsolitaire, un juego de cartas para iPad, entre otros.

Css3Watch – Los más impresionantes ejemplos de CSS3 en la web

Influenciado por el famoso HTML5Watch, blog que se encarga de mostrar los ejemplos más sorprendentes de HTML5 en la web, Zander Martineau lanza CSS3 Watch.

Se trata de una fantástica colección de sitios web y aplicaciones que usan CSS3 para mostrar las posibilidades que tiene esta nueva forma de programar hojas de estilo. Entre ellas podemos ver ILoveBlur, la Fail Whale dibujada con CSS o el recientemente comentado Launchlist para mostrar tareas pendientes en un diseño web.

Un sitio imprescindible para quienes están aprendiendo a crear una nueva web.

Construye un acuario con Canvas y CSS3

En ajaxian acabo de leer sobre un curioso experimento que nos permite crear peces usando Canvas y CSS3, sin nada de flash.

El proyecto lo podéis probar, con un navegador compatible (a mí­ me ha funcionado con Chrome) en gregmurray.org/fish/, siguiendo las instrucciones de ajaxian en caso de querer investigar las instrucciones del código.

Un ejemplo más de lo que podemos hacer con las técnicas y tecnologí­as que están construyendo una nueva web.

Protofluid – Prueba tu web en varios tamaños y navegadores

protofluid.com nos permite ver cómo aparece nuestra web en diferentes navegadores y tamaños. Sólo tenemos que indicar la url, el dispositivo y el tamaño, mostrando un popup con el resultado.

Con media queries para CSS3 y varios consejos para su uso correcto, se presenta como una aplicación web en HTML5 y CSS3 para prototipado.

Sin duda una buena herramienta para quien trabaja con diseño web.

Ví­a webresourcesdepot.com

Demos y Ejemplos de HTML5

Cada vez que sale una nueva demostración de lo que puede hacerse con HTML5 o CSS3 la web social se encarga de llevarla a todos los rincones posibles de Internet. Con los rumores de que HTML5 podrí­a ser el asesino de flash y las posibilidades casi ilimitadas de las que presume esta forma de mostrar contenido en la web, no hay noticia relacionada que no suba como la espuma en los agregadores de noticias.

Lo malo es que con tanta demostración y ejemplo que ronda por la web se hace difí­cil tener un control de lo que ya se ha mostrado en algún momento, por eso me ha llamado la atención html5demos.com, una página encargada de mostrar muchos de los trucos que hemos visto en los últimos meses.

Un buen recurso para programadores, estudiantes y curiosos, esperemos que crezca en lo que a número de demostraciones se refiere.

Algunos interesantes generadores de código CSS3

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
Continúa leyendo «Algunos interesantes generadores de código CSS3»

Para quien estudia CSS3

Como muchos ya sabréis, CSS3 invadirá poco a poco las diferentes páginas web ofreciendo recursos modernos y fáciles de implementar en su diseño.

Aquí­ os dejo una serie de enlaces interesantes para quien está estudiando o para quien simplemente quiere saber más sobre esta nueva técnica de programación de hojas de estilo.

css3generator.com

Genera código en CSS3 después de indicarle el valor de algunas variables. Hay disponible una sección para ver el resultado antes de exportarlo.
Continúa leyendo «Para quien estudia CSS3»