Fragmentos de código 2024, Diciembre

Serializar formulario a JSON - Trucos CSS

Serializar formulario a JSON - Trucos CSS

$ .fn.serializeObject = function () (var o = (); var a = this.serializeArray (); $ .each (a, function () (if (o) (if (! o.push) (o = );) o.push (este.valor "

Bloques y texto tridimensionales de dos colores - Trucos CSS

Bloques y texto tridimensionales de dos colores - Trucos CSS

Podemos utilizar varios valores de sombra de texto y sombra de cuadro para crear un aspecto tridimensional de bloques o texto, como esta captura de pantalla de David DeSandro "

Establecer / borrar el valor de entrada predeterminado - Trucos CSS

Establecer / borrar el valor de entrada predeterminado - Trucos CSS

$ ('. valor-predeterminado'). cada (función () (var valor_predeterminado = este.valor; $ (esto) .focus (función () (si (este.valor == valor_predeterminado) (este.valor = '' ;))); "

Lista desordenada como línea de tiempo - Trucos CSS

Lista desordenada como línea de tiempo - Trucos CSS

Una forma refrescantemente simple (pero astuta) de crear una línea de tiempo vertical usando una lista semántica desordenada y directa () de Peter Cooper. ol ("

Mezclar elementos DOM - Trucos CSS

Mezclar elementos DOM - Trucos CSS

Esto es de James Padolsey. Consulte este artículo para conocer también una técnica pura de JavaScript. Complemento (función ($) ($ .fn.shuffle = función () (var allElems "

Útiles CSS3 MENOS Mixins - Trucos CSS

Útiles CSS3 MENOS Mixins - Trucos CSS

.text-shadow (@string: 0 1px 3px rgba (0, 0, 0, 0.25)) (text-shadow: @string;) .box-shadow (@string) (-webkit-box-shadow: @string; -moz-box-shadow: "

Shuffle Children - Trucos CSS

Shuffle Children - Trucos CSS

$ .fn.shuffleChildren = function () ($ .each (this.get (), function (index, el) (var $ el = $ (el); var $ find = $ el.children (); $ find. sort (función () (retorno "

Apague los Spinners de entrada numérica - Trucos CSS

Apague los Spinners de entrada numérica - Trucos CSS

Los navegadores de escritorio WebKit añaden pequeñas flechas hacia arriba y hacia abajo a las entradas numéricas llamadas spinners. Puede desactivarlos visualmente de esta manera: "

Enlace de eventos más inteligente - Trucos CSS

Enlace de eventos más inteligente - Trucos CSS

$ ("p"). live ("clic", función () ($ (esto) .css ("color", "rojo");)); La razón por la que esto es más inteligente es porque es probable que haya muchos elementos p en la página. Si"

Efecto de máquina de escribir - Trucos CSS

Efecto de máquina de escribir - Trucos CSS

.typewriter h1 (overflow: hidden; / * Asegura que el contenido no sea revelado hasta la animación * / border-right: .15em naranja sólido; / * El cursor de la máquina de escribir "

Enlaces de fondo deslizantes - Trucos CSS

Enlaces de fondo deslizantes - Trucos CSS

$ ('a', '#nav'). hover (function () (if (! $ (this) .parent (). hasClass ('current')) ($ (this) .stop (). animate (( backgroundPosition: '(0 -75px)'));)), function () "

301 redirecciones - Trucos CSS

301 redirecciones - Trucos CSS

Esta es la forma más limpia de redirigir una URL. Rápido, fácil y compatible con los motores de búsqueda. Recuerde que las cosas de HTAccess son solo para servidores Apache. Redirigir un sencillo "

Pruebe si al menos una casilla de verificación está marcada - Trucos CSS

Pruebe si al menos una casilla de verificación está marcada - Trucos CSS

En este ejemplo, un botón de envío está deshabilitado si ninguna de las casillas de verificación está marcada y habilitada si al menos una está marcada. El truco es que puedes usar "

Permitir URL única a través de .htaccess Protección con contraseña - Trucos CSS

Permitir URL única a través de .htaccess Protección con contraseña - Trucos CSS

Este código es útil para configuraciones de múltiples entornos (preparación, producción, etc.) y le permite mantener sus archivos htaccess sincronizados mientras mantiene un "

Menú emergente con estilo - Trucos CSS

Menú emergente con estilo - Trucos CSS

Esta idea es de Veer.com y cómo manejan los menús desplegables para cosas como tallas de camisetas. Gracias a Dennis Sa. Ver HTML de demostración Vamos a ajustar un "

Adjuntar / anteponer archivos - Trucos CSS

Adjuntar / anteponer archivos - Trucos CSS

En lugar de tener que llamar / incluir un archivo que necesita en cada página, puede hacer que se agreguen automáticamente (parte superior del archivo) o se agregue (parte inferior de "

Apuntar solo a enlaces externos - Trucos CSS

Apuntar solo a enlaces externos - Trucos CSS

Técnica # 1 $ ('a'). Filter (function () (return this.hostname && this.hostname! == location.hostname;)). AddClass ("externo"); Técnica nº 2 $ .expr.external "

Compresión Gzip activa - Trucos CSS

Compresión Gzip activa - Trucos CSS

La compresión reduce los tiempos de respuesta al reducir el tamaño de la respuesta HTTP. Gzip es el método de compresión más popular y eficaz actualmente "

Alternar texto - Trucos CSS

Alternar texto - Trucos CSS

Digamos que tiene un enlace para mostrar más opciones que expande una lista de opciones. Dice "más opciones". Es fácil alternar esas opciones con .toggle () "

Página de índice de directorio diferente - Trucos CSS

Página de índice de directorio diferente - Trucos CSS

Normalmente, index.html o index.php es la página predeterminada que muestra un servidor cuando visita un directorio sin especificar un nombre de archivo. Puedes cambiar esto con "

Acordeón jQuery simple - Trucos CSS

Acordeón jQuery simple - Trucos CSS

JQuery Asegúrese de ejecutar en DOM listo o en la parte inferior de la página. (función ($) (var allPanels = $ ('. accordion> dd'). hide (); $ ('. accordion> dt> "

Negar y permitir el acceso - Trucos CSS

Negar y permitir el acceso - Trucos CSS

Denegar excepto de IP específicas Denegar orden, permitir Denegar de todos Permitir de xxx.xxx.xxx.xxx Permitir de xxx.xxx.xxx.xxy Permitir excepto de IP específicas Orden "

Compruebe si el elemento está dentro de otro elemento específico - Trucos CSS

Compruebe si el elemento está dentro de otro elemento específico - Trucos CSS

Reemplace el primer selector con el hijo que está probando y el segundo selector con el padre para el que está probando. si ("

Páginas de error personalizadas - Trucos CSS

Páginas de error personalizadas - Trucos CSS

ErrorDocument 400 /400.html ErrorDocument 401 /401.html ErrorDocument 403 /403.html ErrorDocument 404 /404.html ErrorDocument 405 /405.html ErrorDocument "

Evento de triple clic - Trucos CSS

Evento de triple clic - Trucos CSS

$ .event.special.tripleclick = (setup: function (data, namespaces) (var elem = this, $ elem = jQuery (elem); $ elem.bind ('click', "

Indexación elegante - Trucos CSS

Indexación elegante - Trucos CSS

Agrega fuentes de ancho fijo, tamaño de archivo y fecha, capacidad de clasificación. Se propaga a directorios de nivel superior. Ver ejemplo. IndexOptions FancyIndexing IndexOptions "

Cambiar el tamaño de la ventana de seguimiento a través de Google Analytics - Trucos CSS

Cambiar el tamaño de la ventana de seguimiento a través de Google Analytics - Trucos CSS

Sparkbox tiene este fragmento para ayudar a determinar con qué frecuencia se cambia realmente el tamaño de las ventanas del navegador. (function () (var resizeTimer; // Suponiendo que tenemos jQuery "

Hacer que la página de estadísticas de Dreamhost funcione en un sitio de WordPress - Trucos CSS

Hacer que la página de estadísticas de Dreamhost funcione en un sitio de WordPress - Trucos CSS

Para los sitios web alojados con Dreamhost, tiene una página de análisis de forma predeterminada en yoursite.tld / stats /. WordPress puede interferir con esto, pensando que estás "

Validar edad - Trucos CSS

Validar edad - Trucos CSS

Este fragmento presuponía un formulario HTML con un ID de "age-form" y tres entradas (texto o seleccionar) con los ID "día", "mes" y "año" respectivamente ".

Forzar juego de caracteres utf-8 - Trucos CSS

Forzar juego de caracteres utf-8 - Trucos CSS

Si no puede cambiar la configuración del servidor Apache, use este código para forzar la decodificación de la página a utf-8. AddDefaultCharset utf-8 "