Fragmentos de código 2024, Diciembre

La idea aquí es usar un ícono SVG en un botón e intercambiar ese ícono por otro cuando se hace clic en el botón. Un clic en un botón a menudo sugiere que una acción tiene "

Los selectores aquí son específicos del marcado de Wufoo, pero los conceptos en funcionamiento pueden funcionar para cualquier forma. La idea general es que usted haga la radio predeterminada "

Let strippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen Embed Fallback "

El elemento SVG nos permite definir patrones dentro de nuestro marcado SVG y usar esos patrones como relleno. El proceso básico de los patrones "

Los degradados repetidos requieren un truco que ya podemos hacer con el uso creativo de paradas de color en las notaciones de degradado lineal () y degradado radial (), y "

Espacio en blanco, es decir, tabulaciones y espacios. Vanilla JavaScript (Trim Leading y Trailing) var str = "abcdefg"; var newStr = str.trim (); // "a B C D e F"

La función body_class es útil para agregar un montón de clases a la etiqueta del cuerpo que tienen información sobre qué tipo de página se muestra actualmente ".

#foo: comprobado :: antes, entrada (posición: absoluta; clip: rect (0,0,0,0); clip: rect (0 0 0 0);) #foo: comprobado, entrada + etiqueta :: antes ( contenido:"

Normalmente, la tecla de tabulación se mueve al siguiente elemento enfocable. Esto inserta un carácter de tabulación en su lugar. HTMLTextAreaElement.prototype.getCaretPosition = función "

Podemos hacer fluir el texto a lo largo de una línea curva con tres herramientas integradas en SVG:, y. El fragmento Curvas peligrosas por delante Cómo llegamos allí Imagine que dibujamos un "

Se utiliza para proyectar sombras en elementos a nivel de bloque (como divs). .shadow (-moz-box-shadow: 3px 3px 5px 6px #ccc; -webkit-box-shadow: 3px 3px 5px 6px #ccc; "

No todos los navegadores admiten todos los atributos de todos los elementos. Hay una serie de atributos nuevos en HTML5, por lo que la idea de probar para ver qué tipo de navegador "

Esto es menos un fragmento y más un recordatorio de algo que busco a menudo. Al crear archivos SVG en Adobe Illustrator, hay un par de "

Si está interesado en el estilo específico de Webkit / Blink / Chrome, hay un pseudo elemento patentado para ocultar, y luego use un "

Las pruebas de User Agent apestan, pero a veces las necesitas para cosas sutiles. En mi caso, lo estaba usando para ajustar lo que estaba mostrando para las teclas de método abreviado "

Los perfiles de usuario en WordPress tienen estos campos para la información de contacto de forma predeterminada: correo electrónico, sitio web, AIM, Yahoo IM, Jabber / Google Talk. Puede eliminarlos y "

HTML Puede hacerlos con un solo div. Es bueno tener clases para cada posibilidad de dirección. CSS La idea es una caja con ancho y alto cero. Los"

Suponiendo que tiene un elemento en el DOM:

Obtenga una referencia a ese elemento DOM: const el = document.querySelector ("# el"); Entonces tú"

Estas dos funciones crean vínculos de anclaje, y puede personalizar muchos de ellos, pero es imposible agregar una clase simplemente usando sus parámetros ".

# example-gradient (altura: 200px; margen: 0 0 20px 0; color de fondo: #eaeaea; tamaño de fondo: 20px 20px; imagen de fondo: "

El gato en el sombrero SVG ofrece la etiqueta. Si bien funciona de manera muy similar a lo normal en HTML, acepta atributos que desbloquean una potente forma de texto "

P: last-child: after (content: "2766"; / * Aquí viene la hoja de hiedra * / font-size: 150%; / * Hace que la hoja sea más grande que el texto normal * / padding-left: 10px; "

Elimina los últimos cuatro caracteres var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString ahora es "abc" Quita los dos primeros "

La idea aquí es imaginar tres capas apiladas una encima de la otra donde la capa superior se usa para recortar una forma en la segunda capa para revelar el "

.center (ancho: 300 px; alto: 300 px; posición: absoluta; izquierda: 50%; arriba: 50%; margen izquierdo: -150 px; margen superior: -150 px;) Los márgenes negativos son exactamente "

Agregar a la barra de marcadores, seleccionar texto, hacer clic en él para obtener el recuento de palabras. Contar palabras Bookmarklet Contar palabras

Ol.commentlist (estilo de lista: ninguno; margen: 0 0 1em; padding: 0; text-indent: 0;) ol.commentlist li () ol.commentlist li.alt () ol.commentlist "

La forma accesible Su mejor opción es ver el video de 5 minutos de Ethan y luego hacer referencia a esto: CodePen Embed Fallback La forma de varios navegadores (marcado adicional) "

Este código es compatible con varios navegadores y verifica las dimensiones de la ventana gráfica, la resolución de la pantalla y la posición del mouse, lo que puede ser muy útil para "