CSS-kuritegude toimepanemine

pilt

CSS-trikkide aeg on möödas. Nüüd on CSS-i kuritegude aeg!

Praegusel sisuteenuste pakkujate maastikul piirduvad kasutajad sageli vaid teksti, linkide ja piltidega. Puhastusreeglid kipuvad eemaldama HTML-i, JavaScripti ja mitmesugused atribuudid.

Sotsiaalmeedia teenus kohost võimaldab kasutajatel kasutada märgistus- ja tekstisiseste stiilide puhul suuremat vabadust, kui tavaliselt harjunud oleme. Mõned kasutajad on seda vabadust ära kasutanud CSS-kuritegude toimepanemiseks! See on toonud kaasa tuttavate liideste ja interaktiivsete mängude loomingulise taaskasutamise, kasutades atribuute ebatavalisel viisil.

Blackle Mori lõi võlli kus käepidemest tõmmates pööratakse aeglaselt hammasrataste, rihmarataste ja kettide seeriat. Lõpuks avaneb ava, et paljastada saidi maskott ("munapuikas") ja kuulutus "Hea töö!". Olen seda arendaja tööriistades vaadanud ja see on hämmastav kombinatsioon grid, resize, transformja calc(). Lisasin lõpuks a border kõigile <div>s püüda paremini mõista iga üksiku elemendi liikumist.

Varem on olnud olukordi, kus mul on keelatud kasutada täielikku HTML-i, JavaScripti ja CSS-i tööriistakomplekti. Dekoratiivse kasutamise juhtumeid on olnud palju CSS-i kujundid piltidest mööda pääsemiseks. Olen kasutanud :hover lahendusena mouseenter ja mouseleave. Olen kasutanud input:checked õdede-vendade valijana ümberlülitamiseks.

Kuigi CSS-i kuriteod ei ole tõenäoliselt midagi, mida te ei sooviks regulaarselt kasutada, peaksime omaks võtma katsed piirangute piires, mis võivad edendada loomingulisi lahendusi.


Otsene link →

Ajatempel:

Veel alates CSSi trikid