Полезные ресурсы для веб-разработчиков

Веб-разработка

w3.org - Консорциум Всемирной паутины
whatwg.org - рабочая группа с технологий использования гипертекста в Вебе
developer.mozilla.org - ресурсы для разработчиков от разработчиков Mozilla
w3schools.com - школа w3schools
css.in.ua - справочник w3schools на украинском языке
www.freecodecamp.org - Изучение веб-технологий.
webref.ru - сайт-справочник по HTML/CSS/JS/PHP и др.
htmlbook.ru - учебник и справочник по HTML/CSS
html5book.ru - учебник по HTML/CSS
ruseller.com - уроки по созданию сайтов
githowto.com - бесплатные интерактивные курсы по основам Git
code-basics.ru - бесплатные курсы по основам PHP, JavaScript, Python
ru.reactjs.org - Официальный сайт по документации ReactJS на русском языке
https://prometheus.org.ua/ - бесплатные интерактивные онлайн курсы украинских ВУЗов (укр.)
stepik.org - бесплатные интерактивные онлайн курсы на русском языке

Справочники

Проверка и оптимизация

validator.w3.org - валидатор HTML от w3.org
jigsaw.w3.org - валидатор CSS
htmlcompressor.com - компрессор HTML-кода
compressor.andona.click - компрессор HTML/CSS/JS
dirtymarkup - преобразователь кода в удобочитаемый
caniuse.com - проверка кроссбраузерности кода
html5please.com - проверка поддержки кода браузерами
developers.google.com/speed/ - оптимизация кода
frontendchecklist.io - чек-лист для проверки требований к сайта

Создание карты сайта

SEO оптимизация

Работа с изображениями

compressor.io
online-convert.com
jakearchibald.github.io
kraken.io
imagecompressor.com
jpeg-optimizer.com
imagerecycle.com
imagify.io
iloveimg.com
tinypng.com
punypng.com
vectorizer.io - конвертация иконок с png в svg
fancy-border-radius - генератор сложных фигур
depositphotos.com - стоковые фотографии, изображения, векторы

Песочницы для кода

jsfiddle.net - песочница для JavaScript
codepen.io - песочница для HTML, CSS, JavaScript
liveweave.com - онлайн-редактор для HTML/CSS/JavaScript
jsbin.com - онлайн-редактор для HTML/CSS/JavaScript/Console
cssdeck.com - создание еффектов с помощью CSS и JavaScript
repl.it - написание кода онлайн на разных языках программирования

Шрифты

Иконки

Система управления версиями

github.com - самый популярный веб-сервис для совместной разработки программного обеспечения
gitlab.com - веб-сервис аналог GitHub
bitbucket.org - веб-сервис аналог GitHub
learngitbranching.js.org - интерактивний учебник по Git
https://git-scm.com/book/uk/v2 - учебник по работе с Git

Работа с дизайн-макетами

Adobe Photoshop (trial) - программа для работы с psd-макетами
Avocode.com - платформа для работы с макетами для веб-разработчиков
Figma.com - векторный онлайн-сервис разработки интерфейсов
Zeplin.io - работа с дизайн-макетами в браузере
Studio.psdetch.com - инструмент для работы с макетами онлайн

Шпаргалки

adam-marsden.co.uk - Шпаргалка по CSS
jquery.page2page.ru - Шпаргалка по Jquery
docs.emmet.io - Шпаргалка по Emmet
howtocenterincss.com - Как центрировать в CSS
codyhouse.co - Библиотека готовых решений
css-gradient.com - CSS градиент
w3.org - CSS-стандарты. Справочник
nisnom.com - Сборник HTML, CSS, JavaScript, jQuery компонентов
know-it-all.io - Что необходимо знать веб-разработчику

Все по Wordpress

Редакторы кода, IDE

PHPStorm (IDE) - коммерческая кросс-платформенная интегрированная среда разработки для HTML/CSS/JS/PHP
WebStorm (IDE) - интегрированная среда разработки для HTML/CSS/JavaScript
Visual Studio Code (IDE) - редактор кода от Microsoft
(Темы для VSCode)
Dreamweaver - визуальный HTML-редактор от компании Adobe
NetBeans (IDE) - свободная интегрированная среда разработки для языков программирования Java, JavaFX, C/C++, PHP, JavaScript, HTML5, Python, Groovy
Eclipse (IDE) - свободная модульная интегрированная среда разработки программного обеспечения
Atom - свободный редактор кода от GitHub
Brackets (Adobe) - бесплатный редактор кода от Adobe
SublimeText3 - кроссплатформенный текстовый редактор (HTML/CSS/JavaScript та ін.)
Notepad++ - свободный текстовый редактор для Windows

Разное

Slick - создание адаптивных слайдеров
Magic animations - кроссбраузерные анимации на CSS
It's Tuesday - простые анимации на CSS
tympanus.net - Анимированные кнопки на CSS
ru.stackoverflow.com - Вопросы и ответы для программистов
Zeal - автономный браузер документации для разработчиков
css-live.ru - HTML, CSS, JavaScript - все для фронтенда
nisnom.com - Сборник HTML, CSS, JS компонентов
css-grid-layout-generator.pw - Генератор CSS Grid
online-convert.com - Онлайн-конвертер
color.hailpixel.com - Палитра цветов
convertio.co - Онлайн-конвертер разных форматов
robotstxt.org - База данных поисковых роботов Интернета
10fastfingers.com - Скорость печати на клавиатуре
disqus.com - Сервис комментариев для сайта
hypercomments.com - Система комментариев для сайта
usocial.pro - Конструктор соц.кнопок для сайта

Полезные плагины для Chrome

VPN-плагины для браузеров

Полезные сайты

Сайты-блоги для веб-разработчиков

Браузеры

Торрент клиенты

Файловые менеджеры

Временные email