Koodinpätkät 2025, Heinäkuu

Pakota HTTPS - CSS-temppuja

Pakota HTTPS - CSS-temppuja

RewriteEngine on RewriteCond% (HTTPS)! On RewriteRule (. *) Https: //% (HTTP_HOST)% (REQUEST_URI) Jos palvelimesi edessä on välityspalvelin, joka suorittaa TLS: ää "

Pakota oikea HTML-dokumenttien sisältötyyppi - CSS-temppuja

Pakota oikea HTML-dokumenttien sisältötyyppi - CSS-temppuja

Useimmat verkkopalvelimet palvelevat XHTML-sisältöä tekstinä / html: nä, mikä on ehdottomasti oikea tapa käsitellä XHTML-asiakirjoja. Jos palvelin ei tee sitä oikein, "

Force-merkkisarja utf-8 - CSS-temppuja

Force-merkkisarja utf-8 - CSS-temppuja

Jos et voi muuttaa Apache-palvelimen kokoonpanoa, pakota tämän koodin avulla sivun dekoodaus Utf-8: ksi. AddDefaultCharset utf-8 "

Hanki Dreamhost-tilastosivu WordPress-sivustoon - CSS-temppuja

Hanki Dreamhost-tilastosivu WordPress-sivustoon - CSS-temppuja

Dreamhostin isännöimien verkkosivustojen kohdalla sinulla on oletusarvoisesti analytiikkasivu osoitteessa yoursite.tld / stats /. WordPress voi häiritä tätä ajattelemalla, että olet "

Fancy-indeksointi - CSS-temppuja

Fancy-indeksointi - CSS-temppuja

Lisää kiinteän leveyden fontit, tiedoston koon ja päivämäärän, lajitteluominaisuudet. Levittää ylemmän tason hakemistoihin. Katso esimerkki. IndexOptions FancyIndexing IndexOptions "

Mukautetut virhesivut - CSS-temppuja

Mukautetut virhesivut - CSS-temppuja

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

Pääsyn estäminen ja salliminen - CSS-temppuja

Pääsyn estäminen ja salliminen - CSS-temppuja

Hylkää paitsi tietyistä IP-osoitteista Tilauksen esto, salli Hylkää All Allow -kohdasta osoitteesta xxx.xxx.xxx.xxx Salli kohdasta xxx.xxx.xxx.xxy Salli paitsi tietyistä IP-tilauksista

Eri hakemistohakemisto - CSS-temppuja

Eri hakemistohakemisto - CSS-temppuja

Normaalisti index.html tai index.php on oletussivu, jota palvelin palvelee käydessään hakemistossa määrittelemättä tiedostonimeä. Voit muuttaa tätä valitsemalla

Aktiivinen Gzip-pakkaus - CSS-temppuja

Aktiivinen Gzip-pakkaus - CSS-temppuja

Pakkaus lyhentää vasteaikoja pienentämällä HTTP-vastauksen kokoa. Gzip on tällä hetkellä suosituin ja tehokkain pakkausmenetelmä "

Liitä / liitä tiedostot - CSS-temppuja

Liitä / liitä tiedostot - CSS-temppuja

