🛠 sanitize.css — библиотека CSS, которая исправляет неработающие или отсутствующие стили во всех браузерах. Она нормализует стили для ряда элементов и исправляет ошибки и распространенные несоответствия в браузере. Она действительно проста в использовании и поддерживается в Chrome, Edge, Firefox, Opera, Safari и IE 9+.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Cirrus — CSS-фреймворк для создания потрясающих и полностью адаптивных веб-сайтов. В нем есть все компоненты, необходимые для создания красивых и интерактивных дизайнов - кнопки, формы, анимация, таблицы, верхние и нижние колонтитулы и многое другое. Фреймворк действительно легкий - вы можете включить только те файлы, которые вам нужны, и полностью настраиваемый - все компоненты могут быть стилизованы с помощью CSS и работают во всех современных браузерах.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 PaperCSS — простой и понятный в использовании CSS-фреймворк. В нем есть все, что нужно для CSS-фреймворка - от flexbox до всех типов компонентов, таких как кнопки, карточки, вкладки и многое другое. Фреймворк легко настраивается и позволяет вам выбрать, какие компоненты вы хотите использовать, и только они будут скомпилированы в итоговый css-файл.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Mustard UI — легкий CSS-фреймворк для начинающих с открытым исходным кодом. Он разделен на модули, и вы можете выбрать, хотите ли вы включить их все или только те, которые вам нужны. Он поставляется со всеми компонентами, необходимыми для создания интерфейса, такими как сетка flexbox, кнопки, таблицы, формы, карточки и многое другое, и может быть настроен с помощью переменных scss.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 TentCSS — простой и понятный в использовании фреймворк, который предлагает все основные компоненты, необходимые для создания адаптивного веб-сайта. Он очень легкий (всего 5 кбайт в сжатом виде), соответствует стандарту BEAM и имеет современную сетку flexbox для создания макетов.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 MUI — небольшой и адаптивный фреймворк, который соответствует рекомендациям Google по дизайну материалов. Он не имеет внешних зависимостей и чрезвычайно легкий, всего 5,4 Кб в архивированном виде. Он поддерживает React, настраивает с помощью файлов SASS и имеет отдельную встроенную версию для оформления электронных писем.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Base — это легкий, минималистичный и адаптивный CSS-фреймворк. Он создан на основе последней версии Normalize.css и разделен на независимые модули, поэтому вы можете использовать только те, которые вам нужны. Он ориентирован в первую очередь на мобильные устройства и отлично работает во всех современных браузерах, включая IE 10+.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 CSS Loader — простая библиотека CSS для создания интересных эффектов загрузки. Существует множество различных вариантов, из которых вы можете выбирать. Более того, они действительно просты в использовании, все, что вам нужно, - это один элемент HTML div и несколько классов.

🌍 Сайт

Daily Coding #инструменты #Css

🛠 CSSNano — современный модульный инструмент для сжатия CSS-файлов. Он использует ваши CSS-файлы и выполняет ряд оптимизаций, чтобы максимально сжать ваш код для рабочей среды. Он удаляет пробелы, комментарии, ненужные определения и повторяющиеся стили.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Normalize.css — это современная библиотека для сброса CSS. Она обеспечивает лучшую согласованность стилей HTML-элементов по умолчанию в разных браузерах. Она также сводит к минимуму несоответствия в браузере и повышает удобство использования.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 lit - удивительно маленький и отзывчивый CSS-фреймворк. Он предлагает адаптивную сетку из 12 столбцов, различные стили типографики, пользовательские входные данные, три типа кнопок и все функции, которые должен предлагать css-фреймворк. Lit работает во всех современных браузерах, а также в некоторых более старых, таких как IE11

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 С помощью Tachyons вы можете создавать красивые и отзывчивые интерфейсы практически без использования CSS. Он прост в использовании и настройке, ориентирован на мобильные устройства и хорошо работает с React, Ember, Angular и другими фреймворками. Более того, он чрезвычайно легкий и содержит очень подробную документацию, где вы можете найти все, что вам нужно.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Repaintless - библиотека анимации CSS для создания быстрой и плавной анимации. Она действительно проста в использовании и содержит большое количество встроенных анимаций, таких как постепенное появление, fade-out, поворот, пульсация, слайд и многие другие. Анимацию можно легко настроить с помощью переменных css.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Odometer - это библиотека Javascript и CSS, которая обеспечивает плавный переход между числами. Библиотека чрезвычайно легкая и производительная, поскольку все анимации обрабатываются в CSS с помощью преобразований. Она поддерживает Firefox, Safari, Chrome и IE8+ и имеет автоматический резервный вариант для более старых браузеров.

🌍 Сайт

Daily Coding #инструменты #JavaScript #CSS

🛠 Shave - библиотека JavaScript, которая обрезает многострочный текст, чтобы он мог поместиться внутри HTML-элемента. Она сохраняет исходную строку в скрытом виде, так что ваш текст остается нетронутым. Он очень легкий, всего в 1,5 раза меньше, не имеет зависимостей и совместим с другими библиотеками javascript.

🌍 Сайт

Daily Coding #инструменты #JavaScript #CSS

🛠 Shards - бесплатный и современный инструментарий пользовательского интерфейса для веб-разработчиков. Он основан на Bootstrap 4, удивительно легкий и полностью адаптивный. Он включает в себя 10 пользовательских компонентов, 2 готовые целевые страницы и пакеты иконок из Material и Font Awesome packs. Вы также можете настроить файлы SCSS для редактирования существующих макетов или создания новых.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Pretty Checkbox - чисто CSS-библиотека для создания красивых флажков и переключателей. Он предлагает различные формы (квадратные, кривые, круглые), варианты (по умолчанию, заливка, толстые), цвет (основной, успешный, информационный), цветовые типы (сплошной, контурный) и анимацию (плавный, tada, желейный). Он поддерживает пользовательские значки шрифтов, значки SVG и настройки CSS.

🌍 Сайт

Daily Coding #инструменты #CSS