Bttn.css - Awesome CSS-knappar under 4Kb

Med så många gratis CSS-fragment och kodgeneratorer, Det finns inget behov av att återuppfinna hjulet. Smarta utvecklare använder sig av befintliga bibliotek för att skapa enkla sidelement såsom navigationsmenyer och knappar.

Ett sådant bibliotek är Bttn.css, skapad av utvecklaren Ganapati V S. Hans arbete är utsökt och detta knappbibliotek är en av de bästa för modern frontend utveckling.

På knappens hemsida kan du välja mellan små, medelstora och stora storlekar, tillsammans med olika färgscheman. Knapparna kommer pre-built och redo att gå, så allt du behöver är det faktiska CSS-biblioteket och de rätta klasserna för dina knappar.

Du kan hämta biblioteket från GitHub eller du kan använda CDN-version för lokal testning. Det ens fungerar i moln IDEs till exempel CodePen om du vill ge det en gå i din webbläsare.

Bttn.css är faktiskt ett mindre bibliotek som erbjuder cirka 13 olika stilar. Några av dessa inkluderar materialstilar, gradienter, spökknappar och de traditionella piltangenterna med CSS3 rundade gränser.

Observera att detta bibliotek är liknar Butns bibliotek i att använda en förkortad stavning av “knappar” och ren CSS-kod.

Bttn.css erbjuder dock varierande knappar, snarare än ett stort bibliotek med liknande element. Detta är en anledning till att jag rekommenderar Bttn.css för nästan alla webbprojekt av alla 13 stilar, du är tvungen att hitta något som passar.

Du kan läsa mer i detta Medium post, skrivet av skaparen av Bttn.css. Han förklarar varför gjorde han biblioteket och vilket syfte det tjänar i ett typiskt utvecklingsprojekt.

Om du letar efter mer fullständig dokumentation ta en titt på GitHub repo. Det listar alla CSS-klasserna för stilar, storlekar och färger, tillsammans med installationsdetaljer med hjälp av CDN eller en pakethanterare som Bower.

Var noga med att kolla in demo sida för att se vad detta bibliotek kan göra. Och gärna dela dina tankar med skaparen på hans Twitter @ganapativs.