css
21 noticias
Nuevos selectores web: menús desplegables a tu gusto
Nuevas funcionalidades en los navegadores web permiten a los desarrolladores crear elementos `<select>` altamente personalizables, más allá de la apariencia estándar. Un artículo de CSS-Tricks explora estas capacidades, demostrando cómo modificar la apariencia de los menús desplegables para lograr e
css: menos precisión en colores, más velocidad web
Un desarrollador, Keith Cirkel, aboga por reducir la precisión de los valores de color en CSS a un máximo de tres decimales (3dp) para optimizar el rendimiento web. Esta recomendación surge de su trabajo en la creación de un minificador para CSS y un conjunto de pruebas para evaluar su eficacia. Cir
Cover Flow: El efecto Apple, ahora en CSS
Este artículo explora la reimplementación del efecto 'Cover Flow', popularizado por Apple en iTunes y el Finder, utilizando tecnologías CSS modernas. Originalmente, este efecto, que simula una biblioteca física de álbumes o archivos, se implementaba con Flash o JavaScript, lo que implicaba un alto c
ocultar sin perder accesibilidad: ¿sigue funcionando?
Este artículo profundiza en la técnica de la clase `visually-hidden` en desarrollo web, una solución que busca ocultar elementos visualmente al usuario mientras los mantiene accesibles para tecnologías de asistencia como lectores de pantalla. La pregunta central que motiva el análisis es si esta téc
obscrd: código abierto contra bots que extraen contenido web
Un nuevo sistema de protección de contenido de código abierto llamado obscrd ha sido lanzado para combatir la extracción de datos por parte de scrapers y bots de inteligencia artificial. La herramienta, disponible en npm, busca proteger el contenido web al ofuscarlo para los bots mientras mantiene l
Sitio web 'elástico': un toque retro y divertido
Este artículo de blog detalla una actualización de un portafolio web, implementando un efecto visual inusual y nostálgico: un sitio web que se estira y se comprime al redimensionar la ventana del navegador, pero luego vuelve a su tamaño original. La autora, Lynn Fisher, buscaba una solución simple y
IA engañada: CSS imita escritura humana
Este artículo, publicado en will-keleher.com, explora una técnica inusual para generar contenido web que simule una escritura humana, específicamente para un público técnico. El autor describe un proceso meticuloso para alterar la apariencia de un texto, no a través de cambios semánticos, sino media
Diseño web: ¿por qué evitar el texto gris?
El artículo de Catskull.net, titulado "Stop Using Grey Text", es una crítica contundente a una práctica de diseño web que muchos consideran innecesaria y perjudicial: el uso de texto gris sobre fondos de colores similares, especialmente tonos grises sobre blancos apagados. El autor argumenta que es
Boss CSS: 22 años de experiencia en desarrollo CSS
Este artículo del desarrollador Wintercounter explora la evolución de su enfoque para el desarrollo de CSS a lo largo de 22 años, culminando en la creación de una nueva biblioteca llamada Boss CSS. La historia comienza con el uso de CSS puro, seguido de la adopción de preprocesadores como LESS y SAS
Sprites web: animaciones eficientes inspiradas en videojuegos
Este artículo de Josh W. Comeau explora una técnica para crear animaciones web eficientes utilizando sprites, una estrategia tomada prestada de los videojuegos. Los sprites son imágenes que contienen múltiples fotogramas de una animación dispuestos en una tira, permitiendo la reproducción de animaci
tilde.club: tu espacio web personal online
Tilde.club es una plataforma única que ofrece a sus usuarios acceso a un servidor Unix compartido para alojar páginas web personales, aprender y compartir conocimientos. Imagina un foro online donde, en lugar de publicar mensajes, cada usuario tiene su propio espacio web personal, accesible a través
Safari mejora la tipografía con nueva función
En un hito para el desarrollo web, Safari implementó en 2025 una versión funcional de `text-wrap: pretty`, una característica que busca mejorar significativamente la tipografía en navegadores. Durante décadas, los navegadores han utilizado un algoritmo básico y poco estético para dividir el texto en
CSS emula CPU x86: asombro en la web
Un desarrollador ha creado un emulador de CPU x86 funcional, pero inusual: está construido completamente con CSS, sin utilizar JavaScript. El proyecto, denominado x86CSS, ejecuta código máquina de 8086 directamente en el navegador, demostrando una capacidad sorprendente de la hoja de estilos en casc
Celebran el 'Día del Box-sizing' para simplificar la web
En conmemoración del 1 de febrero, Chris Coyier de CSS-Tricks ha declarado el “Día Internacional de la Conciencia sobre box-sizing”. Esta propiedad CSS, a menudo pasada por alto, simplifica significativamente el desarrollo web al cambiar la forma en que se calculan los anchos de los elementos. Por d
VoxJong: Mahjong Solitaire Hecho con CSS
## VoxJong: Un Mahjong Solitaire con un Toque Técnico VoxJong es una implementación digital del clásico juego de mesa Mahjong Solitaire, pero con una particularidad: utiliza CSS para renderizar sus fichas y el tablero. Esto, en sí mismo, es un punto interesante para desarrolladores y entusiastas de
Sitio web te pide JavaScript: ¿por qué ocurre esto?
El artículo completo aquí (500-1000 palabras): ## Sitio web te pide JavaScript: ¿por qué ocurre esto? **En una era digital donde la navegación web se ha convertido en una actividad cotidiana, es cada vez más común encontrarse con un mensaje frustrante: “Este sitio web utiliza JavaScript. Por favor
adiós a los trucos CSS: modern.css simplifica el código
El sitio web modern-css.com se centra en un problema común para los desarrolladores web: la necesidad de utilizar 'hacks' o soluciones alternativas para lograr ciertos efectos visuales o comportamientos en CSS. Estos hacks, a menudo basados en trucos para sortear limitaciones de versiones antiguas d
Oat: UI Minimalista para JavaScript, ¡Solo 6KB!
Un nuevo componente de interfaz de usuario (UI) llamado 'Oat' ha sido lanzado como una alternativa minimalista a las pesadas bibliotecas de JavaScript existentes. Desarrollado por un individuo frustrado con la complejidad y las dependencias de los frameworks de JavaScript, Oat ofrece un conjunto de
Web más unificada: Mozilla impulsa Interop 2026
Mozilla ha anunciado Interop 2026, una iniciativa colaborativa entre Mozilla, Apple, Google, Igalia y Microsoft para mejorar la compatibilidad web entre navegadores. El proyecto se centra en características web bien definidas y con buena cobertura de pruebas, buscando equilibrar las prioridades de l
CSS-Doodle: Diseños Dinámicos Sin JavaScript
El proyecto <css-doodle /> v0.50.2 introduce un conjunto de selectores CSS personalizados para generar patrones visuales y animaciones basados en una cuadrícula. Esencialmente, permite crear diseños complejos y dinámicos directamente en CSS, sin necesidad de JavaScript. La utilidad principal reside
Menú desplegable CSS: ¡Sin JavaScript!
Este repositorio de GitHub, llamado 'fun-with-clip-path', presenta una ingeniosa implementación de un menú desplegable utilizando únicamente HTML y CSS, sin necesidad de JavaScript. La idea original se inspira en el trabajo de iVentions y se popularizó en X (anteriormente Twitter). El objetivo princ