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

Полезные ресурсы

Изучение HTML/CSS/JavaScript/PHP

w3.org - Консорциум Всемирной паутины
whatwg.org - рабочая группа с технологий использования гипертекста в Вебе
developer.mozilla.org - ресурсы для разработчиков от разработчиков Mozilla
w3schools.com - школа w3schools
w3schoolsrus.github.io - школа w3schools на русском языке
w3schoolsua.github.io - школа w3schools українською мовою
html5css.ru - аналог w3schools
schoolsw3.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 - бесплатные интерактивные онлайн курсы на русском языке

Справочники

Проверка HTML/CSS кода

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

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

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

photoshop-master.ru - уроки по Photoshop
compressor.io - компрессор изображений форматов jpg, png, gif, svg
jakearchibald.github.io - компрессор изображений формата svg
kraken.io - пережимает и оптимизирует изображения
imagecompressor.com - пережимает и оптимизирует изображения
jpeg-optimizer.com - пережимает и оптимизирует jpg изображения
imagerecycle.com - пережимает и оптимизирует изображения и pdf
imagify.io - пережимает и оптимизирует изображения
iloveimg.com - пережимает, конвертирует, изменяет размер изображення + pdf
tinypng.com - пережимает и оптимизирует изображения формата jpg, png
vectorizer.io - конвертация иконок с png в svg
fancy-border-radius - генератор сложных фигур
depositphotos.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

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

PHPStorm (IDE) - коммерческая кросс-платформенная интегрированная среда разработки для HTML/CSS/JS/PHP
WebStorm (IDE) - интегрированная среда разработки для HTML/CSS/JavaScript
Dreamweaver - визуальный HTML-редактор от компании Adobe
NetBeans (IDE) - свободная интегрированная среда разработки для языков программирования Java, JavaFX, C/C++, PHP, JavaScript, HTML5, Python, Groovy
Visual Studio Code (IDE) - редактор кода от Microsoft (Темы для VSCode)
SublimeText3 - кроссплатформенный текстовый редактор (HTML/CSS/JavaScript та ін.)
Atom - свободный редактор кода от GitHub
Brackets (Adobe) - бесплатный редактор кода от Adobe
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 - Конструктор соц.кнопок для сайта
pixabay.com - Бесплатные фото для сайта

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

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

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

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

Браузеры

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

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

Временные email

COLOR PICKER