Frammenti di codice 2025, Luglio

RewriteEngine su RewriteCond% (HTTPS)! Su RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Se hai un proxy davanti al tuo server che esegue TLS "

La maggior parte dei server web serve contenuto XHTML come testo / html, che è sicuramente il modo giusto per gestire i documenti XHTML. Nel caso in cui il server non lo stia facendo correttamente, "

Se non è possibile modificare la configurazione del server Apache, utilizzare questo codice per forzare la decodifica della pagina in utf-8. AddDefaultCharset utf-8 "

Per i siti Web ospitati con Dreamhost, hai una pagina di analisi per impostazione predefinita in yoursite.tld / stats /. WordPress può interferire con questo, pensando che tu sia "

Aggiunge caratteri a larghezza fissa, dimensione e data del file, capacità di ordinamento. Propaga a directory di livello superiore. Vedi esempio. IndexOptions FancyIndexing IndexOptions "

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

Nega tranne che da IP specifici Ordina nega, consenti Nega da tutti Consenti da xxx.xxx.xxx.xxx Consenti da xxx.xxx.xxx.xxy Consenti tranne da ordine IP specifico "

Normalmente index.html o index.php è la pagina predefinita che un server serve quando visita una directory senza specificare un nome di file. Puoi modificare questa impostazione con "

La compressione riduce i tempi di risposta riducendo la dimensione della risposta HTTP. Gzip è il metodo di compressione più popolare ed efficace attualmente "

Invece di dover chiamare / includere un file di cui hai bisogno in ogni singola pagina, puoi farli anteporre automaticamente (all'inizio del file) o aggiungere (in fondo a "

Questo codice è utile per configurazioni multi-ambiente (gestione temporanea, produzione, ecc.) Ti consente di mantenere sincronizzati i tuoi file htaccess pur mantenendo un "

Questo è il modo più pulito per reindirizzare un URL. Veloce, facile e adatto ai motori di ricerca. Ricorda che le cose HTAccess sono solo per i server Apache. Reindirizza un singolo "

.typewriter h1 (overflow: hidden; / * Assicura che il contenuto non venga rivelato fino all'animazione * / border-right: .15em arancione fisso; / * Il cursore del typwriter "

I browser desktop WebKit aggiungono piccole frecce su giù agli input numerici chiamati spinner. Puoi disattivarli visivamente in questo modo: "

.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: "

Un modo piacevolmente semplice (ma astuto) per creare una linea temporale verticale utilizzando un elenco non ordinato semantico diretto () di Peter Cooper. ol ("

Possiamo utilizzare più valori text-shadow e box-shadow per creare un aspetto tridimensionale di blocchi o testo, come questo screenshot di David DeSandro "

Sono richieste tutte le seguenti informazioni, quindi il testo deve essere su una singola linea retta che supera una casella in cui tale overflow è nascosto. .truncate (larghezza: "

Corpo del contenuto (sfondo: # e6e6e6;) .corners (sfondo: # f6f6f6; altezza: 700 px; margine: 50 px auto; larghezza massima: 600 px; posizione: relativa; larghezza: 80%; "

Ul (margin: 0.75em 0; padding: 0 1em; list-style: nessuno;) li :: before (content: ""; border-color: transparent # 111; border-style: solid; border-width: "

Se quello che stai cercando è un modo per impostare il tipo verticalmente, la soluzione migliore è probabilmente la modalità di scrittura CSS. Se stai solo cercando di trasformare del testo, "

Ombra lungo il bordo superiore del sito web, in questo modo: body :: before (content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; "

Non esiste alcuna proprietà CSS di opacità dello sfondo, ma puoi falsificarla inserendo uno pseudo elemento con un'opacità regolare della dimensione esatta dell'elemento dietro "

L'impostazione predefinita del carattere di sistema di un particolare sistema operativo può migliorare le prestazioni perché il browser non deve scaricare alcun file di carattere, è "

Bordo interno trasparente .inner-border (background: # 000; color: #fff; margin: 50px; padding: 15px; position: relative;) .inner-border: before (border: "

Il testo segnaposto negli input ha (nei browser che lo hanno implementato finora) un colore grigio chiaro. Per definirlo, avrai bisogno delle proprietà CSS del prefisso del fornitore. "

Il team di sviluppo di Medium ha discusso di alcune cattive pratiche che compromettono l'accessibilità. In un esempio, sostengono che l'opacità non è ben supportata "

.blood (colore: argento; text-shadow: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

L'apertura a Star Wars è iconica. L'effetto del testo che scorreva sia verso l'alto che verso l'esterno dello schermo era un effetto speciale pazzesco per un film di ritorno "

Funziona alla grande se puoi applicare un'altezza fissa al piè di pagina. Soddisfare! Sono lo Sticky Footer. * (margin: 0;) html, body (height: 100%;) .page-wrap ("