Tūkstančiai patarimai CSS, PHP, scenarijus. Naudingi samouczków ir vaizdo patarimai

Populiarios mėnesio

"Shake" CSS Keyframe animacija - CSS-gudrybės

"Shake" CSS Keyframe animacija - CSS-gudrybės

Tai daro prielaidą, kad naudojamas autoprefikseris. .face: užveskite pelės žymeklį (animacija: purtykite 0.82s kubinį bezierį (.36, .07, .19, .97) abu; transformuoti: translate3d (0, 0, 0); "

Pažymėkite "PDF bombas" CSS-gudrybės

Pažymėkite "PDF bombas" CSS-gudrybės

Bet kuri inkaro nuoroda gali būti nuoroda į PDF dokumentą, tačiau spustelėjus tokią nuorodą, galvojant kitaip, vartotojui gali būti nuostabu ir nepatogu. Tai

Pašalinkite slinkties juostą iš „Textarea“ IE CSS-gudrybės

Pašalinkite slinkties juostą iš „Textarea“ IE CSS-gudrybės

Pagal numatytuosius nustatymus visose IE versijose yra slinkties juosta teksto laukuose, net jei jie tušti. Nei viena kita naršyklė to nedaro, todėl jei norite jį pašalinti, kad IE galėtų "

Pristatymas vaizdų dėžutėse CSS-gudrybės

Pristatymas vaizdų dėžutėse CSS-gudrybės

Iš „CSS-Tricks“ v8 dizaino poraštės. Peržiūrėti demonstracinę poraštę (aišku: abu; perpildymas: paslėptas; šrifto dydis: 16 taškų; linijos aukštis: 1,3;) # poraštės langeliai ("

„Smiley“ slankiklis - CSS-gudrybės

„Smiley“ slankiklis - CSS-gudrybės

Reikia „jQuery“ ir „jQuery“ vartotojo sąsajos, skirtos tikram slankikliui. Veidas pagamintas iš elementų, padarytų apskritimais, kurių spindulys yra kraštinis. Burna, rodanti laimę "

Paprastas ir gražus blokinių citatų stilius CSS-gudrybės

Paprastas ir gražus blokinių citatų stilius CSS-gudrybės

Blokuota citata rodoma standartus atitinkančiose naršyklėse su efektu „didelės kabutės prieš“, o IE - su stora kairiąja kraštine ir šviesiai pilka spalva.

Standartinis CSS vaizdo pakeitimas CSS-gudrybės

Standartinis CSS vaizdo pakeitimas CSS-gudrybės

H1 # logotipas (plotis: 200 taškų; // vaizdo aukščio plotis: 100 taškų; // paveikslėlio fono aukštis: URL (../ kelias / į / vaizdas.jpg.webp); teksto įtrauka: -9999px;) Ši technika "

Saulės tema „CodeMirror and Prettify“ CSS-gudrybės

Saulės tema „CodeMirror and Prettify“ CSS-gudrybės

Štai „Google Code Prettify“ (rasti šiame šaltinyje). .prettyprint (spalva: # 839496; fono spalva: # 002b36;) .prettyprint .pln (spalva: paveldėti;) "

„Spinny Leaf“ meniu - CSS-gudrybės

„Spinny Leaf“ meniu - CSS-gudrybės

Pagrindinis katalogo kaina Apie „Contact“ navigaciją (plotis: 960 taškų; aukštis: 100 taškų; paraštė: automatinis 120 taškų; teksto lygiavimas: centras;). Top-menu li (ekranas: inline-block; "

Sukrauto popieriaus efektas CSS-gudrybės

Sukrauto popieriaus efektas CSS-gudrybės

Populiari dizaino technika yra sukurti turinio talpyklą, panašią į popieriaus lapą, ir sukrauti po juo kitus popieriaus lapus, pridedant sluoksniuotą "

Stiliaus nuorodos, atsižvelgiant į paskirties vietą CSS-gudrybės

Stiliaus nuorodos, atsižvelgiant į paskirties vietą CSS-gudrybės

A (/ * visiškai galiojantis URL, tikėtina išorinė nuoroda * /) a (/ * nuoroda į konkrečią svetainę * /) a, (/ * vidinė santykinė nuoroda * /) a (/ * el. pašto nuoroda * /) a (/ * "

Stiliaus nepaisymo technika - CSS-gudrybės

Stiliaus nepaisymo technika - CSS-gudrybės

P (šrifto dydis: 24 taškų! svarbu;) Vertės pabaigoje esanti svarbi taisyklė pakeis visas kitas šio atributo stiliaus deklaracijas, įskaitant įterptąsias "

"Susiūtas" žvilgsnis - CSS-gudrybės

"Susiūtas" žvilgsnis - CSS-gudrybės

.dygsniuotas (užpildymas: 20 taškų; paraštė: 10 taškų; fonas: # ff0030; spalva: #fff; šrifto dydis: 21 taškų; šrifto svoris: paryškintas; linijos aukštis: 1,3em; kraštas: 2 taškų brūkšnys "

Lipni poraštė - CSS-gudrybės

Lipni poraštė - CSS-gudrybės

Puikiai veikia, jei poraštėje galite pritaikyti fiksuotą aukštį. Turinys! Aš esu lipni poraštė. * (paraštė: 0;) html, body (aukštis: 100%;) .page-wrap ("

Žvaigždžių karų tikrinimo tekstas CSS-gudrybės

Žvaigždžių karų tikrinimo tekstas CSS-gudrybės

Žvaigždžių karų atidarymas yra ikoniškas. Teksto slinkimo ekrane ir aukštyn, ir toli nuo jo efektas buvo beprotiškai šaunus specialusis filmo efektas „

Tekstas varva kraujas CSS-gudrybės

Tekstas varva kraujas CSS-gudrybės

.blood (spalva: sidabras; teksto šešėlis: 4px 4px 1px # 300000, 4px 6px 1px # 400000, 4px 8px 1px # 500000, 4px 10px 1px # 600000, 4px 12px 1px # 700000, 4px 14px "

Perjungti matomumą slepiant elementus CSS-gudrybės

Perjungti matomumą slepiant elementus CSS-gudrybės

„Medium“ kūrėjų komanda aptarė keletą blogų praktikų, kurios pažeidžia prieinamumą. Viename pavyzdyje jie teigia, kad neskaidrumas nėra gerai palaikomas "

Stilius Vietos ženklo tekstas CSS-gudrybės

Stilius Vietos ženklo tekstas CSS-gudrybės

Vietos ženklų tekste įvestyse (iki šiol jį įgyvendinusiose naršyklėse) yra šviesiai pilka spalva. Norėdami jį stilizuoti, jums reikės tiekėjo priešdėlio CSS ypatybių. "

Skaidri vidinė siena CSS-gudrybės

Skaidri vidinė siena CSS-gudrybės

Skaidri vidinė siena.

Sistemos šrifto krūva - CSS-gudrybės

Sistemos šrifto krūva - CSS-gudrybės

Nustačius tam tikros operacinės sistemos sistemos šriftą, našumas gali padidėti, nes naršyklė neturi atsisiųsti jokių šrifto failų, o