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 :: A continuación veremos un ejemplo donde se combina el uso de la propiedad first-letter con…
Archivo del sitio
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. A continuación vemos el…
Media Queries Level 4
Desde el mes de Junio de 2014 está en marcha el nivel 4 de Media Queries como borrador de trabajo del W3C. En Septiembre de 2017 llega al estado W3C Candidate Recommendation. Entre las novedades propuestas que se comienzan a…
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 Last Call de Working Draft, esta implementación promete elevar…
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 nuestos 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…
Crear un preloader con jQuery y CSS3
La posibilidad de introducir un preloader para nuestras páginas es una ventaja visual que resultará útil para darle mayor elegancia a nuestro sitio, mientras el usuario espera que termine de cargar. Seguramente conocemos muchas soluciones creadas en AJAX (¡y haste…
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. Una característica base es, antes de decidirnos a aplicar alguna característica, cuáles es…
Crear perspectivas 3D con CSS3
Dentro de las muy interesantes novedades que introduce CSS3 encontramos las opciones para simular efectos 3D. La propiedad perspective es la que nos abre el camino para crear perspectivas utilizando reglas introducidas por CSS3. Desde un elemento «root» o «padre»…