Conoce cómo funciona el browser y optimiza tu código frontend

26/nov/2014 4

Hace no más de 2 años que la tendencia de los usuarios de internet han visto cómo han crecido de manera indirecta las siguientes afirmaciones:

Leer

Recorrer arreglos en pre-processors

5/nov/2014 0

Hace unos 4 proyectos atrás, me enfrenté al dilema de crear y recorrer un array de elementos -en este caso colores en hexacromía- y crear clases CSS dinámicamente a partir de cada uno de los colores contenidos en el arreglo. […]

Bordes Doblados Flat – LESS mixin

8/oct/2014 1

El siguiente es un mixin para LESS que creé que genera el efecto de bordes doblados dado un elemento HTML y con colores sólidos asociados.

Loops para todos los gustos

30/sep/2014 1

En desarrollo front-end se da a menudo que tengamos etiquetas y selectores que se repitan varias veces, con la misma o diferentes clases ó valores que vayan en incremento/decremento. Pero como HTML y CSS no son lenguajes de programación (no […]

Textos con borde

17/sep/2014 4

Un pequeño efecto que realicé para este nuevo diseño de CSSLab fue agregar borde a un caracter dentro de los blockquote, pero este efecto puede aplicarse a textos de cualquier tipo y con cualquier fuente, incluso si son @font-face. Entre […]

Cerrar video cuando termina en iOS

4/sep/2014 0

En iOS, cuando intentamos utilizar un elemento <video /> nos vemos obligados a que el player del dispositivo se haga cargo. No podemos aplicar autoplay ni responder a su comportamiento, ya que es intrínseco del sistema operativo y no del […]

Centrando texto verticalmente III: flexbox

13/ago/2014 1

No he escrito nada sobre la propiedad flexbox debido a su poco alcance en los browsers pero creo que ya es el momento. Se puede utilizar display: flex desde IE10+ (con prefijo -ms-) y Firefox / Chrome / Opera lo […]

Centrando texto verticalmente II

1/ago/2014 2

Recuerdas las tablas? Sabes que aún son útiles? No como etiqueta HTML, sino la propiedad CSS display: table. Aquí presento una técnica sencilla y rápida que permite centrar verticalmente cualquier bloque de texto dado cierto elemento HTML con alto fijo.

Familias tipográficas web-safe

23/jul/2014 0

No hay cosa peor de que transfieras un diseño para web y que se vea mal en el computador de tu cliente que justo tiene una tipografía mala o una versión de sistema operativo que no te imaginabas aún existía. […]

Aleatoriedad en LESS

10/jul/2014 0

Una de las muchas ventajas de los CSS pre-processors es permitir utilizar JavaScript nativamente -bueno, el pre-processor mismo está escrito en JavaScript- y con ello extender su uso antes de procesar el archivo y transformarlo en nuestro querido .css. En […]

Estilos para IE9, IE10 e IE11

18/jun/2014 1

Desde IE10 quer ya no existen los comentarios condicionales, ese útil invento de Microsoft para que nosotros desarrolladores front-end pudiéramos lidiar con los estilos específicos para IE5, 6, 7, 8…. y 9. Los quitaron porque creían que con IE10 todo […]

CSSLab