Kodebiter 2025, April

RewriteEngine on RewriteCond% (HTTPS)! On RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Hvis du har en proxy foran serveren din som utfører TLS "

De fleste webservere serverer XHTML-innhold som tekst / html, noe som definitivt er den rette måten å håndtere XHTML-dokumenter på. I tilfelle serveren ikke gjør det riktig, "

Hvis du ikke kan endre konfigurasjonen til Apache-serveren, kan du bruke denne koden til å tvinge dekoding av side til utf-8. AddDefaultCharset utf-8 "

For nettsteder som er vert for Dreamhost, har du som standard en analyseside på yoursite.tld / stats /. WordPress kan forstyrre dette, og tenke at du er "

Legger til skrifter med fast bredde, filstørrelse og dato, sorteringsfunksjon. Forplanter seg til kataloger på høyere nivå. Se eksempel. IndexOptions FancyIndexing IndexOptions "

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

Nekt unntatt fra spesifikke IP-er Bestill nekt, tillat Nekt fra All Tillat fra xxx.xxx.xxx.xxx Tillat fra xxx.xxx.xxx.xxy Tillat unntatt fra spesifikke IP-ordre "

Normalt er index.html eller index.php standardsiden en server serverer når du besøker en katalog uten å spesifisere et filnavn. Du kan endre dette med "

Kompresjon reduserer responstid ved å redusere størrelsen på HTTP-responsen. Gzip er den mest populære og effektive komprimeringsmetoden for tiden "

I stedet for å måtte ringe / inkludere en fil du trenger på hver enkelt side, kan du ha dem automatisk forhåndsstilt (øverst i filen) eller lagt til (nederst på "

Denne koden er nyttig for oppsett i flere miljøer (iscenesettelse, produksjon osv.). Den lar deg holde htaccess-filene dine synkroniserte mens du opprettholder en "

Dette er den reneste måten å omdirigere en URL på. Rask, enkel og søkemotorvennlig. Husk at HTAccess-ting bare er for Apache-servere. Omdirigere en enkelt "

.typewriter h1 (overflow: hidden; / * Sikrer at innholdet ikke blir avslørt før animasjonen * / border-right: .15em solid orange; / * Typwriter cursor "

WebKit desktop-nettlesere legger til små opp-ned-piler for antall innganger som kalles spinnere. Du kan slå dem av visuelt slik: "

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

En forfriskende enkel (men likevel smart) måte å lage en vertikal tidslinje ved hjelp av en rett opp, semantisk uordnet liste () fra Peter Cooper. ol ("

Vi kan bruke flere tekstskygge- og boksskyggeverdier for å skape et tredimensjonalt utseende til blokker eller tekst, som dette skjermbildet av David DeSandros "

Alt følgende kreves, så teksten må være i en enkelt rett linje som renner over en rute der overløpet er skjult. .truncate (bredde: "

Innholdstekst (bakgrunn: # e6e6e6;). Hjørner (bakgrunn: # f6f6f6; høyde: 700 px; margin: 50 px automatisk; maks. Bredde: 600 px; posisjon: relativ; bredde: 80%; "

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

Hvis det du leter etter er en måte å angi type vertikalt, er det best å sannsynligvis CSS-skrivemodus. Hvis du bare prøver å snu litt tekst, "

Skygge langs den øverste kanten av nettstedet, slik: body :: before (content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; "

Det er ingen CSS-egenskap bakgrunnsdekkende, men du kan falske det ved å sette inn et pseudo-element med vanlig opasitet, den nøyaktige størrelsen på elementet bak "

Å misligholde systemfonten til et bestemt operativsystem kan øke ytelsen fordi nettleseren ikke trenger å laste ned noen fontfiler, den er "

Transparent Inside Border .inn-border (bakgrunn: # 000; farge: #fff; margin: 50px; polstring: 15px; posisjon: relative;) .inn-border: før (border: "

Plassholdertekst i innganger har (i nettleserne som implementerer den så langt) en lysegrå farge. For å style det, trenger du CSS-egenskaper for leverandørprefiks. "

Utviklingsteamet på Medium har diskutert noen dårlig praksis som bryter tilgjengeligheten. I ett eksempel hevder de at opasitet ikke støttes godt "

.blod (farge: sølv; tekstskygge: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Åpningen til Star Wars er ikonisk. Effekten av tekstrulling både opp og bort fra skjermen var begge en vanvittig kul spesialeffekt for en film tilbake i "

Fungerer bra hvis du kan bruke en fast høyde på bunnteksten. Innhold! Jeg er Sticky Footer. * (margin: 0;) html, body (høyde: 100%;) .page-wrap ("