Logotipo de Zephyrnet

Etiqueta: Trucos CSS

Cómo personalizar las plantillas de portada de tema de bloque de WordPress con imágenes dinámicas de funciones de publicación

Si navegamos por el directorio de temas de WordPress, la mayoría de los temas muestran imágenes de portada. Es una función de demanda popular. La portada...

La web es buena ahora

Ya está disponible el video de la charla de Chris Coyier en CascadiaJS 2022. Es su primera charla en persona en más de dos años, así que es...

Cómo hice un sistema de iconos con propiedades personalizadas de CSS

SVG es el mejor formato para iconos en un sitio web, de eso no hay duda. Te permite tener iconos nítidos sin...

Reglas CSS frente a conjuntos de reglas CSS

La especificación más reciente: una regla de estilo es una regla calificada que asocia una lista de selectores con una lista de declaraciones de propiedades y posiblemente con una lista de reglas anidadas. Ellos son también...

Fondo de tablero de ajedrez CSS... pero con esquinas redondeadas y estilos flotantes

Por un lado, crear fondos de cuadros simples con CSS es fácil. Por otro lado, sin embargo, a menos que seamos uno de los CSS-gradient-ninjas, nosotros...

Hacer un reloj en tiempo real con una cara de gradiente cónico

Los gradientes han sido parte del espectro CSS desde hace bastante tiempo. Vemos muchos degradados radiales y lineales en...

Más detalles en `detalles`

¡Últimamente se habla mucho de los viejos y los elementos! Hace poco vi a Lea Verou twittear una observación sobre la visualización del elemento...

¿Cuándo está bien deshabilitar la selección de texto?

Usando CSS, es posible evitar que los usuarios seleccionen texto dentro de un elemento usando user-select: none. Ahora, es comprensible por qué hacerlo podría ser...

Funciones de WebKit en Safari 16.0

Vaya, Safari 16 está oficialmente disponible e incluye un montón de características, algunas nuevas y emocionantes (¡Subgrid! Contenedor...

Los fundamentos de la remezcla

Probablemente hayas escuchado mucho alboroto en torno a uno de los niños más nuevos en el bloque de marcos, Remix. Puede resultar sorprendente que...

Creación de widgets interactivos de Figma

Figma siempre ha fomentado la colaboración entre desarrolladores y diseñadores. Se esfuerza en un tesoro interminable de complementos creados por la comunidad. ¿Necesita elementos 3D? Hay un complemento para eso. ¿Necesita SVG abstractos? Hay una...

Cómo hice un juego de rompecabezas CSS puro

Recientemente descubrí la alegría de crear juegos solo con CSS. Siempre es fascinante cómo HTML y CSS son capaces de manejar la lógica de un...

Información más reciente

punto_img
punto_img