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

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

📖 Наглядный CSS
🖋Сидельников Грег, 2021

Вместо бесконечных томов документации – две с половиной сотни иллюстраций помогут вам разобраться во всех тонкостях работы CSS. Эта книга станет вашим настольным справочником, позволяя мгновенно перевести пожелания заказчика и собственное видение в компьютерный код!

💾 Скачать книгу

Daily Coding #книги #css

🛠 CSS doodle - это веб-компонент для рисования узоров с помощью CSS. Синтаксис css-doodle основан на CSS и включает в себя некоторые дополнительные функции и свойства. Он генерирует сетку разделителей, которыми можно легко манипулировать с помощью CSS для создания графического рисунка или анимированного графика. Он работает в последних версиях Chrome и Safari без каких-либо полифилл.

🌍 Сайт

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

🛠 Three Dots - это библиотека CSS для создания интересных загрузочных анимаций, созданных с помощью three dots. Вы можете выбрать из широкого спектра анимаций, которые можно легко настроить (цвет, ширину, высоту, интервалы и т.д.) с помощью переменных scss.

🌍 Сайт

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

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

🌍 Сайт

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

🛠 MaterializeCSS — современный адаптивный интерфейсный фреймворк, основанный на Material Design. Он действительно прост в использовании, особенно для людей, знакомых с другими подобными проектами, такими как Bootstrap. Существует коллекция начальных шаблонов, которые помогут вам легко создать дизайн вашего веб-сайта.

🌍 Сайт

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

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

🌍 Сайт

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

🛠 CSS-Tricks — огромный англоязычный ресурс о создании сайтов, о CSS, HTML и JavaScript, а так же обо всем, что неразрывно связано с миром фронтенда.

🌍 Сайт

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