Bttn.css - Geweldige CSS-knoppen onder 4Kb
Met zo veel gratis CSS-fragmenten en code-generatoren, het wiel hoeft niet opnieuw uitgevonden te worden. Slimme ontwikkelaars vertrouwen op bestaande bibliotheken om eenvoudige pagina-elementen te maken, zoals navigatiemenu's en knoppen.
Eén zo'n bibliotheek is Bttn.css, gemaakt door ontwikkelaar Ganapati V. Zijn werk is voortreffelijk en deze knoppenbibliotheek is een van de beste voor moderne frontend ontwikkeling.
Op de startpagina van de knoppen kunt u kiezen tussen kleine, middelgrote en grote maten, samen met verschillende kleurenschema's. De knoppen komen vooraf gemaakte en klaar om te gaan, dus alles wat je nodig hebt is de eigenlijke CSS-bibliotheek en de juiste klassen voor je knoppen.
Je kunt de bibliotheek downloaden van GitHub of je kunt de gebruiken CDN-versie voor lokale testen. Het zelfs werkt in cloud-IDE's zoals CodePen als u het eens wilt proberen in uw browser.
Bttn.css is eigenlijk een kleinere bibliotheek ongeveer 13 verschillende stijlen. Sommige hiervan omvatten materiaalstijlen, verlopen, ghostknoppen en de traditionele pilknoppen met CSS3 afgeronde randen.
Let op deze bibliotheek is vergelijkbaar met de Butns-bibliotheek bij het gebruik van een verkorte spelling van “toetsen” en pure CSS-code.
Bttn.css biedt echter verschillende stijlen van knoppen, in plaats van een grote bibliotheek met vergelijkbare elementen. Dit is een van de redenen waarom ik Bttn.css voor vrijwel elk webproject aanbeveel - van alle 13 de stijlen kan je zeker iets vinden dat past.
Je kunt meer lezen in dit Medium bericht, geschreven door de maker van Bttn.css. Hij legt uit waarom hij de bibliotheek heeft gemaakt en welk doel dient het in een typisch ontwikkelingsproject.
Als je op zoek bent naar meer complete documentatie neem een kijkje op de GitHub repo. Het geeft een overzicht van alle CSS-klassen voor stijlen, groottes en kleuren, samen met installatiegegevens met behulp van de CDN of een pakketbeheerder zoals Bower.
Zorg ervoor dat u ook de demopagina om te zien wat deze bibliotheek kan doen. En voel je vrij om je gedachten te delen met de maker op zijn Twitter @ganapativs.
