Fragmente de cod 2025, Ianuarie

RewriteEngine pe RewriteCond% (HTTPS)! Pe RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Dacă aveți un proxy în fața serverului dvs. care efectuează TLS "

Majoritatea serverelor web servesc conținut XHTML ca text / html, ceea ce este definitiv modul corect de a gestiona documentele XHTML. În cazul în care serverul nu face asta corect, "

Dacă nu puteți modifica configurația serverului Apache, utilizați acest cod pentru a forța decodarea paginii în utf-8. AddDefaultCharset utf-8 "

Pentru site-urile găzduite cu Dreamhost, aveți în mod implicit o pagină de analiză la yoursite.tld / stats /. WordPress poate interfera cu acest lucru, crezând că sunteți „

Adaugă fonturi cu lățime fixă, dimensiunea și data fișierului, capacitatea de sortare. Se propagă directoarelor de nivel superior. Vezi exemplu. IndexOptions FancyIndexing IndexOptions "

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

Refuzați cu excepția IP-urilor specifice Comanda refuzați, permiteți Refuzare din All Permiteți din xxx.xxx.xxx.xxx Permiteți din xxx.xxx.xxx.xxy Permiteți cu excepția Ordinului IP-uri specifice "

În mod normal index.html sau index.php este pagina implicită pe care o servește serverul atunci când vizitează un director fără a specifica un nume de fișier. Puteți schimba acest lucru cu „

Compresia reduce timpul de răspuns prin reducerea dimensiunii răspunsului HTTP. Gzip este cea mai populară și eficientă metodă de compresie în prezent "

În loc să trebuiască să apelați / să includeți un fișier de care aveți nevoie pe fiecare pagină, le puteți pune automat în partea de sus a fișierului sau în partea de jos a „

Acest cod este util pentru configurări cu mai multe medii (etapizare, producție etc.), vă permite să vă păstrați fișierele htaccess sincronizate, menținând în același timp un „

Acesta este cel mai curat mod de a redirecționa o adresă URL. Rapid, ușor și prietenos cu motoarele de căutare. Nu uitați că lucrurile HTAccess sunt doar pentru serverele Apache. Redirecționați un singur "

.typewriter h1 (depășire: ascuns; / * Asigură că conținutul nu este dezvăluit până la animație * / border-right: .15em portocaliu solid; / * Cursorul tipografului "

Browserele desktop WebKit adaugă puține săgeți în sus la numărul de intrări numite spinners. Le puteți dezactiva vizual astfel: "

.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 mod răcoritor de simplu (dar șiretlic) de a crea o cronologie verticală utilizând o listă directă, semantică neordonată () de la Peter Cooper. ol ("

Putem folosi mai multe valori text-shadow și box-shadow pentru a crea un aspect tridimensional pentru blocuri sau text, cum ar fi această captură de ecran a lui David DeSandro "

Sunt necesare toate următoarele, deci textul trebuie să fie într-o singură linie dreaptă care debordează o casetă în care acea revărsare este ascunsă. .truncate (lățime: "

Corpul conținutului (fundal: # e6e6e6;) .corners (fundal: # f6f6f6; înălțime: 700 px; marjă: 50 px automată; lățime maximă: 600 px; poziție: relativă; lățime: 80%; "

Ul (margine: 0.75em 0; umplutură: 0 1em; stil listă: niciunul;) li :: before (conținut: ""; border-color: transparent # 111; border-style: solid; border-width: "

Dacă ceea ce căutați este o modalitate de a seta tipul pe verticală, cel mai bun pariu este probabil modul de scriere CSS. Dacă încercați doar să transformați un text,

Umbra de-a lungul marginii superioare a site-ului web, astfel: body :: before (conținut: ""; poziție: fixă; sus: -10px; stânga: 0; lățime: 100%; înălțime: 10px; "

Nu există proprietate CSS background-opacity, dar o puteți falsifica inserând un pseudoelement cu opacitate regulată de dimensiunea exactă a elementului din spatele "

Defectarea fontului de sistem al unui anumit sistem de operare poate spori performanța, deoarece browserul nu trebuie să descarce niciun fișier de font, este „

Frontieră interioară transparentă .inner-border (fundal: # 000; culoare: #fff; margine: 50px; umplere: 15px; poziție: relativă) .inner-border: înainte (border: "

Textul substituent în intrări are (în browserele care îl implementează până acum) o culoare gri deschis. Pentru a-l stiliza, veți avea nevoie de proprietăți CSS cu prefixul furnizorului. "

Echipa de dezvoltare de la Medium a discutat despre unele practici proaste care rup accesibilitatea. Într-un exemplu, ei susțin că opacitatea nu este bine susținută "

.sângele (culoare: argintiu; text-umbră: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Deschiderea către Star Wars este iconică. Efectul derulării textului atât în ​​sus, cât și în afară de pe ecran a fost atât un efect special nebun pentru un film înapoi în „

Funcționează excelent dacă puteți aplica o înălțime fixă ​​la subsol. Conţinut! Eu sunt Footer-ul Sticky. * (margine: 0;) html, body (înălțime: 100%;) .page-wrap ("