Delčki kode 2025, Januar

Prisili HTTPS - CSS-triki

Prisili HTTPS - CSS-triki

RewriteEngine na RewriteCond% (HTTPS)! On RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Če imate pred strežnikom proxy, ki izvaja TLS "

Prisiliti pravilno vsebino za dokumente XHTML - CSS-triki

Prisiliti pravilno vsebino za dokumente XHTML - CSS-triki

Večina spletnih strežnikov streže vsebino XHTML kot besedilo / html, kar je zagotovo pravi način za obdelavo dokumentov XHTML. Če strežnik tega ne počne pravilno, "

Force charset utf-8 - CSS-triki

Force charset utf-8 - CSS-triki

Če ne morete spremeniti konfiguracije strežnika Apache, s to kodo prisilite dekodiranje strani na utf-8. AddDefaultCharset utf-8 "

Poiščite stran s statistiko Dreamhost, ki dela na spletnem mestu WordPress - CSS-triki

Poiščite stran s statistiko Dreamhost, ki dela na spletnem mestu WordPress - CSS-triki

Za spletna mesta, ki jih gosti Dreamhost, imate privzeto analitično stran na yourite.tld / stats /. WordPress lahko to ovira, saj misli, da ste "

Moderno indeksiranje - CSS-triki

Moderno indeksiranje - CSS-triki

Doda pisave s fiksno širino, velikost datoteke in datum, možnost razvrščanja. Širi se v imenike višje ravni. Glej primer. IndexOptions FancyIndexing IndexOptions "

Strani z napakami po meri - CSS-triki

Strani z napakami po meri - CSS-triki

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

Zavrnitev in dovoljenje dostopa - CSS-triki

Zavrnitev in dovoljenje dostopa - CSS-triki

Zavrni, razen iz določenih naslovov IP Zavrni, dovoli Zavrni iz vseh Dovoli iz xxx.xxx.xxx.xxx Dovoli iz xxx.xxx.xxx.xxy Dovoli, razen iz določenih naslovov IP Naroči "

Stran z različnimi imeniki - CSS-triki

Stran z različnimi imeniki - CSS-triki

Običajno je index.html ali index.php privzeta stran, ki jo strežnik prikaže ob obisku imenika brez navedbe imena datoteke. To lahko spremenite s "

Aktivno stiskanje Gzip - CSS-triki

Aktivno stiskanje Gzip - CSS-triki

Stiskanje zmanjša odzivni čas z zmanjšanjem velikosti odziva HTTP. Gzip je trenutno najbolj priljubljena in najučinkovitejša metoda stiskanja "

Dodaj / pripni datoteke - CSS-triki

Dodaj / pripni datoteke - CSS-triki

