🛠 Wysiwyg.css - красивая тема для документов, созданных на основе HTML или Markdown. Она стилизует все элементы на странице, придавая им правильную типографику, цвета и отступы, что значительно улучшает читаемость. Реализовать тему так же просто, как добавить один класс к корневому элементу. Настройка осуществляется с помощью Sass.

🌍 Сайт

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

🛠 Choreographer - библиотека для упрощения работы со сложными CSS-анимациями. Choreographer делает более управляемым одновременный переход нескольких свойств, анимацию, которая запускается с разной задержкой, и синхронизацию с жестами пользователя, такими как прокрутка.

🌍 Сайт

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

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

🌍 Сайт

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

📖Отзывчивый дизайн на HTML5 и CSS3 для любых устройств
🖋Фрэйн Б | 2022

Вы фуллстек-разработчик, которому нужно развивать навыки фронтенд-разработки? Или фронтенд-разработчик, ищущий качественный обзор современных возможностей HTML и CSS? А может, вы создаете свой веб-сайт и хотите сделать его отзывчивым? Тогда, эта книга вам просто необходима!

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

Daily Coding #книги #CSS #HTML

🛠 Magic animations - это библиотека CSS для анимации. Она содержит множество типов анимации и проста в использовании. Просто добавьте таблицу стилей на свою страницу и задайте имена классов для своих элементов. Если вас интересует CSS-анимация, вы также можете проверить Animate.css.

🌍 Сайт

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

🛠 ColorZilla - это расширение для Google Chrome, которое объединяет в себе множество функций, включая средство выбора цвета, генератор градиентов CSS, историю использованных цветов и многое другое. Еще одним похожим инструментом является расширение Eye Dropper с открытым исходным кодом.

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

🛠Bulma — фреймворк с открытым исходным кодом, предоставляющая готовые к использованию интерфейсные компоненты, которые вы можете легко комбинировать для создания адаптивных веб-интерфейсов.

🌍 Сайт

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

🛠 Matter — коллекция различных элементов пользовательского интерфейса, включая большинство типов полей ввода, кнопки, индикаторы загрузки и многое другое. Элементы оформлены в соответствии с языком Material Design от Google и полностью созданы на основе старых добрых HTML и CSS для быстрого и удобного использования.

🌍 Сайт

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

🛠 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