Блог о веб программировании

3 декабря 2017 г.

Полезные библиотеки для фронтэнд - разработчика

JS

Modernizr - это JavaScript библиотека, определяющая наличие поддержки разных возможностей HTML5\CSS3.

Moment.js - это отличная библиотека для работы с датами в JavaScript.

Fullpage.js — Набор простых для реализации полностраничных скролл-свойств

Highlight.js — Подсветка синтаксиса для страниц

Chart.js — Набор красивых диаграмм, созданных на чистом JavaScript

Chartist — Еще одна библиотека с диаграммами

Typeahead.js — Продвинутый поиск и авто-заполнение

jInvertScroll — Эффект горизонтальной прокрутки Parallax

Dragdealer.js — Библиотека с множеством крутых эффектов для перемещения анимаций

Pagepiling.js — Прокрутка в пределах одной страницы

One page scroll — Прокрутка в пределах одной страницы

Favico.js — Динамические фавиконы

Anime.js — Библиотека различных анимаций для JavaScript

Sortable — Примеры кода для перетаскивания и удаления элементов на странице

JQuerymy — Двусторонняя привязка данных с помощью jQuery

Cleave.js — Форматирование содержимого при наборе текста

Nice select — Библиотека jQuery для создания красивых полей выбора

Tether — Эффективное прикрепление элементов страницы с абсолютным расположением

Shepherd.js — Путеводитель для пользователей вашего сайта

Tooltip — Название говорит само за себя...

Select2 — Настройка полей выбора с помощью jQuery

IziModal — Всплывающие окна, реализованные с помощью простого JavaScript

FilePond - JavaScript библиотека для загрузки файлов любого типа. Файлы можно перетаскивать, копировать и вставлять из буфера обмена, кидать в виде ссылок на внешние источники. Библиотека имеет встроенные инструменты для сжатия и обрезки изображений.

ToastUI Chart - Одна из JavaScript библиотек для визуализации данных. Помогает строить красивые диаграммы, поддерживает множество типов различных графиков, проста в использовании и легко кастомизируется. ToastUI Chart поддерживает множество браузеров, включая IE8.

TensorFlow.js - Открытая библиотека для определения, тренировки и развертывания моделей машинного обучения в браузере. Позволяет строить нейронные сети с нуля, используя высокоуровневое API, умеет импортировать переобучать и запускать существующие нейронные сети. Поддерживает WebGL и умеет подключать к работе вычислительные мощности видеокарты.

Библиотеки CSS / Дизайн-инструменты

Animate.css — Библиотека анимаций

Material design lite — Фреймворк, основанный на материальном веб-дизайне от Google

Flat UI Colors — Список простых и эффективных цветовых гамм

Colorrrs — Генератор случайных цветовых гамм

DynCSS — Добавление функций в CSS, необходимых для добавления динамических свойств веб-страницам

CSSpin — Коллекция виртуальных CSS-спиннеров для вашего сайта

Tabler - Компонентная панель администратора с открытым кодом, созданная на Bootstrap 4. Абсолютно адаптивная, легко встраивается в проект, поддерживает все соглашения по коду от Bootstrap. 

Иконки

Feather icons — Иконки

Ion icons — Иконки

Font awesome — Иконки

On/Off switch — Создание переключателя «on/off» с помощью CSS

Material Design Icons - Простой, красивый и современный набор иконок от Google. Содержит более 900 иконок, которые можно кастомизировать через CSS. Иконки векторные, так что будут хорошо смотреться на всех разрешениях и типах экранов.

 

CSS фреймворк

UI Kit — Фреймворк

Bootstrap — Фреймворк

Foundation — Фреймворк

WYSIWYG

ContentTools - Визуальный редактор для фронтэнда

 

Понравился пост? Поделитесь ссылкой с друзьями, они оценят:

Комментарии

Загрузка...

не будет публиковаться на сайте