Fragmentos de código 2025, Enero
RewriteEngine en RewriteCond% (HTTPS)! En RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Si tiene un proxy frente a su servidor realizando TLS "
La mayoría de los servidores web sirven contenido XHTML como texto / html, lo que definitivamente es la forma correcta de manejar documentos XHTML. En caso de que el servidor no lo esté haciendo correctamente, "
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 "
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 "
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 "
ErrorDocument 400 /400.html ErrorDocument 401 /401.html ErrorDocument 403 /403.html ErrorDocument 404 /404.html ErrorDocument 405 /405.html ErrorDocument "
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 "
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 "
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 "
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 "
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 "
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 "
.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 "
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: "
.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: "
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 ("
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 "
Todo lo siguiente es obligatorio, por lo que el texto debe estar en una sola línea recta que desborde un cuadro donde se oculta ese desbordamiento. .truncar (ancho: "
Cuerpo del contenido (fondo: # e6e6e6;). Esquinas (fondo: # f6f6f6; altura: 700 px; margen: 50 px automático; ancho máximo: 600 px; posición: relativa; ancho: 80%; "
Ul (margin: 0.75em 0; padding: 0 1em; list-style: none;) li :: before (content: ""; border-color: transparent # 111; border-style: solid; border-width: "
Si lo que está buscando es una forma de establecer el tipo verticalmente, lo mejor es que probablemente sea el modo de escritura CSS. Si solo estás tratando de convertir un texto, "
Sombra a lo largo del borde superior del sitio web, así: cuerpo :: antes (contenido: ""; posición: fija; arriba: -10px; izquierda: 0; ancho: 100%; alto: 10px; "
No existe la propiedad CSS background-opacity, pero puede simularla insertando un pseudo elemento con opacidad regular del tamaño exacto del elemento detrás "
La configuración predeterminada de la fuente del sistema de un sistema operativo en particular puede aumentar el rendimiento porque el navegador no tiene que descargar ningún archivo de fuente, es "
Borde interior transparente .inner-border (background: # 000; color: #fff; margin: 50px; padding: 15px; position: related;) .inner-border: before (border: "
El texto del marcador de posición en las entradas tiene (en los navegadores que lo implementan hasta ahora) un color gris claro. Para darle estilo, necesitará propiedades CSS de prefijo del proveedor ".
El equipo de desarrollo de Medium ha discutido algunas malas prácticas que rompen la accesibilidad. En un ejemplo, argumentan que la opacidad no está bien respaldada "
.blood (color: plateado; texto-sombra: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "
La apertura de Star Wars es icónica. El efecto del texto desplazándose tanto hacia arriba como fuera de la pantalla fue un efecto especial increíblemente genial para una película en "
Funciona muy bien si puede aplicar una altura fija al pie de página. ¡Contenido! Soy el pie de página adhesivo. * (margen: 0;) html, cuerpo (altura: 100%;) .page-wrap ("