Etiqueta: CSS
Efecto Abanico de Fotos en álbumes en Google+
Efecto de Abanico en Albumes de Google+ hecho con CSS3 y HTML5
Entrada 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 [...]
Entrada publicada en CSS, Herramientas
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 [...]
Entrada publicada en CSS, Herramientas, JavaScript
live.js actualiza páginas mientras las editas
Nuestro flujo de trabajo al hacer una página web, generalmente es es el siguiente: En el IDE hacemos los cambios necesarios Nos vamos al navegador Actualizamos el navegador Nos gusta / no nos gusta Volvemos al IDE Paso 1, y así sucesivamente… Con live.js nos olvidamos de esto, ya que con sólo insertarlo en el [...]
Entrada publicada en Herramientas, JavaScript
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.
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
Usando Google Font Api y Google Font Directory
Google acaba de anunciar la creación de un directorio de Fuentes Open Source que se pueden utilizar en nuestros sitios mediante una API. Bajo el lema “Haciendo hermosa la web” podemos por ahora usar una lista de 18 fuentes con sus respectivas variantes. ¿Cómo usarlo? El ejemplo que nos dejan es muy sencillo. Primero agregamos [...]
Entrada publicada en Artículos, CSS, Diseño, Google
Pruebas de compatibilidad en navegadores
Probando tu diseño en todos los navegadores.
Dive into HTML5
Dive Into HTML5, un libro que explica algunas ventajas de HTML5. (Vía CSSBeauty)
Entrada publicada en CSS, HTML, Miniposts, Recursos, Utilidades