Izveidot minimizētus rīkus Pure CSS ar Wenk
Ar šādu dīvainu vārdu jūs nevarētu sagaidīt daudz Wenk, bezmaksas CSS rīkjoslas bibliotēka. Tomēr tas ir viena no mazākajām bibliotēkām jūs varat saņemt mērījumus zem 1KB, kad gzipped.
Wenk izmanto tīra CSS ar datu- * atribūti radīt tiešraidē ka jūs varat atpūsties un novietot savu izvēli. Vislabāk tas ir pilnīgi bezmaksas bibliotēka ar avota kodu, kas pieejams GitHub.
Šie vieglie rīku padomi ir ļoti vienkārši, lai tos pievienotu jūsu vietnei. Jums vienkārši vajag Wenk.css failu pievienots jūsu lapas galvenei, kuru var lejupielādēt no GitHub repo.
Vai arī jūs varētu pat pievienojiet CDN failu kas atrodas GitHub CDN. Tālāk ir norādīts kods:
Vai arī, ja jūs esat npm / bower ventilators, jūs varat instalēt šo paketi no termināla.
Noklusējuma rīkjoslas tagiem nav daudz pielāgotu datu. Viņi jums ļāva izvēlieties pozīciju un platumu, bet jums ir manuāli mainīt CSS ja vēlaties tos veidot citādi.
Piemēram, jūs varētu vēlēties, lai rīku padevei tiktu pievienota CSS bultiņa, kas parādās virs rīku padeves elementa. Tas ir diezgan vienkārši izveidot, bet jums būs jāvelk Wenk stila lapa atrast precīzu CSS klasi pagarināt.
Šeit ir daži paraugi noklusējuma kods Wenk rīkiem:
Wenk pa labi! Galvenā Wenk galamērķa lapa ietver dzīvot demonstrācijas ka jūs varat pārbaudīt, nospiežot. Šie ir visvienkāršākie rīki jūs saņemsiet, bet viņi ir ideāli piemēroti bibliotēkai, kas sver mazāk par kilobaitu.
Viena būtiska lieta, kas jāapsver pārlūka atbalsts. Visas Chrome un Firefox versijas vajadzētu strādāt labi. Tas pats ar Opera 12+ un Opera Mini v8 +. Bet IE8 un IE10 šķiet ir problēmas padarot šos rīkus. Par laimi, to tirgus daļa strauji samazinās, taču tas ir jāapsver pirms lietošanas.
Es joprojām esmu pārsteigts, cik daudz jūs varat darīt ar tik maz KB. Wenk bibliotēka ir apliecinājums mūsdienu frontes attīstībai, un tas parāda, ka mazliet var iet tālu.
Jūs varat izrakt caur visu avotu GitHub, kopā ar dzīvot demonstrācijas un koda fragmenti izveidot un izveidot šos rīkus savai vietnei.
