10 полезных инструментов для HTML-верстки

10 полезных инструментов для HTML-верстки

Саморазвитие

«Нетология» подобрала 10 полезных инструментов, которые пригодятся при верстке HTML: от текстовых редакторов до генераторов CSS.

Notepad++

10 полезных инструментов для HTML-верстки

Кроссплатформенный редактор, схожий с Notepad++, но обладающий множеством дополнительных функций. Подсвечивает синтаксис, автоматически сохраняет изменения в файлах, поддерживает 27 языков программирования, плагины и макросы на Python. Программа умеет запускать код без переключения в командную строку. Приложение доступно в версиях для Windows, OS X и Linux, лицензия стоит 70 долларов.

Firebug

10 полезных инструментов для HTML-верстки

Расширение для браузера Mozilla Firefox. Консоль и отладчик JavaScript, CSS и HTML, определяет часть кода, которая вызвала ошибку. Умеет редактировать код на стороне клиента в браузере.

PerfectPixel

Расширение для Google Chrome, которое накладывает на верстаемый сайт полупрозрачный макет. Оба изображения можно попиксельно сравнить и на ходу внести результат изменений кода. Поддерживает несколько слоев и их гибкую настройку, а также функцию блокировки, при которой все элементы на странице становятся кликабельными.

WinMerge

10 полезных инструментов для HTML-верстки

Удобный бесплатный инструмент под Windows для сравнения разных версий файлов, в том числе макетов верстки. Различия отображаются в визуальной текстовой форме, из которой видно, что изменилось в проекте в новой версии.

WinLess

10 полезных инструментов для HTML-верстки

Бесплатная Windows-программа для работы с препроцессором LESS. Он представляет из себя надстройку над CSS с дополнительными динамическими свойствами. WinLess поможет конвертировать LESS в CSS. Программа автоматически сканирует выбранную папку и выбирает файлы, которые содержат нужный код.

CSS3 Generator

10 полезных инструментов для HTML-верстки

Минималистичный инструмент для генерации CSS-кода под множество предустановленных задач.

Ultimate CSS Gradient Generator

10 полезных инструментов для HTML-верстки

Сервис для генерации градиентов. Результат сразу отображается в боковой панели в виде кода.

Livetools Ui Parade

10 полезных инструментов для HTML-верстки

Подборка из четырех бесплатных генераторов элементов для макета: кнопок, форм, иконок и ленточек. Результат можно выгрузить в виде кода HTML или CSS.

10 полезных инструментов для HTML-верстки

павел федоров

Редактор Нетологии

курс для начинающих

Старт в программировании

Узнать больше

  • Научитесь писать код за две недели
  • Создайте свой первый проект — небольшую игру для индивидуального подсчёта продолжительности жизни и мотивации
  • Сделайте шаг к новой профессии

Page Ruler

10 полезных инструментов для HTML-верстки

10 полезных инструментов для HTML-верстки Читать еще

10 полезных инструментов для HTML-верстки Обучение

Мнение автора и редакции может не совпадать. Хотите написать колонку для Нетологии? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.

Оцените статью

Средняя оценка 5 / 5. Всего проголосовало 1