Bttn.css - Awesome CSS-knapper under 4Kb

Med så mange gratis CSS-utdrag og kodegeneratorer, det er ikke nødvendig å gjenoppfinne hjulet. Smarte utviklere stole på eksisterende biblioteker for å lage enkle sideelementer som navigasjonsmenyer og knapper.

Et slikt bibliotek er Bttn.css, laget av utvikler Ganapati V S. Hans arbeid er utsøkt og dette knappebiblioteket er et av de beste for moderne frontendutvikling.

På knappens hjemmeside kan du velge mellom små, mellomstore og store størrelser, sammen med ulike fargeskjemaer. Knappene kommer pre-bygget og klar til å gå, så alt du trenger er den faktiske CSS biblioteket og de riktige klassene for knappene dine.

Du kan laste ned biblioteket fra GitHub eller du kan bruke CDN-versjon for lokal testing. Det selv Fungerer i Cloud IDEs for eksempel CodePen hvis du vil gi det en tur i nettleseren din.

Bttn.css er faktisk et mindre bibliotek, som tilbyr ca 13 forskjellige stiler. Noen av disse inkluderer materielle stiler, gradienter, spøkelsesknapper og de tradisjonelle piltastene som bruker CSS3 avrundede grenser.

Merk dette biblioteket er ligner Butns bibliotek ved å bruke en forkortet stavemåte av “knapper” og ren CSS-kode.

Imidlertid tilbyr Bttn.css varierende stiler av knapper, snarere enn et stort bibliotek med lignende elementer. Dette er en grunn jeg anbefaler Bttn.css for stort sett alle webprosjekter ut av alle 13 stilarter, du er bundet til å finne noe som passer.

Du kan lese mer i denne Medium posten, skrevet av skaperen av Bttn.css. Han forklarer hvorfor laget han biblioteket og hvilken hensikt den tjener i et typisk utviklingsprosjekt.

Hvis du leter etter mer komplett dokumentasjon ta en titt på GitHub repo. Den viser alle CSS-klassene for stiler, størrelser og farger, sammen med installasjonsdetaljer ved bruk av CDN eller en pakkehåndterer som Bower.

Pass på at du også sjekker ut demo side for å se hva dette biblioteket kan gjøre. Og vær så snill å dele tankene dine med skaperen på Twitter @ganapativs.