Categoría: CSS
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 CSS3, 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, CSS3, Diseño, Firefox, Google Chrome, html5
Guía de soporte CSS en correos electrónicos
Posiblemente el trabajo mas tedioso que tengas que hacer es estilizar un correo electrónico para que éste llegue bien a una bandeja de entrada. CampaignMonitor ha preparado una guia muy detallada que nos ayuda a ver que elementos y propiedades CSS son soportadas en diferentes clientes de correo de escritorio y web. Aunque esta lista [...]
También publicada en Herramientas
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 CSS3, Herramientas, html5
Usa CSS dinamicamente con “{less}”
Muchas veces al momento de escribir código CSS, hemos tenido la sensación de: ¿Por qué no puedo usar variables?, ¡Que bueno sería usar alguna función!. Ahora puedes hacerlo con {less}. {less} modifica el comportamiento de CSS para que puedas usar variables, funciones, operaciones y mezclar estos para escribir código más rápidamente y usando tus talentos [...]
También publicada en Herramientas, JavaScript
Quitando espacios innecesarios en archivos usando Dreamweaver
Desde siempre trabajo con Dreamweaver para editar mis archivos. A veces sucede que cuando descargo un archivo vía FTP, lo que obtengo es algo como esto: o esto: Para quitar estos espacios podemos hacer lo siguiente (usando Dreamweaver): Si el archivo contiene HTML o CSS: Nos vamos al menú y escogemos Comandos –> Aplicar formato [...]
También publicada en HTML, Trucos, Utilidades
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 CSS3, 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 CSS3, 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, CSS3, 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, CSS3, Diseño, HTML, Webkit