Grilla CSS Responsive / Fluid + Fixed

1/Jun/2016 7544

Grillas CSS abundan y son múltiples sus utilidades (aunque se sigan usando de forma incorrecta y abusando de sus componentes asociados pero enfin, herrar es umano). Vinieron para quedarse por mucho más tiempo y nos han acostumbrado a los layout […]

Leer

SCSS @media mixin

6/Abr/2016 4906

Este útil mixin de SCSS me ha ayudado a mantener consistencia y legibilidad en el código de un proyecto donde estamos muchas personas trabajando de manera remota.

La variable CSS currentColor

9/Feb/2016 139

Estos días se anunció que Google Chrome incluye soporte para CSS Variables, lo que finalmente abre las puertas a que los nuevos features de CSS sean finalmente adquirido por los browsers. Pero una variable poco conocida y con buen soporte […]

La pseudo-class :not

22/Dic/2015 1894

Esta es una de las pseudo-clases menos utilizadas pero con gran utilidad al momento de alcanzar selectores CSS que no comparten cierta regla. La pseudo-clase :not permite seleccionar todos los selectores excepto que satisfacen cierta condición. Esto es muy útil […]

Eventos JavaScript para un <input type=»number»>

8/Oct/2015 328

En un proyecto tengo que obtener el valor de un input de tipo number, el cual en algunos browsers trae controles para aumentar/disminuir el valor:

? can be styled

10/Jul/2015 189

Sólo un experimento utilizando emojis como nombre de clase CSS. No se atrevan a usarlo en producción. HTML: <p class=»?»>Emojis can be styled</p> CSS: .? { font-size: 10vmin; text-align: center; color: green; } .?:before { content: «?»; } JS Bin […]

Alcanzar y manipular pseudo-elementos CSS con JavaScript

9/Jul/2015 239

Los pseudo-elementos (y pseudo-clases) son selectores CSS virtuales que no existen esplícitamente en el árbol de DOM. Pero aparte de esa característica, puede ser manipulado con propiedades CSS como cualquier otra, a excepción que agrega una nueva propiedad content la […]

Sobre pseudo-clases y pseudo-elementos

2/Jul/2015 236

Las pseudo-clases y los pseudo-elementos son tipos de selectores CSS que permiten alcanzar estados y elementos que no están en el DOM original. La lista de pseudo-clases es amplia, la de pseudo-elementos no ha crecido hasta la actual versión de […]

Star-Rating sólo con CSS

17/Jun/2015 4107

Cualquier sistema de votación (star-rating system) requiere de los 3 componentes básicos de todo sitio web: HTML, CSS y JavaScript. Pero a medida que la tecnología avanza, es posible dejar la ayuda que JavaScript brindó por mucho tiempo mientras CSS […]

Hover Intent moderno en menues dropdown

7/May/2015 482

La utilidad (y poca accesibilidad) de los menúes dropdown son conocidos e incuestionables. Pero existe un pequeño problema cuando el usuario navega sobre ellos, el cual se puede apreciar a continuación:

selects con estilo

24/Mar/2015 2205

Estamos en pleno año 2015, la humanidad está trabajando para llevar humanos a Marte y todavía no podemos dar estilos CSS crossbrowsing a las etiquetas <select> Y para qué mencionar los <input type=»checkbox»> y <input type=»radio»>…

CSSLab

CSSLab©

© 2014 - 2021 Todos los derechos reservados.

Escrito y mantenido por Jorge Epuñan desde Santiago, Chile.