Główna » zestaw narzędzi » Picnic CSS Lightweight CSS Library do Kickstart Your Web Projects

    Picnic CSS Lightweight CSS Library do Kickstart Your Web Projects

    Niektórzy programiści preferują szczegółowe biblioteki interfejsu użytkownika, takie jak Bootstrap, ze względu na bogate w funkcje style. Istnieje jednak wiele mniejszych bibliotek CSS subtelna estetyka projektu i dostosowywanie.

    Jeśli szukasz mała, ale stylowa biblioteka CSS polecam Piknik CSS. Jest całkowicie darmowy, open source i działa bez większego edytowania, aby wzbogacić strony o proste, ale eleganckie style.

    Wszystkie rodzime elementy HTML to domyślnie zmieniony, więc nie musisz nawet polegać na zajęciach. Po prostu dodaj arkusz stylów piknikowych do swojej strony internetowej i odśwież. Zauważysz, że wszystkie formularze, przyciski i elementy typograficzne nabierają nowego wyglądu.

    Ale oczywiście ta biblioteka obsługuje budowę modułową z opcjami dostosowywania wszystkiego. Jego wszystko napisane w Sassie, więc naprawdę musisz być programistą Sass, aby pracować z kodem.

    Masz dostęp do wszystkich domyślnych typografii, klas, systemów siatki i zmiennych używanych do stylizacji i kolorowania elementów strony.

    Piknik CSS został również zbudowany tak, aby był niewiarygodnie mały mierzy tylko 10 KB po zminimalizowaniu. To jest około 1/10th Bootstrap i nadal ma cały urok, którego można oczekiwać w niestandardowej strukturze interfejsu użytkownika.

    Ponieważ jest to mała biblioteka, to nie ma żadnych funkcji dynamicznych. Ale możesz zobaczyć przykłady na stronie testowej, które zawierają przyciski, nagłówki, karty, wejścia, karty i inne podobne elementy.

    Niektóre elementy dynamiczne, takie jak moduły i karty, pracować z czystym CSS. Możesz także budować zgodne witryny, całkowicie ignorując JavaScript. Całkiem fajne!

    Myślę, że domyślne style piknikowe są odrobinę nijakie, więc mogą użyć retuszu. Ale ogólnie uwielbiam tę bibliotekę i jest to jeden z najprostszych sposobów na rozpoczęcie nowego projektu na prawej nodze.

    Aby rozpocząć, odwiedź stronę Picnic CSS GitHub pobierz kopię i wyświetl niektóre próbki. Możesz również przejrzyj dokumentację online aby zobaczyć, jak działa każdy element i co jest potrzebne do jego uruchomienia.

    Piknik jest nawet dostępne na CDN, więc nie trzeba nawet pobierać plików lokalnie, aby rozpocząć.