Koda fragmenti 2025, Aprīlis

Piespiest HTTPS - CSS-triki

Piespiest HTTPS - CSS-triki

RewriteEngine vietnē RewriteCond% (HTTPS)! RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Ja servera priekšā ir starpniekserveris, kas veic TLS "

Piespiest pareizu XHTML dokumentu satura tipu - CSS-triki

Piespiest pareizu XHTML dokumentu satura tipu - CSS-triki

Lielākā daļa tīmekļa serveru XHTML saturu apkalpo kā tekstu / html, kas noteikti ir pareizais veids, kā rīkoties ar XHTML dokumentiem. Ja serveris to nedara pareizi, "

Spēka rakstzīmju kopa utf-8 - CSS-triki

Spēka rakstzīmju kopa utf-8 - CSS-triki

Ja nevarat mainīt Apache servera konfigurāciju, izmantojiet šo kodu, lai piespiestu lapas dekodēšanu uz utf-8. AddDefaultCharset utf-8 "

Iegūstiet Dreamhost Stats lapu, strādājot ar WordPress vietni CSS-triki

Iegūstiet Dreamhost Stats lapu, strādājot ar WordPress vietni CSS-triki

Vietnēm, kuras mitina Dreamhost, pēc noklusējuma jums ir analītikas lapa vietnē yoursite.tld / stats /. WordPress var to traucēt, domājot, ka esat "

Iedomātā indeksēšana CSS-triki

Iedomātā indeksēšana CSS-triki

Pievieno fiksēta platuma fontus, faila lielumu un datumu, kārtošanas iespējas. Izplatās augstāka līmeņa direktorijos. Skatīt piemēru. IndexOptions FancyIndexing IndexOptions "

Pielāgotas kļūdu lapas - CSS-triki

Pielāgotas kļūdu lapas - CSS-triki

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

Piekļuves liegšana un atļaušana CSS-triki

Piekļuves liegšana un atļaušana CSS-triki

Noraidīt, izņemot no noteiktiem IP.

Dažāda direktoriju indeksa lapa - CSS-triki

Dažāda direktoriju indeksa lapa - CSS-triki

Parasti index.html vai index.php ir noklusējuma lapa, kuru serveris apkalpo, apmeklējot direktoriju, nenorādot faila nosaukumu. To var mainīt ar

Aktīvā Gzip saspiešana CSS-triki

Aktīvā Gzip saspiešana CSS-triki

Saspiešana samazina atbildes laiku, samazinot HTTP atbildes lielumu. Gzip ir vispopulārākā un efektīvākā saspiešanas metode pašlaik "

Pievienot / pievienot failus - CSS-triki

Pievienot / pievienot failus - CSS-triki