Namesto da bi na vsako stran morali poklicati / vključiti datoteko, ki jo potrebujete, jih lahko samodejno dodate (na vrh datoteke) ali dodate (spodaj v "

Dovoli en URL prek zaščite z geslom .htaccess - CSS-triki

Dovoli en URL prek zaščite z geslom .htaccess - CSS-triki

Ta koda je uporabna za nastavitve v več okoljih (uprizoritvene, produkcijske itd.), Omogoča vam sinhronizacijo datotek htaccess, hkrati pa ohranja

301 preusmeritve - CSS-triki

301 preusmeritve - CSS-triki

To je najčistejši način za preusmeritev URL-ja. Hitro, enostavno in iskalnikom prijazno. Ne pozabite, da so stvari HTAccess namenjene samo strežnikom Apache. Preusmeri en sam "

Učinek pisalnega stroja - CSS-triki

Učinek pisalnega stroja - CSS-triki

.typewriter h1 (overflow: hidden; / * Zagotovi, da se vsebina ne razkrije, dokler animacija * / border-right: .15em ne bo oranžna; / * Kazalec pisalnega stroja "

Izklopi vtikalnice za vnos številk - CSS-triki

Izklopi vtikalnice za vnos številk - CSS-triki

Namizni brskalniki WebKit dodajo malo puščic navzgor na številčne vhode, imenovane spinerji. Vizualno jih lahko izklopite tako: "

Uporabni CSS3 MANJ mešanic - CSS-triki

Uporabni CSS3 MANJ mešanic - CSS-triki

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

Neurejeni seznam kot časovna premica - CSS-triki

Neurejeni seznam kot časovna premica - CSS-triki

Osvežujoče preprost (a vendar zvit) način za ustvarjanje navpične časovnice s pomočjo naravnost semantično neurejenega seznama () Petra Cooperja. ol ("

Dvobarvni tridimenzionalni bloki in besedilo - CSS-triki

Dvobarvni tridimenzionalni bloki in besedilo - CSS-triki

Za ustvarjanje tridimenzionalnega videza blokov ali besedila lahko uporabimo več vrednosti text-shadow in box-shadow, kot je ta posnetek zaslona Davida DeSandra "

Izseci niz z elipso - CSS-triki

Izseci niz z elipso - CSS-triki

Zahtevano je vse naslednje, zato mora biti besedilo v eni ravni črti, ki prekriva polje, kjer je to prelivanje skrito. .truncate (širina: "

Zataknjeni vogali - CSS-triki

Zataknjeni vogali - CSS-triki

Telo vsebine (ozadje: # e6e6e6;) .corners (ozadje: # f6f6f6; višina: 700px; rob: 50px samodejno; največja širina: 600px; položaj: relativno; širina: 80%; "

Oznake trikotnega seznama - CSS-triki

Oznake trikotnega seznama - CSS-triki

Ul (marža: 0,75em 0; oblazinjenje: 0 1em; seznam-slog: noben;) li :: before (content: ""; border-color: transparent # 111; border-style: solid; border-width: "

Vrtenje besedila - CSS-triki

Vrtenje besedila - CSS-triki

Če je tisto, kar iščete, način za nastavitev vrste navpično, je najbolje, da je to verjetno način pisanja CSS. Če samo poskušate obrniti nekaj besedila, "

Top Shadow - CSS-triki

Top Shadow - CSS-triki

Senca ob zgornjem robu spletnega mesta, takole: body :: before (content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; "

Slike v ozadju - CSS-triki

Slike v ozadju - CSS-triki

CSS lastnosti background-opacity ni, lahko pa jo ponaredite tako, da vstavite psevdo element z redno motnostjo natančno velikost elementa zadaj "

Sklop sistemskih pisav - CSS-triki

Sklop sistemskih pisav - CSS-triki

Privzeta nastavitev sistemske pisave določenega operacijskega sistema lahko poveča zmogljivost, ker brskalniku ni treba prenesti datotek pisav, je "

Pregledna notranja meja - CSS-triki

Pregledna notranja meja - CSS-triki

Transparent Inside Border .inner-border (ozadje: # 000; color: #fff; margin: 50px; padding: 15px; position: relative;) .inner-border: before (border: "

Besedilo ograde za slog - CSS-triki

Besedilo ograde za slog - CSS-triki

Nadomestno besedilo v vhodih ima (v brskalnikih, ki so ga doslej izvajali) svetlo sivo barvo. Če ga želite oblikovati, boste potrebovali lastnosti CSS predpone ponudnika. "

Preklop vidnosti pri skrivanju elementov - CSS-triki

Preklop vidnosti pri skrivanju elementov - CSS-triki

Razvojna skupina za Medium je razpravljala o nekaterih slabih praksah, ki ovirajo dostopnost. V enem primeru trdijo, da motnost ni dobro podprta. "

Besedilo, ki kaplja kri - CSS-triki

Besedilo, ki kaplja kri - CSS-triki

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

Besedilo iskanja Star Wars - CSS-triki

Besedilo iskanja Star Wars - CSS-triki

Odprtje Vojne zvezd je ikonično. Učinek drsenja besedila navzgor in stran od zaslona je bil tako nor, poseben učinek za film nazaj v "

Lepljiva noga - CSS-triki

Lepljiva noga - CSS-triki

Odlično deluje, če lahko na nogo uporabite fiksno višino. Vsebina! Jaz sem lepljiva noga. * (margin: 0;) html, body (višina: 100%;) .page-wrap ("