Пікнік CSS Легка бібліотека CSS для запуску ваших веб-проектів
Деякі розробники віддають перевагу докладним бібліотекам інтерфейсу користувача, наприклад Bootstrap, для своїх багатофункціональних стилів. Але існує багато невеликих бібліотек CSS витончена естетика дизайну і налаштування.
Якщо ви шукаєте невелика, але стильна бібліотека CSS я рекомендую Пікнік CSS. Це абсолютно безкоштовне, відкрите джерело і працює без особливого редагування, щоб підняти ваші сторінки за допомогою простих, але елегантних стилів.
Всі типові елементи HTML є за промовчанням, так що вам навіть не потрібно покладатися на заняття. Просто додайте таблицю стилів для пікніка на веб-сторінку та оновіть її. Ви помітите, що всі форми, кнопки та друкарські елементи мають новий вигляд.
Але, звичайно, ця бібліотека підтримує модульну конструкцію з опціями для налаштування всього. Його все написано на Сассі, так що вам дійсно потрібно бути розробником Sass для роботи з кодом.
Ви маєте доступ до всіх типографік за замовчуванням, класів, систем сітки та змінних, які використовуються для стилізації та елементів сторінки забарвлення.
Picnic CSS був також побудований, щоб бути неймовірно малим і його розміром лише 10 КБ при мінімізації. Це приблизно 1/10й Bootstrap, і він все ще має всю привабливість, яку ви очікуєте в користувальницькому інтерфейсі користувача.
Оскільки це невелика бібліотека, вона не має динамічних функцій. Але на тестовій сторінці можна побачити приклади, які включають кнопки, заголовки, карти, входи, вкладки та інші подібні елементи.
Деякі динамічні елементи, такі як модальні та вкладки, працювати з чистим CSS. Таким чином, ви також можете створювати сумісні веб-сайти, повністю ігноруючи JavaScript. Дуже здорово!
Мені здається, що стиль пікніка за замовчуванням є трохи м'яким, щоб вони могли використовувати деякі ретуші. Але, в цілому, я обожнюю цю бібліотеку, і це один з найпростіших способів розпочати новий проект на правій нозі.
Щоб розпочати роботу, відвідайте сторінку CSS GitHub для пікніка завантажити копію і переглянути деякі зразки. Ви також можете перегляньте документацію в Інтернеті щоб побачити, як працює кожен елемент і що потрібно, щоб він працював.
Пікнік навіть доступні на CDN, так що вам навіть не потрібно локально завантажувати файли, щоб розпочати роботу.
