⚙️
Front-end patterns
  • Введение
  • Шаблоны
    • Эффекты CSS
      • Overlay
      • Анимация display:none
      • Текст
        • Фон текста градиент с анимацией
      • Элементы формы
        • Вертикальное выравнивание placeholder по вертикали
      • Ссылки
        • Градиент как основной цвет
        • Линия под ссылкой ездит слева направо при наведении
      • Скрывать блок .clipped
    • Модальное окно
      • Dialog
    • Элементы формы
      • Select
      • Radio
      • CheckBox
      • Ввод текста (input)
        • Телефон (tel)
        • Почта (email)
      • Кнопка
    • Вкладки/Списки
      • Вкладки или Табы (tabs)
      • Аккордеон (Accordion)
    • Навигация
      • Основная и дополнительная навигация на сайте
        • Анимирование основной навигации
      • Пропустить навигацию
      • Хлебные крошки (Breadcrumbs)
      • Кнопка основной навигации (Бургер)
    • Структуры
      • Контейнер
      • Столбцы
      • Прогресс
      • Горизонтальная прокрутка карточек
      • Цитата
    • Тэги (семантика)
      • Текст
      • Логика
    • Увеличить скорость загрузки страницы
    • Шрифты
  • JS
    • Прокрутка страницы
    • Анимация элементов
  • A11Y
    • Фокус с клавиатуры
    • No sort
  • WordPress
    • Решения и подсказки
    • Плагины
    • Натягиваем сайт
      • Пустая тема
      • Делаем главную (пустую) страницу
      • Подключаем стили и js
      • Заменяем содержимое файлов (header, footer, page)
    • Свой плагин
      • Шаблон
      • Административная часть
      • Пользовательская часть
      • Локализация плагина
  • Ghost
    • Создание своей темы
      • Фалы шаблона
        • Partials
          • footer.hbs
          • header.hbs
          • post_card.hbs
        • index.hbs
        • default.hbs
        • post.hbs
      • Переменные
      • Циклы, условия и функции
  • Visual Studio
  • Gulp
    • Deploy on GitHub
    • Плагин
    • Моя сборка
      • Изображения
  • Регулярные выражения
  • Алгоритмы
    • Поиск
    • Сортировка
    • Поиск в ширину (глубину)
    • Типы данных
  • Конструкторы сайтов
Powered by GitBook
On this page

Was this helpful?

Visual Studio

Плагины

  • Emmet - уже встроенный в редактор

  • Material Theme - приятная на глаз тема

  • Live Server - сервер который обновляет страницу при сохранении

  • CSS Peek - позволяет редактировать класс прямо в html или переходить сразу к классу.

  • CSS Navigation - аналогично прошлому/

  • Bracket Pair Colorizer - Делает скобки одного цвета различной вложенности.

  • Prettier - Позволяет привести текст к красивому(читаемому) виду.

  • Auto Rename Tag - второй тэг автоматически будет меняться

  • Path Autocomplete - устарел (есть в Emmet)

  • Lorem Ipsum - устарел (есть в Emmet)

  • IntelliSense for CSS class names in HTML - выводит названия классов при создании блоков

  • Google fonts - Автоматически добавляет в код шрифты с google fonts

  • Scss intelliSense - расширяет возможности редактора при работе с scss файлами

  • scss formater - форматирует текст к красивому виду

  • Auto complete tag - понятно из названия

  • Ident-rainbow - раскрашивает текст согласно отступам

  • eCSStractor - копирует имена классов для добавления их в файл стилей

  • Image Preview - появляется маленькое изображение на полях где использована картинка

  • Vscode Google Translate - переводит на разные языки текст прямо в редакторе

  • Project Manager - добавляется папка в меню, где можно управлять папками с проектами.

PreviousЦиклы, условия и функцииNextGulp

Last updated 4 years ago

Was this helpful?