Fragmentos de código 2024, Diciembre

Las creaciones de diseño web receptivo a menudo existen en varios puntos de interrupción diferentes. Gestionar esos puntos de ruptura no siempre es fácil. Utilizándolos y actualizándolos "

***** Selector Hacks ****** / / * IE6 y anteriores * / * html #uno (color: rojo) / * IE7 * / *: primer hijo + html #dos (color: rojo) / * IE7, FF, Saf, Opera * / "

Try (document.execCommand ("BackgroundImageCache", false, true);) catch (err) () "

Si hay una abreviatura CSS que falla dramáticamente, es la que permite definir la propiedad de posición, así como las cuatro propiedades de desplazamiento "

No tiene que diseñar sus propios botones para Apple Pay. De hecho, Apple literalmente te dice que no puedes. Entonces, ¿qué vas a hacer en la web? Agradecidamente,"

PHP tiene una buena función print_r para imprimir información sobre una variable en la pantalla. console.log () también es genial para eso en JavaScript, pero "

Material Design ha estado por todos lados últimamente. Una parte consiste en apilar capas unas sobre otras como hojas de papel reales. Conseguir"

:: selección (color de fondo: #FFA; color: # 000;) (Más información) "

Aquí hay un rápido (también hay una versión de PHP): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Vea cómo el lápiz genera un nuevo color hexagonal aleatorio "

Este artículo de julio de 2013 describe un método para usar elementos psuedo para mantener la relación de aspecto de los elementos, incluso cuando se escala. Aquí hay una mezcla de Sass que "

# ajuste de página (ancho: 800 px; margen: 0 automático;) "

¿Alguna vez vio esas cosas de CDATA en JavaScript y se preguntó para qué servía? Es para evitar que el validador lea ese código como marcado y falle "

No existe una forma sencilla de calificar un selector desde su conjunto de reglas asociado. Al calificar me refiero a anteponer un nombre de elemento (por ejemplo, a) a una clase "

Recibimos un buen consejo de Lydia Dugger por correo electrónico con un método para cambiar los estilos que los navegadores WebKit aplican a los campos de formulario que han sido "

En caso de que esté interesado en manejar su propio prefijo de proveedor de CSS (en lugar de, digamos, Autoprefixer o Compass), aquí hay un mixin para ayudar con eso. Bastante"

Esto le irá bien en estos días (IE 8 en adelante): .group: after (content: ""; display: table; clear: both;) Aplicarlo a cualquier elemento padre en el que "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Quizás quieras probar si window.location.href "

Sass framework Compass proporciona una función útil para obtener la dirección opuesta de una posición, por ejemplo, izquierda cuando se pasa a la derecha como argumento. Esta"

Ejemplo: cuerpo (tamaño de fuente: 62.5% / * 1em = 10px * /) Las cosas dentro de las marcas / * * / son comentarios CSS. Esto le permite ingresar notas en CSS que "

Compilado por Svein Petter Gjøby: const array =; // Método 1: Usar un conjunto const unique =; // Método 2: Array.prototype.reduce const unique = "

A través de Alex King, puede usar variables para los selectores: $ a-tags: 'a, a: active, a: hover, a: viewed'; $ a-tags-hover: 'a: active, a: hover'; # ($ a-tags) (color: "

A: before (content: "2709";) .phone: before (content: "2706";) .important: before (content: "27BD";) blockquote: before (content: "275D";) "

Por alguna razón, un elemento no puede destruirse a sí mismo en JavaScript. jQuery tiene un método para esto, lo cual es bueno porque así es como pensamos: "

Si bien es muy útil con la aritmética, Sass se queda un poco corto con las funciones de ayuda matemática. Ha habido un problema abierto en el repositorio oficial de "

Inicie sus archivos CSS con este PHP (y asígnele el nombre style.php): body (color: red;) Luego llame a su CSS con el nombre del archivo PHP: "

Esta función también conserva el contenido oculto. function remove_style (all) (var i = all.length; var j, is_hidden; // Atributos de presentación. var attr =; "

Tratar con caminos siempre es un poco molesto, lo reconocerás. Afortunadamente, es extremadamente fácil con Sass tener una API atractiva para administrar activos y "

Li (ancho: 200 px; altura mínima: 250 px; borde: 1 px sólido # 000; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 5px; zoom: "

Var origString = 'Happy Dance7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // 'Danza feliz'"