Редактировать

Инструменты

  • Pixel Perfect браузерное дополнение для наложения png на живую верстку

  • Avocode кросплатформенное приложение для удобного получения информации о размерах блоков, шрифтов, и прочих нюансов верстки (ПЛАТНЫЙ)

Web-сервисы

CSS Grids

  • Bootstrap 3 Grid SASS Link to npmjs

    yarn add bootstrap-sass-grid
    
  • Bootstrap 4 Grid SASS Link to npmjs

    yarn add bootstrap-4-grid
    

    Рекомендуемые плагины, библиотеки и дополнения Vanilla JS

Загрузка файлов drug and drop

Рекомендуемые плагины, библиотеки и дополнения Vue

Рекомендуемые плагины, библиотеки и дополнения jQuery

Иконочные шрифты

  • Font awesome

    Получение

    yarn add --dev @fortawesome/fontawesome-free
    

    Пути для подключения

    css: [
    	vendorsPath + '/@fortawesome/fontawesome-free/css/all.min.css',
    ],  
    

    Скопировать папку со шрифтами /node_modules/@fortawesome/fontawesome-free/webfonts в /src/

Слайдеры

Счетчики

Parallax

Полноэкранная прокрутка

Горизонтальная прокрутка (вместо вертикальной)

Вариативное поведение элементов при прокрутке

Трансформация текста

Всплывающие окна

Всплывающие подсказки (tooltips)

Изменение страницы при прокрутке

Анимированная прокрутка страницы

Анимированная отрисовка линий

Прокрутка к элементу страницы

Валидаторы

  • jQuery Validation Plugin

    Валидация полей формы

    Получение плагина

    yarn add jquery-validation
    

    Пути для подключения

    js: [
      vendorsPath + '/jquery-validation/dist/jquery.validate.js',
      vendorsPath + '/jquery-validation/dist/localization/messages_ru.js',
    ],
    
  • validPic.js

    Валидация файлов изображений на основе mimetypes

    Получение плагина

    yarn add validpic.js
    

    Пути для подключения

    js: [
      vendorsPath + '',
    ],
    

    Работа с буфером обмена

  • clipboard.js

    Получение плагина

    yarn add clipboard
    

    Пути для подключения

    js: [
      vendorsPath + '...',
    ],
    

Библиотеки

Кастомизация элементов

Маски ввода

Выпадающие списки

Рейтинг звезды

Scrollbar

Фиксация элементов

Zoom при наведении

Элементы интерфейса

Меню

Кнопка “гамбургер”

Табы (адаптивные)

Графики

Аудио и видео плееры

Прочее

Требующие рассмотрения