Sen sijaan, että tarvitsisit kutsua / sisällyttää tarvitsemasi tiedoston jokaiselle sivulle, voit asettaa ne automaattisesti valmiiksi lisäämään (tiedoston yläreunaan) tai liittämään ("

Salli yksi URL-osoite .htaccess-salasanasuojauksen avulla CSS-temppuja

Salli yksi URL-osoite .htaccess-salasanasuojauksen avulla CSS-temppuja

Tämä koodi on hyödyllinen moniympäristöasennuksissa (lavastus, tuotanto jne.). Sen avulla voit pitää htaccess-tiedostosi synkronoituna säilyttäen samalla "

301 uudelleenohjaukset - CSS-temppuja

301 uudelleenohjaukset - CSS-temppuja

Tämä on puhtain tapa ohjata URL-osoite. Nopea, helppo ja hakukoneystävällinen. Muista, että HTAccess-sisältö on tarkoitettu vain Apache-palvelimille. Ohjaa yksittäinen "

Kirjoituskoneefekti - CSS-temppuja

Kirjoituskoneefekti - CSS-temppuja

.typewriter h1 (ylivuoto: piilotettu; / * varmistaa, että sisältö paljastuu vasta, kun animaatio * / border-right: .15em palaa oranssina; / * kirjoituskoneen kohdistin "

Poista numerosyöttöpyörät käytöstä CSS-temppuja

Poista numerosyöttöpyörät käytöstä CSS-temppuja

WebKit-työpöydän selaimet lisäävät vähän ylöspäin osoittavia nuolia numerosyöttöihin, joita kutsutaan kiekkoiksi. Voit poistaa ne käytöstä visuaalisesti näin: "

Hyödyllisiä CSS3-VÄHEMMÄT sekoituksia CSS-temppuja

Hyödyllisiä CSS3-VÄHEMMÄT sekoituksia CSS-temppuja

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

Järjestämätön luettelo aikajanana - CSS-temppuja

Järjestämätön luettelo aikajanana - CSS-temppuja

Virkistävän yksinkertainen (mutta ovela) tapa luoda pystysuuntainen aikajana käyttämällä Peter Cooperin suoraa, semanttista järjestämätöntä luetteloa (). ol ("

Kaksiväriset kolmiulotteiset lohkot ja teksti - CSS-temppuja

Kaksiväriset kolmiulotteiset lohkot ja teksti - CSS-temppuja

Voimme käyttää useita teksti-varjo- ja laatikko-varjo -arvoja kolmiulotteisen ilmeen luomiseen lohkoihin tai tekstiin, kuten tämä kuvakaappaus David DeSandron "

Katkaise merkkijono ellipsillä - CSS-temppuja

Katkaise merkkijono ellipsillä - CSS-temppuja

Kaikki seuraavat vaaditaan, joten tekstin on oltava yhdellä suoralla viivalla, joka ylittää ruudun, jossa ylivuoto on piilotettu. .truncate (leveys: "

Työnnetyt kulmat - CSS-temppuja

Työnnetyt kulmat - CSS-temppuja

Sisällön runko (tausta: # e6e6e6;). Kulmat (tausta: # f6f6f6; korkeus: 700 kuvapistettä; marginaali: 50 kuvapisteen automaattinen; enimmäisleveys: 600 kuvapistettä; sijainti: suhteellinen; leveys: 80%; "

Kolmionmuotoiset luettelomerkit - CSS-temppuja

Kolmionmuotoiset luettelomerkit - CSS-temppuja

Ul (marginaali: 0,75em 0; täyte: 0 1em; luettelotyylinen: ei mitään;) li :: before (sisältö: ""; reunaväri: läpinäkyvä # 111; reunatyyli: kiinteä; reunan leveys: "

Tekstin kierto - CSS-temppuja

Tekstin kierto - CSS-temppuja

Jos etsimäsi on tapa asettaa tyyppi vertikaalisesti, olet varma, että se on todennäköisesti CSS-kirjoitustila. Jos yrität vain kääntää tekstiä,

Ylävarjo - CSS-temppuja

Ylävarjo - CSS-temppuja

Varjo verkkosivuston yläreunaa pitkin, näin: body :: before (sisältö: ""; sijainti: kiinteä; ylä: -10px; vasen: 0; leveys: 100%; korkeus: 10px; "

Läpinäkyvät taustakuvat - CSS-temppuja

Läpinäkyvät taustakuvat - CSS-temppuja

CSS-ominaisuuden taustan peittävyyttä ei ole, mutta voit väärentää sen lisäämällä pseudo-elementin, jonka säännöllinen peittävyys on elementin tarkka koko takana "

Järjestelmän fonttipino - CSS-temppuja

Järjestelmän fonttipino - CSS-temppuja

Tietyn käyttöjärjestelmän järjestelmän kirjasimen oletusarvo voi parantaa suorituskykyä, koska selaimen ei tarvitse ladata fonttitiedostoja, se on "

Läpinäkyvä sisäraja - CSS-temppuja

Läpinäkyvä sisäraja - CSS-temppuja

Transparent Inside Border .inner-border (tausta: # 000; väri: #fff; marginaali: 50px; täyte: 15px; sijainti: suhteellinen;) .inner-border: ennen (reunus: "

Tyylin paikkamerkkiteksti - CSS-temppuja

Tyylin paikkamerkkiteksti - CSS-temppuja

Paikkamerkki-tekstissä syötteissä on (toistaiseksi sitä toteuttavissa selaimissa) vaaleanharmaa väri. Sen muotoilu edellyttää toimittajan etuliitteen CSS-ominaisuuksia. "

Vaihda näkyvyyttä piilotettaessa elementtejä CSS-temppuja

Vaihda näkyvyyttä piilotettaessa elementtejä CSS-temppuja

Mediumin kehitystiimi on keskustellut huonoista käytännöistä, jotka rikkovat saavutettavuutta. Yhdessä esimerkissä he väittävät, että peittävyyttä ei tueta hyvin "

Teksti tippuva veri CSS-temppuja

Teksti tippuva veri CSS-temppuja

.veri (väri: hopea; teksti-varjo: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Tähtien sota indeksoi tekstiä CSS-temppuja

Tähtien sota indeksoi tekstiä CSS-temppuja

Tähtien sota-aukko on ikoninen. Tekstin vierityksen sekä näytöltä että poispäin vaikutus oli hullu siisti erikoistehoste elokuvalle takaisin "

Tahmea alatunniste - CSS-temppuja

Tahmea alatunniste - CSS-temppuja

Toimii hyvin, jos voit käyttää kiinteää korkeutta alatunnisteeseen. Sisältö! Olen tahmea alatunniste. * (marginaali: 0;) html, body (korkeus: 100%;) .page-wrap ("