🛠 Stylelint - это современный CSS-линтер, который поможет командам внедрить в свои таблицы стилей еще не утвержденные стандарты CSS. Библиотека довольно мощная и может запрещать определенные свойства или вносить их в белый список, выявлять ошибки и распознавать синтаксис SCSS. Stylelint полностью настраиваем, что дает вам возможность добавлять новые правила или отказываться от тех, с которыми вы не согласны.

🌍 Сайт

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

🛠 Pushy Buttons - небольшая библиотека с 3D-кнопками, поддерживающими только CSS, которые при нажатии плавно опускаются. Кнопки бывают 4-х размеров и 3-х цветов, и их можно легко настроить с помощью SASS или просто изменив исходный css-файл.

🌍 Сайт

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

🛠 FuseBox - это пакетный загрузчик для JavaScript и CSS с дополнительными функциями для TypeScript, Sass и других. Он создан с учетом простоты и производительности и представляет собой жизнеспособную альтернативу webpack. Чтобы вы могли начать, есть готовые проекты для Angular 2 + TypeScript, React + Babel, Vue.js, Electron и других.

🌍 Сайт

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

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

🌍 Сайт

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

🛠 UI Kit — это потрясающий интерфейсный фреймворк для CSS и JavaScript, который поставляется со своим собственным шрифтом значков SVG и рядом компонентов.

🌍 Сайт

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

🛠 Scrollanim - облегченная библиотека CSS3 и JavaScript для создания анимации прокрутки. Она бесплатна, имеет открытый исходный код и проста в использовании. Scrollanim использует Animate.css и имеет большое количество встроенных анимаций CSS3, которые вы можете выбрать, например, bounceIn, bounceOut, fadeIn, fadeOut и многое другое.

🌍 Сайт

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

🛠 Sakura - это уникальный CSS-фреймворк, который работает без добавления каких-либо классов в HTML. Просто поместите таблицу стилей sakura.css на любую страницу, и она унаследует типографику и стили элементов по умолчанию. Отсутствие классов делает Sakura идеальной для страниц, созданных markdown, и быстрых экспериментов.

🌍 Сайт

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

🛠 AOS - это библиотека CSS, которая позволяет добавлять эффекты анимации прокрутки. Библиотека легко настраиваема, очень компактна, проста в использовании (устанавливается через CDN) и, самое главное, хорошо работает, что может быть проблемой с другими библиотеками animate on scroll.

🌍 Сайт

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

🛠 RPG Awesome - бесплатный шрифт для иконок, содержащий около 500 векторных иконок в стиле фэнтези. Он охватывает все - от оружия и доспехов до магии и предметов инвентаря. RPG Awesome можно использовать так же, как и любой другой шрифт для веб-иконок (<i class="ra ra-sword"></i>), и он настраивается с помощью простого CSS или SASS.

🌍 Сайт

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

🛠 Pure CSS - модульный CSS-фреймворк с минимальными габаритами. Размер всей библиотеки составляет всего 3,8 Кб, но этот размер можно еще больше уменьшить, исключив ненужные части. Модули включают в себя базовый набор стилей, адаптивную сетку, компоненты форм, кнопки, таблицы и меню.

🌍 Сайт

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