Начална » Toolkit » Пикник CSS Лека CSS библиотека за стартиране на вашите уеб проекти

    Пикник CSS Лека CSS библиотека за стартиране на вашите уеб проекти

    Някои разработчици предпочитат подробни библиотеки за потребителски интерфейс, като например Bootstrap, за богатите на функции стилове. Но има много по-малки CSS библиотеки фина естетика на дизайна и персонализиране.

    Ако търсите за малка, но стилна CSS библиотека препоръчвам Пикник CSS. Тя е напълно безплатна, с отворен код и работи без много редактиране, за да джазира страниците ви с прости, но елегантни стилове.

    Всички естествени HTML елементи са по подразбиране, така че дори не трябва да разчитате на класове. Просто добавете стикера за пикник към уеб страницата си и я опреснете. Ще забележите, че всички форми, бутони и типографски елементи придобиват нов облик.

    Но, разбира се, тази библиотека поддържа модулен дизайн с опции за персонализиране на всичко. е всичко написано на Сас, така че наистина трябва да сте разработчик на Sass, за да работите с кода.

    Имате достъп до всички стандартни типографии, класове, мрежови системи и променливи, използвани за оформяне и оцветяване на страници.

    Picnic CSS също бе построен така, че да е изключително малък размер само на 10KB когато е намален. Това е около 1/10тата на Bootstrap и все още има цялото очарование, което бихте очаквали в потребителски интерфейс.

    Тъй като това е малка библиотека, тя няма динамични функции. Но можете да видите примери на тестовата страница, които включват бутони, заглавия, карти, входове, раздели и други подобни елементи.

    Някои от динамичните елементи, като модалите и табовете, работа с чист CSS. Така че можете също да създавате съвместими уебсайтове, като пренебрегвате напълно JavaScript. Много готино!

    Смятам, че стиловете по подразбиране за пикник са по-леки, за да могат да използват някои ретуши. Но като цяло аз обожавам тази библиотека и това е един от най-простите начини за стартиране на нов проект на десния крак.

    За да започнете, посетете страницата на Picnic CSS GitHub за изтеглете копие и вижте някои образци. Можете също прегледайте онлайн документацията за да видите как работи всеки елемент и какво ви е необходимо, за да го изпълните.

    Пикникът е четен на CDN, така че дори не е необходимо да изтегляте файлове локално, за да започнете.