Веб-разработчику постоянно необходимо быть в курсе появления новых библиотек и инструментов. Я нашёл и выбрал несколько лучших инструментов для разработки как CSS, так и JavaScript. Это не просто копипаста – это выборка, основанная как на рекомендациях, так и на личном опыте использования.
Разработка фронтэнда – штука хитрая. И хотя она не слишком сложная для освоения, некоторые тонкости освоить также не помешает. В сети ежедневно появляются отличные ресурсы. Они могут дать толчок развитию ваших навыков и помочь вам лучше выполнить вашу задачу.
Лучшие инструменты для CSS и JavaScript
Сборник 100%-CSS файловых иконок. Может пригодиться для дизайна страниц.
Элегантное обнуление CSS безо всякого JavaScript.
Потрясающие и отлично сделанные анимированные иконки, кнопки и символы, сделанные через CSS и SVG.
Обеспечивает последовательный рендеринг элементов, добавляет возможность использовать стили с обновлениями.
Удивительный набор быстрых анимаций на чистом CSS
Простая библиотека, добавляющая флаги на сайт.
CSS-фреймворк, использующийся в работе GitHub.
CSS-библиотека для создания галерей и слайдеров без усилий с вашей стороны.
Адаптивное меню навигации. Использует CSS-трансформации и транзиты.
Выводит статистику относительно вашего CSS
Создание flexbox за 5 минут, используя самые распространённые возможности CSS.
Поддерживаемый и обновляемый общественностью список проблем и ошибок, возникающих при создании flexbox.
Хорошо работающая, быстрая кросс-браузерная раскладка, основанная в основном на Flexbox.
Адаптивный и простой в использовании CSS-фреймворк для создания сеток.
Библиотека шаблонов для HTML и SASS на основе gulp.
Ещё один лёгкий фреймворк для фронтэнда. Помогает создавать сложные варианты дизайна веб-страниц.
Ещё один адаптивный CSS-фреймворк.
Фреймворк сразу для HTML, JavaScript и CSS.
Фреймворк для создания сеток на Sass / Stylus
Ещё одна система сеток на основе Stylus, работающая с использованием calc().
Система для создания адаптивных сеток, на основе 960grid.
Простая и понятная настраиваемая система для создания сеток на CSS.
Фреймворки для Google Material Design
Фреймворк для HTML5 UI, использующий Material Design.
Один из первых фреймворков для фронтэнда, основанный одновременно на спецификациях AngularJS и Material Design.
Лёгкий фреймворк на основе Material Designs.
Всякое разное
Отличный набор иконок на чистом CSS
Создаёт красивые анимированные градиенты, при этом работать с ним можно через веб-форму.
Помогает работать со шрифтами в локальном хранилище localStorage.
Простой способ установки Google Web Fonts на OSX.
Скрипт с открытым исходным кодом, превращающий документы Adobe Illustrator в HTML с CSS.
Библиотеки и фреймворки JavaScript
CSS-ресет.
Небольшая jQuery-подобная библиотека с акцентом на скорость и минимальное потребление ресурсов (в особенности для смартфонов и планшетов)
Фреймворк для создания SVG-виджетов
Библиотека для добавления на страницу задачек на JavaScript.
Платформа для удалённой отладки и тестирования JavaScript. Использует node.js и socket.io.
Небольшая независимая библиотека для «ленивой» загрузки.
Небольшой плагин для удобного вывода на страницу больших наборов данных.
Забавный плагин для прокрутки страницы обратно к началу.
Плагин для добавления «пасхалок» на страницы.
Небольшая библиотека для создания адаптивных сеток.
Инструмент для плавного визуального преобразования элементов DOM между собой.
Каруселька с поддержкой сенсорных экранов, простая в реализации.
Создание и использование шрифтов.
Библиотека поворачивает все текстовые смайлики на 90 градусов для комфортного просмотра.
Библиотека анимации SVG.
Набор инструментов для беспроблемного создания адаптивных страниц с поддержкой media queries.
jQuery плагин для CSS-переходов анимированных страниц.
Плагин преобразует текст в необычный вид при помощи символов Unicode.
HTML и JavaScript библиотека для трёхмерной прокрутки.
ссылка на оригинал статьи http://habrahabr.ru/post/270705/
Добавить комментарий