📖CSS Pocket Reference. 5Ed
🖋Eric A. Meyer 2018

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

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

Daily Coding #книги #CSS

🛠 NES.css — CSS-фреймворк, который сделает ваш веб-сайт похожим на 8-битную NES-игру. Он предоставляет хороший выбор компонентов Bootstrap-типа, таких как кнопки, контейнеры, диалоговые окна, поля ввода и многое другое.

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

🛠 Now UI Kit - это CSS-фреймворк, созданный поверх Bootstrap 4. Он поставляется с более чем 50 компонентами в плоском стиле, набором иконок Nucleo и файлами Sketch/PSD для создания прототипов. Теперь пользовательский интерфейс также предлагает 3 шаблона для выдачи кредитов, входа в систему и страниц профиля, которые помогут вам быстро приступить к работе.

🌍 Сайт

Daily Coding #инструменты #CSS | Канал в Max

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

🌍 Сайт

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

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

🌍 Сайт

Daily Coding #инструменты #CSS | Канал в Max

🛠 Propeller - это CSS-фреймворк, основанный на Bootstrap и языке Material Design от Google. Он включает в себя 25 компонентов, созданных с учетом быстродействия и отличающихся типичной анимацией Material Design. Проект можно загрузить как тему для Bootstrap, полный фреймворк или как отдельные компоненты.

🌍 Сайт

Daily Coding #инструменты #CSS | Канал в Max

🛠 Grd - как следует из названия, предназначена для создания сеточных макетов. Библиотека создана на основе чистого CSS, использует свойства модели flexbox и предлагает только самые необходимые и полезные функции. Все эти факторы приводят к очень небольшому объему фреймворка - всего 512 байт при сжатии в Gzip.

🌍 Сайт

Daily Coding #инструменты #CSS | Канал в Max

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

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

🛠 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