Evento clear de un <input type=»search» />

19/Dic/2020 98

HTML5 hace años incorporó varios nuevos tipos de input, entre ellos el search. Este nuevo input -aparte de semántico- coloca una ✕ para borrar el valor ingresado en el input y comenzar de nuevo con la búsqueda.

Leer

Detectar dark-mode en browsers

16/Sep/2020 50

Hace ya varios meses que diferentes sistemas operativos y aplicaciones traen como opcional el dark-mode, donde todo lo claro se ha vuelto oscuro. ¿Moda, accesibilidad? Realmente no he indagado, pero eso trae pequeños problemas en cuanto al uso de navegadores […]

Evitar el spam del mailto (el que he utilizado)

8/Mar/2019 75

Spambots aman scrapear páginas para sacar emails para, evidentemente, mandar email spam. En este corto artículo presentaré la técnica que he utilizado y ha sido efectivo, además la encuentro simple entre varias que analicé. Incluye HTML, CSS y opcional (puedes […]

Reset de todas las propiedades CSS de selectores con una sola propiedad: all

9/Nov/2018 110

Existe una propiedad CSS que remueve toda propiedad CSS aplicada por el browser a un selector y la deja sin nada, desnuda y cruda. No me refiero a un reseter, menos a un normalizer. La propiedad all: unset; aplicada a […]

Autocorrección de input en móviles

21/Ago/2018 103

¿Se han enfrentado en un formulario al ingresar texto a un input el dispositivo te ofrece autocorregir lo ingresado? Es fastidioso con campos de password por ejemplo o cuando quieres ingresar un email o un nombre de usuario. Además, suelen […]

Centrando verticalmente IV: CSS Grid

18/Dic/2017 55

Con CSS Grids a la vuelta de la esquina en cuanto a soporte cross-browser, podemos ya considerarlo para centrar horizontal y verticalmente. De todos los artículos escritos anteriormente esta es lejos la manera más simple y fácil de lograr centrar […]

CSS3 @supports

4/Dic/2017 148

CSS @supports CSS3 trae consigo un nuevo selector como parte del grupo condicional feature queries: @supports. Esta regla (no es en sí un selector) prueba si el browser soporta cierto par de propiedad: valor y los operadores AND, IN, OR.

Input vacío con CSS

5/Jul/2017 76

Reto: diseñador envió una interfaz donde un color diferente no sólo al placeholder, sino al background-color del mismo input como se ve a continuación:

De por qué el silencio

20/Abr/2017 67

Hace muchos meses que CSSLab no se actualiza en cuanto a su contenido. Tampoco en su estructura. Lo último que hice fue cerrar las inscripciones a CSSLab Weekly y las razones fueron entregadas a quienes recibían esos emails semanalmente, y […]

Múltiples event listeners en JavaScript

22/Ago/2016 436

En JavaScript, para agregar un evento a un selector ó un conjunto de ellos se utiliza comúnmente addEventListener() pero que tiene una sutil limitación: sólo puedes darle 1 evento a la vez.

Etiquetas de título en HTML5

17/Ago/2016 570

Ya estamos acostumbrados al estándar HTML5 hace años y lo utilizamos tranquilamente en nuestros proyectos web este 2016. Pero, ¿realmente conoces su uso y lo aprovechas? No basta con declarar un nuevo doctype; si no utilizas correctamente sus etiquetas será […]

CSSLab