Šī izvēles rūtiņa bibliotēka piedāvā desmitiem bezmaksas CSS izvēles rūtiņu stilu
Meklēju izvēles rūtiņu UI stili jūsu vietnei? Palieciet uz CSS izvēles rūtiņu bibliotēka GitHub bez maksas.
Šī masīvā bibliotēka atbalsta desmitiem stilu izvēles rūtiņu vienumiem, piemēram, slīdņus, ieslēgšanas / izslēgšanas dizainus, lokus un kvadrātus starp daudzām citām formām.
Jūs saņemt pilnīgu piekļuvi HTML / CSS kodam, tāpēc tas ir brīze, lai to saņemtu un darbotos jūsu vietnē. Nemaz nerunājot, tas ir arī pilnībā atvērts un pieejami gan personīgiem, gan komerciāliem projektiem.
Lai sāktu darbu, varat apmeklēt GitHub repo un lejupielādējiet visus failus lokāli savā datorā. Vai arī varat instalēt bibliotēku, izmantojot npm.
Pēc noklusējuma, katrs izvēles rūtiņu stils nāk ar savu klasi. The izvēles rūtiņas.min.css stilu lapā ir viss, kas jums nepieciešams, tādēļ, ja tas ir iekļauts jūsu lapā, tad jūs visi esat iestatījuši.
Katra izvēles rūtiņa stils atbalsta mūsdienu pārlūkprogrammas un mantojuma pārlūkprogrammas, tostarp IE9+.
Šīs bibliotēkas darbplūsma, iespējams, ir visvienkāršākā, ko esmu redzējis. Kad esat pievienojis stilu, jūsu lapa tiks pievienota izrakt visus galvenos demo stilus un redzēt, kas izceļas.
No turienes jūs varat izvēlēties, kas vislabāk darbojas. Noklikšķinot uz HTML pogas parāda modālu ar šīs izvēles rūtiņas pirmkodu. Tagad vienkārši kopējiet / ielīmējiet to savā vietnē, dodiet tai pareizu vārdu / vērtību (ja piemērojams), un jūs visi esat iestatījuši!
Nav problēmu, ļoti maz pielāgošanas un būtībā nav nepieciešamas nekādas kodēšanas prasmes.
Jūs pamanīsiet katru izvēles rūtiņu stilu ir gan gaiša, gan tumša tēma, lielāku atbalstu. Tas nozīmē, ka jums nevajadzētu rast grūtības atrast izvēles rūtiņu, kas atbilst jūsu vietnei. Plus, jūs varat izmantot papildu klases piemēram, .ckbx-mazs vai .ckbx-xlarge lai palielinātu izmēru.
Ar 25 + dažādi stili un dažādas animācijas, Man jāsaka, ka šī CSS izvēles rūtiņa bibliotēka ir iespaidīga. Lieliski piemēroti jebkuram frontend attīstītājam, kas vēlas ietaupīt laiku savā darbplūsmā un uzlabot jebkuras tīmekļa formas UI dizainu.
