Fragmentos de código 2024, Diciembre

Hemos hablado de "¿Por qué Ems?" Aquí antes. Para aquellos nuevos en los valores de em, The Mozilla Developer Network hace un excelente trabajo al explicar ems: ... an em is "

Div (min-height: 500px; height: auto! important; height: 500px;) Esto funciona porque (¿afortunadamente?) IE trata "height" como se supone que es "min-height"

Cuando se trata de animación, nos dicen que setInterval es una mala idea. Porque, por ejemplo, el ciclo se ejecutará independientemente de cualquier otra cosa que esté sucediendo ".

Sass de alguna manera puede ser una pequeña caja negra, especialmente para los desarrolladores jóvenes: pones algunas cosas, obtienes algunas cosas. Toma la referencia del selector "

NEWS .wrapper (margin: 50px auto; width: 280px; height: 370px; background: white; border-radius: 10px; -webkit-box-shadow: 0px 0px 8px rgba (0,0,0,0.3); "

Var myArray =; var randomItem = myArray; Vea el Pen gLJPZv de Chris Coyier (@chriscoyier) en CodePen ".

Hay mucha confusión en torno a la forma en que funcionan las unidades en Sass. Sin embargo, funcionan exactamente como lo hacen en la vida real. Si desea eliminar la unidad de valor, "

En estos días, realmente no tiene que preocuparse de que la opacidad sea algo difícil entre navegadores. Solo usa la propiedad de opacidad, así: .thing ("

¡Oh, esto es inteligente! Lo estoy sacando del blog de David. const isRequired = () => (lanzar un nuevo error ('param es obligatorio');); const hola = (nombre = "

Sass no proporciona ninguna forma incorporada de ordenar una lista de valores. Gracias a las funciones de manipulación de cadenas, podemos crear una función para ordenar una lista de elementos "

Tbody tr: nth-child (impar) (color de fondo: #ccc;) "

Los elementos con el atributo contenteditable se pueden editar en vivo directamente en la ventana del navegador. Pero, por supuesto, esos cambios no afectan al documento real "

Sass proporciona una colección de funciones útiles para manipular cadenas, sin embargo, no hay ninguna función para reemplazar una subcadena con otra cadena. Aquí hay un "

Sans-Serif Arial, sans-serif; Helvética, sans-serif; Gill Sans, sans-serif; Lucida, sans-serif; Helvetica Estrecha, sans-serif; sans-serif; Serif Times, "

"mobile.html" se reemplazaría con la ubicación del lugar donde reside su versión móvil. Esta técnica podría adaptarse para cargar una hoja de estilo alternativa "

Una forma popular de dibujar rayas en CSS es para definir un degradado lineal con paradas de color superpuestas. Funciona muy bien pero no es muy cómodo de escribir "

Encuentra errores en HTML y resalta la basura. / * Elementos vacíos * / div: vacío, span: vacío, li: vacío, p: vacío, td: vacío, th: vacío (relleno: "

Var someString = "¡Hola mundo 123!"; newString = someString.replace (// g, ''); // console.log (newString); // "¡Hola Mundo!";"

Ambas funciones, aclarar y oscurecer, manipulan la claridad de un color en el espacio HSL añadiéndole o restando luminosidad. Básicamente, son "

Una gran razón para usar la precarga de imágenes es si desea usar una imagen para la imagen de fondo de un elemento en un evento mouseOver o: hover. Si solo "

Técnica # 1 función Shuffle (o) (for (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); volver o;); Uso var testArray "

Supongamos que necesita usar un selector determinado en varios lugares de su código. No es tremendamente común, sin duda, pero suceden cosas. El código repetido es "

Firefox 2 html> / ** / body .selector, x: -moz-any-link (color: lime;) Firefox 3 html> / ** / body .selector, x: -moz-any-link, x: predeterminado (color: lima;) Cualquiera "

Uso en línea: haga clic aquí para cambiar la visibilidad del elemento #foo This is foo "

Declarar tamaños de fuente en unidades de ventana gráfica puede producir resultados realmente interesantes, pero conlleva desafíos. No hay min-font-size o "

Esta es una colección de plantillas de inicio para diseños y patrones que utilizan CSS Grid. La idea aquí es mostrar lo que la técnica es capaz de hacer y "

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// hacer cosas específicas de IE) else (// hacer cosas no específicas de IE) "

Tres franjas deberían ser algo tan fácil de dibujar. Aquí hay varias formas diferentes de hacerlo en la web. Dicho esto, SVG es definitivamente la mejor manera de "

Sombra de texto normal: p (text-shadow: 1px 1px 1px # 000;) Varias sombras: p (text-shadow: 1px 1px 1px # 000, 3px 3px 5px azul;) Los dos primeros valores "

La función de arrastrar y soltar HTML5 es ideal para manejar la carga de archivos. Pero si eso es lo único para lo que lo está usando, es bueno saber si algún dragenter en particular "