Sukurkite redaguotus įrankių tipus „Pure CSS“ su Wenk

Su tokiu keistu pavadinimu jūs neturėtumėte tikėtis daug Wenk, nemokamai CSS įrankių bibliotekos biblioteka. Tačiau tai yra viena iš mažiausių bibliotekų gzipas gali būti matuojamas iki 1KB.

„Wenk“ naudoja grynas CSS su duomenų * atributai sukurti gyventi kad jūs galite pailsėti ir laikytis savo skonio. Geriausia, kad tai yra visiškai nemokama biblioteka su šaltiniu, kurį galima rasti „GitHub“.

Šie lengvi įrankių patarimai yra labai paprasti pridėti prie jūsų svetainės. Jums tiesiog reikia Wenk.css failą pridėta prie puslapio antraštės, kurią galite atsisiųsti iš „GitHub“ repo.

Arba netgi galėtumėte pridėkite CDN failą „GitHub“ CDN. Štai kodą:

Arba, jei esate npm / bower ventiliatorius, galite įdiegti šį paketą iš terminalo.

Numatytieji įrankių tipų žymenys neturi daug pasirinktinių duomenų. Jie jums leido pasirinkite padėtį ir plotį, bet jūs turite rankiniu būdu keisti CSS jei norite, kad jų stilius būtų kitoks.

Pvz., Galbūt norėtumėte, kad CSS rodyklė būtų pridėta prie įrankio taško, kuris rodomas virš įrankio elemento elemento. Tai gana paprasta sukurti, tačiau jums reikės nuvalyti „Wenk“ stilių lentelę rasti tikslią CSS klasę išplėsti.

Štai keletas pavyzdžių numatytasis kodas Wenk įrankių patarimams:

   Wenkas dešinėje!  

Pagrindiniame Wenk nukreipimo puslapyje yra gyvi demo kad jūs galite išbandyti užvažiuojant. Sitie yra pagrindiniai įrankių patarimai gausite, bet jie puikiai tinka bibliotekai, kuri sveria mažiau nei kilogramą.

Vienas svarbus dalykas, kurį reikia apsvarstyti naršyklės palaikymas. Visos „Chrome“ ir „Firefox“ versijos turėtų dirbti gerai. Tas pats su „Opera 12+“ ir „Opera Mini v8 +“. Tačiau atrodo, kad IE8 ir IE10 turėti problemų pateikiant šiuos įrankių patarimus. Laimei, jų rinkos dalis sparčiai mažėja, tačiau prieš pradedant ją naudoti reikia apsvarstyti.

Aš vis dar nustebinsiu, kiek jūs galite padaryti su tokiais mažais KB. „Wenk“ biblioteka yra modernios „frontend“ raidos įrodymas, ir tai rodo, kad šiek tiek galima nueiti ilgą kelią.

Jūs galite kasti per visą šaltinį kartu su „GitHub“ gyvi demo ir kodo fragmentai nustatyti ir sukurti šiuos įrankių patarimus savo svetainei.