💎 Полезные ссылки для веб-разработчика
Ресурсы и сервисы для верстальщика
Данный список ссылок создан благодаря курсу по верстке "HTML старт: Профессия верстальщик сайтов"
Сохранить
Твитнуть
Сохранить в ВК
Класс!
В Телеграм
Поделиться
Редакторы кода
- Brackets - редактор для начинающих верстальщиков
- Sublime Text (ST) - текстовый редактор для верстки и не только
Инструменты
- Плагин HTML Валидатор для FireFox
- Плагин Auto Reload для FireFox
Плагин Emmet
- Шпаргалка по Emmet
- Статья про плагин Emmet
- Установка плагинов и Emmet на ST
- Ускорение процесса верстки. Мастер-класс по Emmet
Плагины для Sublime Text
Ускорение и оптимизация работы
Бесплатный хостинг
- Бесплатный хостинг от hostinger
- Бесплатный "хостинг" от GitHub
- Бесплатный домен
- Бесплатный хостинг от zzz.com.ua
- Бесплатный хостинг sprinthost
Песочницы для размещения кода
Программы
- FTP менеджер WinSCP Бесплатный, удобный. Рекомендую.
- Blisk - браузер для веб-разработки
- Avocode - аналог фотошопа, для экспорта графики из PSD макетов. 1 месяц триала.
Сервисы
Валидация HTML и CSS
- Валидатор HTML от W3C
- Валидатор CSS
- Нужна ли HTML-валидация?
- Генератор HTML-дерева - можно, к примеру, проверить БЭМ-именование
Справочники и подсказки
- HTML book HTML + CSS справочник
- Web Ref обновленная версия справочника
- Спец символы в HTML
- Семантика в HTML5
- БЭМ методология
- Как центрировать любой контент на странице
- 30 CSS селекторов
- Что такое фавиконка (favicon)?
- W3C How To - отличная подборка различных элементов для сайта
- Mmenu - мобильное меню
Таблицы цветов
- Палитра цветов Material
- Палитра цветов IOS7
- Наборы HTML цветов
- HailPixel Color Picker — простой способ подобрать цвета
Шпаргалки
- Описание модели FlexBox
- Список тегов которые отображаются как блочные элементы
- Список тегов которые отображаются как строчные элементы
- Слова, часто используемые в CSS-классах
- Cписок html-элементов в удобной таблице от W3C
Статьи
- Коллекция практических советов и заметок по вёрстке
- Веб-дизайн — вдохновение
- «Плоский дизайн»: с чего начать? Пять основных принципов Flat дизайна
- Курс по Прототипированию и Проектированию интерфейсов
Инструкции по SEO продвижению
- Руководство от Google
- Инструкция для самостоятельного продвижения
- Шаги по оптимизации сайта раз, два, три.
Веб-шрифты
- Google Fonts - сайт №1 с веб-шрифтами
- Webfont.ru - сайт с веб-шрифтами
- Плагин быстрого подключения шрифтов для ST от fontstorage
- Генератор веб-шрифтов
Иконки
CSS3 анимации и переходы
- Timing функции для CSS3 переходов
- Animate.css библиотека с CSS анимацией
- Wow.js JS плагин для анимации при открытии страницы
CSS3 градиенты
Оптимизация верстки
- Сжатие изображений - PNG и JPG
- Сервис работы со спрайтами
- Минификация HTML
- Минификация CSS: Раз, два, три, четыре.
- Проверка скорости загрузки сайта
JS и jQuery плагины
- Простое модальное окно
- Плагин Галереи FancyBox
- Плагин Фильтрации и Сортировки MixItUp
- Owl carousel - Библиотека для карусели
- Плагин likely для того чтобы поделиться в социальных сетях. Likely - github
- js-socials
Проверка JS кода
- JS валидатор - один и два.
- JS linter (то же самое что валидатор)
LESS препроцессор
- Препроцессор LESS
- Lesselements библиотека миксинов (подмешиваний) в LESS
- Онлайн книга по CSS препроцессору Less. Путеводитель для новичков
JavaScript и jQuery скрипты
Карусели, слайдеры
Модальные окна
- Magnific popup - плагин для модальных окон
- Модальное окно jQuery
Шпаргалки, сборники
Полезно?
Сохрани чтобы не потерять 💾
Сохранить
Твитнуть
Сохранить в ВК
Класс!
В Телеграм
Поделиться
Есть что добавить?
Хотите добавить ссылку? Пишите в комментариях, и мы добавим.