Establecer fondos con CSS para los elementos de las páginas Web que creamos es una tarea habitual que debemos saber resolver. La propiedad background lleva muchos años en el estándar CSS y ha recibido numerosas actualizaciones que nos abren un…
Archivo del sitio
Como asignar el tamaño a un elemento con CSS
Mediante las hojas de estilo podremos definir las características de presentación de los elementos HTML. Para lograr esto, CSS nos ofrece un conjunto, cada vez más amplio, de propiedades que pueden asignarse a los elementos de nuestros documentos HTML. Pero…
Ejemplo con First-Letter en CSS3
El uso de first-letter en CSS ya existía desde niveles anteriores. Pero en CSS3 hay una pequeña variante en la sintaxis con el uso de :: Este pequeño cambio es sencillo de aplicar si ya venimos trabajando con hojas de…
Ejemplo de perspectiva con CSS3
Las capacidades de realizar transformaciones son una de las grandes ventajas introducidas en CSS3. Mediante el uso de la perspectiva y la rotación, podemos crear interesantes efectos, para los cuales anteriormente se requería de otras tecnologías. Crear una perspectiva con…
Media Queries Level 4
El diseño web moderno requiere que las páginas web se adapten a una amplia variedad de dispositivos, resoluciones de pantalla y tamaños. Uno de los pilares que permite esta flexibilidad son las media queries, una característica fundamental en el diseño…
Variables en CSS
El W3C cuenta con el documento CSS Custom Properties for Cascading Variables Module Level 1, que introduce a las hojas de estilo en cascada la posibilidad e incorporar variables. Actualmente en W3C Candidate Recommendation, esta implementación promete elevar el potencial…
Las tipografías en la web actual
Animaciones con CSS3
Las animaciones en CSS representan una de las características más esperadas del nivel 3 de este estándar. Con la introducción del concepto de keyframes en CSS3, ahora es posible determinar una trayectoria para animar elementos. Este es uno de los…
Media Queries para adaptar nuestros sitios
Vivimos en un tiempo donde la resolución y tamaño de pantalla «estándar» es imposible de predecir para todos los medios y dispositivos. Desde el clásico 640×480 px hasta el 1024×768 px (pasando por 800×600 px) hemos visto desfilar diferentes «resoluciones…
Cómo funcionan los navegadores modernos: el detrás de escena
¿Alguna vez se pusieron a pensar cómo funcionan los navegadores por dentro? Desde pequeño he sido muy curioso y me ha interesado «comprender» lo que hay en el interior de las cosas, qué las hace funcionar. Creo que algo de…
¡HTML5 Por Favor! – HTML5 Please!
Usar o no usar algunas de las características de HTML5 … esa es la cuestión que seguramente más de una vez nos ha torturado la cabeza. Que bueno sería tener una guía que nos diga que característica usar y cuál…
The CSS3 Test
El desarrollo y diseño de sitios Web hoy en día nos pone a prueba constantemente con la complicada tarea de lograr compatibilidad con diferentes dispositivos y navegadores. Antes de decidirnos a aplicar alguna característica nueva debemos verificar su nivel de…