Tutorial de diseño y algoritmos 2025, Enero

Hay caracteres triangulares Unicode. Puedes dibujar un triángulo en SVG. Pero hay otra forma de dibujar un triángulo en la web, que involucra nada más que la propiedad del borde y un pequeño truco CSS ".

Hay algunas animaciones de desplazamiento que son posibles en CSS sin ningún JavaScript. Basta con mirar el capítulo sobre el indicador de desplazamiento, que es claramente magia CSS. Pero podemos hacer mucho trabajo de animación de desplazamiento directamente en CSS con solo un poco de información proporcionada por JavaScript: cuánto se ha desplazado la página ".

La propiedad box-shadow es obviamente útil para sombras claras detrás de elementos que proporcionan una sensación de dimensionalidad y separación. Pero box-shadow tenía algunos trucos bajo la manga, particularmente con respecto a cómo una sombra de caja no necesita ser suave, puede apilarse y ni siquiera necesita estar particularmente cerca ".

Puede crear rayas de fondo en CSS mediante el uso de degradado lineal. A menudo pensamos en un degradado como un desvanecimiento de un color a otro, pero el truco para las rayas es no tener ningún desvanecimiento. En su lugar, podemos especificar "paradas de color" en la misma ubicación, de modo que el color cambie instantáneamente de uno (...) "

Quizás el mayor truco en toda la cuadrícula CSS es poder escribir un diseño de columna que no declare explícitamente el número de filas o columnas, sino que las crea automáticamente en base a instrucciones un tanto imprecisas y el contenido que proporcionas ".

Arrastrar un elemento por la pantalla es algo que está firmemente en el territorio de JavaScript. Querrá acceder a eventos DOM como clics y movimiento del mouse. Pero estamos aquí para hablar sobre trucos de CSS, ¡así que hagámoslo solo en HTML y CSS! "

Las etiquetas deben tener atributos "para" que coincidan con el ID de la entrada que están etiquetando. Esto significa que podemos enganchar ese atributo y usarlo en un selector para "