Kodavsnitt 2025, September
RewriteEngine on RewriteCond% (HTTPS)! On RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Om du har en proxy framför din server som utför TLS "
De flesta webbservrar serverar XHTML-innehåll som text / html, vilket definitivt är rätt sätt att hantera XHTML-dokument. Om servern inte gör det korrekt, "
Om du inte kan ändra konfigurationen av Apache-servern, använd den här koden för att tvinga avkodning av sidan till utf-8. AddDefaultCharset utf-8 "
För webbplatser som drivs av Dreamhost har du som standard en analyssida på yoursite.tld / stats /. WordPress kan störa detta och tänker att du är "
Lägger till typsnitt med fast bredd, filstorlek och datum, sorteringsfunktion. Förökas till kataloger på högre nivå. Se exempel. IndexOptions FancyIndexing IndexOptions "
ErrorDocument 400 /400.html ErrorDocument 401 /401.html ErrorDocument 403 /403.html ErrorDocument 404 /404.html ErrorDocument 405 /405.html ErrorDocument "
Neka förutom från specifika IP: er Beställ neka, tillåt Neka från All Tillåt från xxx.xxx.xxx.xxx Tillåt från xxx.xxx.xxx.xxy Tillåt förutom från specifika IP-ordningar "
Normalt är index.html eller index.php standardsidan som en server serverar när man besöker en katalog utan att ange ett filnamn. Du kan ändra detta med "
Komprimering minskar svarstiderna genom att minska storleken på HTTP-svaret. Gzip är den mest populära och effektiva komprimeringsmetoden för närvarande "
Istället för att behöva ringa / inkludera en fil du behöver på varje enskild sida kan du få dem automatiskt förberedda (överst i filen) eller läggs till (längst ner på
Den här koden är användbar för inställningar för flera miljöer (iscensättning, produktion etc.). Den låter dig hålla dina htaccess-filer synkroniserade samtidigt som du behåller en "
Detta är det renaste sättet att omdirigera en URL. Snabbt, enkelt och sökmotorvänligt. Kom ihåg att HTAccess-saker endast är avsedda för Apache-servrar. Omdirigera en enda "
.typewriter h1 (overflow: hidden; / * Ser till att innehållet inte avslöjas förrän animationen * / border-right: .15em solid orange; / * Typwriter-markören "
WebKit-stationära webbläsare lägger till några uppåtpilar till nummeringångar som kallas spinnare. Du kan stänga av dem visuellt så här: "
.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: "
Ett uppfriskande enkelt (men ändå snyggt) sätt att skapa en vertikal tidslinje med hjälp av en rak, semantisk oordnad lista () från Peter Cooper. ol ("
Vi kan använda flera textskugg- och rutskuggvärden för att skapa ett tredimensionellt utseende för block eller text, som den här skärmdumpen av David DeSandros "
Allt följande krävs, så texten måste vara i en enda rak linje som flödar över en ruta där överflödet är dolt. .truncate (bredd: "
Innehållsdel (bakgrund: # e6e6e6;). Hörn (bakgrund: # f6f6f6; höjd: 700 px; marginal: 50 pixlar auto; max-bredd: 600 pixlar; position: relativ; bredd: 80%; "
Ul (margin: 0.75em 0; padding: 0 1em; list-style: none;) li :: before (content: ""; border-color: transparent # 111; border-style: solid; border-width: "
Om det du letar efter är ett sätt att ställa in typ vertikalt, är det bäst att förmodligen skriva CSS-läget. Om du bara försöker vända lite text, "
Skugga längs webbplatsens överkant, så här: body :: before (content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; "
Det finns ingen CSS-egenskap bakgrundsopacitet, men du kan fejka den genom att infoga ett pseudoelement med regelbunden opacitet, den exakta storleken på elementet bakom "
Att ställa in standardtypen för ett visst operativsystem kan öka prestandan eftersom webbläsaren inte behöver ladda ner några teckensnittsfiler, det är "
Transparent Inside Border. Inner-border (bakgrund: # 000; color: #fff; margin: 50px; padding: 15px; position: relative;). Inner-border: before (border: "
Platshållarens text i ingångar har (i webbläsarna som hittills implementerar den) en ljusgrå färg. För att utforma det behöver du leverantörsprefix CSS-egenskaper. "
Utvecklingsteamet på Medium har diskuterat några dåliga metoder som bryter tillgängligheten. I ett exempel argumenterar de för att opacitet inte stöds väl "
.blod (färg: silver; text-skugga: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "
Öppningen till Star Wars är ikonisk. Effekten av att texten rullade både upp och bort från skärmen var både en galen cool specialeffekt för en film tillbaka i "
Fungerar bra om du kan applicera en fast höjd på sidfoten. Innehåll! Jag är den klibbiga sidfoten. * (marginal: 0;) html, body (höjd: 100%;) .page-wrap ("