El lenguaje HTML5 ofrece varias ventajas frente a su antecesor: almacenamiento de datos offline, reproducción multimedia, mayor interacción con el usuario… lo que muchas veces nos presentan como HTML5, y que no debemos confundir, no es más que una combinación de jQuery y CSS3, lenguajes que avanzan de la mano [...]

El hecho de crear un newsletter puede traerte dolores de cabeza, y grandes. Deberás olvidarte eso de maquetar con DIVS, separar estilos de presentación, cumplir estándares W3C, etc. En otro post te comentaba algunos tips para maquetar emails en HTML totalmente compatibles con los diferentes clientes de correo (Gmail, Hotmail, [...]

Si hace un tiempo te presenté 10 combinaciones de fuentes tipográficas de Google Fonts, hoy te presento una segunda entrega que podrás utilizar en tus proyectos web: Bree Serif & Open Sans HTML <link href=’http://fonts.googleapis.com/css?family=Bree+Serif’ rel=’stylesheet’ type=’text/css’> <link href=’http://fonts.googleapis.com/css?family=Open+Sans’ rel=’stylesheet’ type=’text/css’> CSS h1 { font: 400 60px/1.3 ‘Bree Serif’, Georgia, [...]

Font Awesome se trata de una colección GRATUITA de más de 150 iconos que podrás utilizar en tus diseños de una forma simple, original y limpia. Podrás obtener resultados como los que muestra la siguiente imagen: Se trata de una fuente que se basa en iconos, pudiendo escalarlos y utilizarlos [...]

A continuación encontraras una serie de layouts (plantillas, templates o como quieras llamarlo) basados en porcentajes y posicionamiento relativo, la cual cosa hará que sea totalmente compatible con todos los navegadores, incluyendo la versión móvil de Safari para iPhone e iPod touch. Cada plantilla incluye un enlace con una demo [...]

Normalmente las hojas de estilo se inician con sentencias simples. Sin embargo, para sitios web complejos y con gran cantidad de estilos podrá ser útil organizarlos y aplicarlos cuando sea necesario, sin tener que cargarlos cuando no sea realmente necesario. (¿para qué cargar los estilos de un formulario en una [...]

A continuación voy a mostrarte cómo crear sombras utilizando única y exclusivamente CSS para obtener resultados como los que ves a continuación: CSS Box-Shadow Para ello haremos uso de la propiedad box-shadow de CSS. Podemos aplicar múltiples sombras sobre “cajas” (box) especificando valores para color, tamaño, blur y offset. La [...]

La llegada de los formularios haciendo uso de la última especificación de CCS3 ha sido toda una revolución. Esta tarea se ha simplificado muy mucho, pudiendo obtener resultados más elegantes y vistosos con mucho menos esfuerzo y tiempo. Las posibilidades son infinitas. A los desarrolladores siempre nos gusta implementar mejoras [...]

A continuación encontrarás 30 de las mejores EXTENSIONES para GOOGLE CHROMO para diseñadores y desarrolladores web con tal que seas más eficiente. Window Resizer Redimensiona la pantalla para emular varias resoluciones. TabCloud Almacena y restaurar sesiones de ventana en el tiempo y para diferentes computadoras. Builtwith Technology Profiler BuiltWith es [...]

Nunca había pensado que algo tan simple podría resultar tan útil. Para qué utilizar hojas de Excel con fórmulas, diseños especiales y demás teniendo esta plantilla? Encima online y gratis. Sin quebraderos de cabeza y totalmente personalizable. La plantilla incluye código Javascript, lo que le hace posibles esas características dinámicas. [...]