Categoría: CSS3
Adobe mata a Flash y lanza Adobe Edge, su plataforma de animaciones HTML5, Javascript y CSS3
No he podido creer la noticia, después de haber invertido millones de dólares en el desarrollo de Flash, de haber escrito y reescrito ActionScript; Adobe se "echa" ante lo nuevo y reemplaza a Flash por HTML5, JavaScript y CSS3. Lo hace mediante Edge, la herramienta por ahora gratuita que genera animaciones e interaccion del usuario. [...]
También publicada en Herramientas, html5, JavaScript
Efecto Abanico de Fotos en álbumes en Google+
Efecto de Abanico en Albumes de Google+ hecho con CSS3 y HTML5
También publicada en Artículos, Diseño, Firefox, Google Chrome, html5
Sitios bonitos y elegantes con Gridless
Gridless es un framework HTML5 y CSS3 que permite hacer sitios web simples y elegantes usando una hermosa tipografía. El framework no usa grids para su funcionamiento, lo que si hace es "normalizar" las reglas CSS en vez de resetearlas. También añade estilos de impresión y Funciona en todos los navegadores incluidos IE6. Enlace: Gridless [...]
También publicada en Herramientas, html5
css3.me: Otro generador de CSS3
css3.me te permite generar código CSS3 y mostrarte los resultados en vivo. Para poder obtener los resultados lo único que tienes que hacer es arrastrar las barras, o si deseas resultados más personalizados puedes dar click al ícono (+) y cambiar los valores a tu gusto. Podemos elegir las siguientes propiedades: border-radius. box-shadow. background-gradient. opacity. [...]
También publicada en CSS, Herramientas
Crea prefijos de CSS3 fácilmente con -prefix-my-css
Ahora que el CSS3 no está aun soportado por la mayoría de navegadores, muchas veces tenemos que crear prefijos para ciertas reglas de CSS3 en nuestra hoja de estilos. Esto podría ser un trabajo tedioso, sin embargo –prefix-my-css permite crear los prefijos rápidamente y nos permite elegir como tendremos nuestro producto final. Por ejemplo, si [...]
También publicada en CSS, Herramientas
Ejemplos de Webkit CSS (II): Colores, Bordes y Fondos
Esta es la segunda parte de la entrega “Ejemplos de Webkit”, en esta oportunidad vamos a mostrar algunos ejemplos de colores, bordes y fondos.
También publicada en Artículos, CSS, Diseño, HTML, Webkit
Ejemplos de Webkit CSS (I)
Retomando nuestra costumbre de ayudarles con artículos de Diseño, presentamos ejemplos de como usar Webkit CSS y CSS 3, en esta entrega: Flexible Box Model, Box Sizing y Columns
También publicada en Artículos, CSS, Diseño, HTML, Webkit
Creando gradientes CSS al estilo Photoshop con ColorZilla
Colorzilla es una excelente extensión de Firefox que nos permite fácilmente obtener los colores de una página con un cuentagotas. Ahora nos presenta una interesante aplicación en la que podemos crear fácilmente gradientes con CSS, teniendo la interfaz similar a Photoshop. Al final de tener nuestra gradiente, obtenemos código CSS3 que puede ser visto en [...]
¿Qué es HTML5 y por qué debería importarme?
Excelente infografía que nos dice qué es HTML5 y porque nos debería importar. En inglés
Apple nos muestra HTML5 y los web standards, pero sin respetar los standards.
El día de ayer Apple nos presentó HTML5 and the web standards, un lugar donde podemos ver ejemplos de lo que se puede hacer combinando HTML5, CSS3 y Javascript. Como introducción nos dicen: ...Éstos web standards son abiertos, confiables, altamente seguros y eficientes. Permiten a los diseñadores y desarrolladores crear gráficos avanzados, tipografía, animación y [...]
También publicada en Diseño, html5, JavaScript, WTF