Домашняя » Инструментарий » Пикник CSS Легкая библиотека CSS для запуска ваших веб-проектов

    Пикник CSS Легкая библиотека CSS для запуска ваших веб-проектов

    Некоторые разработчики предпочитают подробные библиотеки пользовательского интерфейса, такие как Bootstrap, для его многофункциональных стилей. Но есть много небольших библиотек CSS, созданных для тонкая эстетика дизайна а также настройка.

    Если вы ищете небольшая, но стильная библиотека CSS рекомендую Пикник CSS. Это абсолютно бесплатно, с открытым исходным кодом, и работает без особого редактирования, чтобы оживить ваши страницы с простыми, но элегантными стилями.

    Все нативные элементы HTML рестайлинг по умолчанию, так что вам даже не нужно полагаться на занятия. Просто добавьте таблицу стилей Picnic на свою веб-страницу и обновите ее. Вы заметите, что все формы, кнопки и типографские элементы приобретают новый вид.

    Но, конечно же, эта библиотека поддерживает модульный дизайн с вариантами настройки все. Это все написано в Sass, так что вам действительно нужно быть разработчиком Sass для работы с кодом.

    У вас есть доступ ко всем типографикам по умолчанию, классам, сеткам и переменным, используемым для стилизации и раскраски элементов страницы..

    Пикник CSS также был создан, чтобы быть невероятно маленьким, и это размер только 10 КБ когда минимизируется. Это около 1/10го Bootstrap, и он по-прежнему обладает всеми прелестями, которые можно ожидать в пользовательском интерфейсе.

    Поскольку это небольшая библиотека, она не имеет динамических особенностей. Но вы можете увидеть примеры на тестовой странице, которая включает кнопки, заголовки, карточки, входы, вкладки и другие подобные элементы.

    Некоторые из динамических элементов, такие как модалы и вкладки, работать с чистым CSS. Таким образом, вы также можете создавать совместимые сайты, полностью игнорируя JavaScript. Довольно круто!

    Я действительно считаю, что стандартные стили для пикника немного скромны, поэтому они могут использовать некоторую ретушь. Но, в целом, я обожаю эту библиотеку, и это один из самых простых способов начать новый проект с правой ноги.

    Чтобы начать, посетите страницу Picnic CSS GitHub, чтобы скачать копию а также просмотреть некоторые образцы. Вы также можете просмотреть онлайн документацию чтобы увидеть, как работает каждый элемент и что вам нужно, чтобы все это работало.

    Пикник ровный доступно на CDN, так что вам даже не нужно скачивать файлы локально, чтобы начать.