Główna » zestaw narzędzi » Bttn.css - Awesome CSS Buttons Under 4Kb

    Bttn.css - Awesome CSS Buttons Under 4Kb

    Z tak wieloma bezpłatne fragmenty kodu CSS i generatory kodu, nie ma potrzeby wymyślania koła. Inteligentni programiści polegają na istniejących bibliotekach do tworzenia prostych elementów strony, takich jak menu nawigacji i przyciski.

    Jedną z takich bibliotek jest Bttn.css, stworzony przez programistę Ganapati V S. Jego praca jest znakomita, a ta biblioteka przycisków jest jedną z najlepszych w nowoczesnym rozwoju frontendu.

    Na stronie głównej przycisków możesz wybrać pomiędzy małe, średnie i duże rozmiary, wraz z różne schematy kolorów. Przyciski nadchodzą wstępnie zbudowany i gotowy do wyjścia, więc wszystko czego potrzebujesz to rzeczywista biblioteka CSS i odpowiednie klasy dla twoich przycisków.

    Możesz pobrać bibliotekę z GitHub lub możesz użyć Wersja CDN do testów lokalnych. To nawet działa w środowiskach IDE w chmurze takich jak CodePen, jeśli chcesz to zrobić w swojej przeglądarce.

    Bttn.css to właściwie mniejsza biblioteka, oferująca około 13 różnych stylów. Niektóre z nich to style materiałów, gradienty, przyciski upiorów i tradycyjne przyciski pigułki z zaokrąglonymi krawędziami CSS3.

    Uwaga ta biblioteka jest podobny do biblioteki Butns w użyciu skróconej pisowni “guziki” i czysty kod CSS.

    Jednak Bttn.css oferuje różne style przycisków, zamiast jednej dużej biblioteki podobnych elementów. Jest to jeden z powodów, dla których polecam Bttn.css dla niemal każdego projektu internetowego spośród wszystkich 13 stylów. Z pewnością znajdziesz coś, co pasuje.

    Możesz przeczytać więcej w tym średnim poście, napisanym przez twórcę Bttn.css. On tłumaczy dlaczego zrobił bibliotekę i jaki cel służy w typowym projekcie rozwojowym.

    Jeśli szukasz bardziej kompletna dokumentacja rzuć okiem na Repo GitHub. Wyświetla listę wszystkich klas CSS dla stylów, rozmiarów i kolorów wraz ze szczegółami instalacji przy użyciu CDN lub menedżera pakietów, takiego jak Bower.

    Pamiętaj także o sprawdzeniu strona demonstracyjna aby zobaczyć, co ta biblioteka może zrobić. I nie krępuj się podzielić swoimi przemyśleniami z twórcą na jego Twitterze @ganapativs.