Tā vietā, lai zvanītu / iekļautu nepieciešamo failu katrā atsevišķā lapā, jūs varat tos automātiski sagatavot (faila augšdaļā) vai pievienot (apakšdaļā "

Atļaut vienu URL, izmantojot .htaccess paroles aizsardzību - CSS-triki

Atļaut vienu URL, izmantojot .htaccess paroles aizsardzību - CSS-triki

Šis kods ir noderīgs vairāku vides iestatījumiem (iestudēšanai, ražošanai utt.). Tas ļauj saglabāt htaccess failus sinhronizācijā, vienlaikus saglabājot

301 novirzīšana - CSS-triki

301 novirzīšana - CSS-triki

Tas ir tīrākais URL novirzīšanas veids. Ātri, vienkārši un meklētājprogrammām draudzīgi. Atcerieties, ka HTAccess saturs ir paredzēts tikai Apache serveriem. Pāradresēt vienu "

Rakstāmmašīnas efekts CSS-triki

Rakstāmmašīnas efekts CSS-triki

.typewriter h1 (pārpilde: slēpta; / * nodrošina, ka saturs netiek atklāts, kamēr animācija * / border-right: .15em ir vienkrāsains oranžs; / * Rakstāmmašīnas kursors "

Izslēgt ciparu ievades vērpējus CSS-triki

Izslēgt ciparu ievades vērpējus CSS-triki

WebKit darbvirsmas pārlūkprogrammas nedaudz palielina lejupvērstās bultiņas skaitļa ievadiem, kurus sauc par vērpējiem. Jūs varat tos vizuāli izslēgt šādi: "

Noderīgi CSS3 maisījumi - CSS-triki

Noderīgi CSS3 maisījumi - CSS-triki

.text-shadow (@ string: 0 1px 3px rgba (0, 0, 0, 0,25)) (text-shadow: @ string;). box-shadow (@ string) (-webkit-box-shadow: @ virkne; -moz-box-shadow: "

Nesakārtots saraksts kā laika skala CSS-triki

Nesakārtots saraksts kā laika skala CSS-triki

Atsvaidzinoši vienkāršs (tomēr veikls) veids, kā izveidot vertikālu laika skalu, izmantojot Pītera Kūpera taisno, semantisko nesakārtoto sarakstu (). ol ("

Divkrāsu trīsdimensiju bloki un teksts - CSS-triki

Divkrāsu trīsdimensiju bloki un teksts - CSS-triki

Mēs varam izmantot vairākas teksta-ēnas un lodziņa-ēnas vērtības, lai izveidotu trīsdimensiju izskatu blokiem vai tekstam, piemēram, šo Deivida DeSandro ekrānuzņēmumu "

Saīsināt virkni ar Elipsis CSS-triki

Saīsināt virkni ar Elipsis CSS-triki

Nepieciešami visi šie nosacījumi, tāpēc tekstam jābūt vienā taisnā līnijā, kas pārpilda lodziņu, kurā šī pārpilde ir paslēpta. .truncate (platums: "

Ieliecami stūri - CSS-triki

Ieliecami stūri - CSS-triki

Satura pamatteksts (fons: # e6e6e6;). Stūri (fons: # f6f6f6; augstums: 700 pikseļi; atstarpe: 50 pikseļi automātiski; maksimālais platums: 600 pikseļi; pozīcija: relatīvais; platums: 80%; "

Trīsstūra saraksta aizzīmes CSS-triki

Trīsstūra saraksta aizzīmes CSS-triki

Ul (margin: 0.75em 0; polsterējums: 0 1em; list-style: none;) li :: before (saturs: ""; apmales krāsa: caurspīdīga # 111; apmales stils: cieta; apmales platums: "

Teksta pagriešana - CSS-triki

Teksta pagriešana - CSS-triki

Ja jūs meklējat veidu, kā iestatīt tipu vertikāli, jums vislabāk ir CSS rakstīšanas režīms. Ja jūs vienkārši mēģināt pārvērst tekstu, jūs "

Augšējā ēna - CSS-triki

Augšējā ēna - CSS-triki

Ēna gar vietnes augšējo malu šādi: body :: before (saturs: ""; pozīcija: fiksēta; augšdaļa: -10 pikseļi; pa kreisi: 0; platums: 100%; augstums: 10 pikseļi; "

Caurspīdīgi fona attēli CSS-triki

Caurspīdīgi fona attēli CSS-triki

CSS rekvizīta fona necaurredzamība nav, taču to var viltot, aiz tā ievietojot pseido elementu ar regulāru necaurredzamību, kura izmērs ir precīzs. "

Sistēmas fontu kaudze - CSS-triki

Sistēmas fontu kaudze - CSS-triki

Noklusējums pēc noteiktas operētājsistēmas sistēmas fonta var uzlabot veiktspēju, jo pārlūkprogrammai nav jāielādē fontu faili, tas ir "

Caurspīdīga iekšējā robeža CSS-triki

Caurspīdīga iekšējā robeža CSS-triki

Transparent Inside Border .inner-border (fons: # 000; krāsa: #fff; margin: 50px; polsterējums: 15px; pozīcija: relatīvais;) .inner-border: before (apmale: "

Stila viettura teksts CSS-triki

Stila viettura teksts CSS-triki

Vietneņu tekstam ievades tekstos (pārlūkprogrammās, kas to līdz šim ieviesa) ir gaiši pelēka krāsa. Lai to veidotu, jums būs nepieciešami pārdevēja prefiksa CSS rekvizīti. "

Pārslēgt redzamību, slēpjot elementus CSS-triki

Pārslēgt redzamību, slēpjot elementus CSS-triki

Attīstības komanda Medium ir apspriedusi dažas sliktas prakses, kas pārkāpj pieejamību. Vienā piemērā viņi apgalvo, ka necaurredzamība netiek pietiekami atbalstīta "

Teksts pilošs asinis CSS-triki

Teksts pilošs asinis CSS-triki

.blood (krāsa: sudrabs; teksta ēna: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Zvaigžņu karu pārmeklēšanas teksts CSS-triki

Zvaigžņu karu pārmeklēšanas teksts CSS-triki

Zvaigžņu karu atklāšana ir ikoniska. Teksts, ritinot gan uz augšu, gan prom no ekrāna, bija gan vēss, gan foršs filmas speciālais efekts

Lipīga kājene - CSS-triki

Lipīga kājene - CSS-triki

Darbojas lieliski, ja kājenei varat piestiprināt fiksētu augstumu. Saturs! Es esmu lipīgā kājene. * (margin: 0;) html, body (augstums: 100%;) .page-wrap ("