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

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

1. VS Code – мощный редактор (IDE)
2. Sublime text 3 – удобный и быстрый редактор кода
3. Atom – крутой редактор от GitHub
4. Brackets – подходит для начинающих
5. Notepad ++ – легендарный редактор

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

1. JS fiddle – Песочница для JavaScript
2. CodePen – Песочница для HTML, CSS о JS
3. CSS Desk – Еще одна песочница

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

1. Сompressor – Сжимает JPG и PNG
2. Tiny png – Сжимает изображения. Есть API.
3. Vectorizer – Из растрового в векторное изображение
4. Online-Convert – Бесплатный конвертер из растрового в векторное изображение

Шпаргалки

1. FlexBox – шпаргалка по Flexbox
2. Html5book – шпаргалка по HTML, CSS, JavaScript и jQuery
3. HTML Book – шпаргалка по HTML и CSS
4. CSS Cheat Sheet – шпаргалка по CSS
5. jQuery page2page – шпаргалка по jQuery
6. Emmet Cheat Sheet – шпаргалка по Emmet
7. WebReference - ещё одна шпаргалка по HTML5 и CSS3. Также данный сайт опубликовал свои шпаргалки в виде приложений на Google Play.
8. easings - Шпаргалка функций плавности

Генераторы CSS

1. CSS3gen – CSS генератор кнопок, градиентов, бордеров,теней трансформации, фона, анимаций

Шрифты

1. Google Fonts – Веб-шрифты от Google
2. Transfonter – Конвертер веб-шрифтов
3. Фонтов.нет – Подбор шрифта по фразе
4. Fonts4web – Шрифты для сайтов

Проверка кода

1. Can I Use – Кроссбраузерность кода
2. Validator W3 – Валидность HTML-кода
3. PageSpeed Insights – Проверка оптимизации страницы
4. Mobile Friendly – Оптимизирована ли ваша страница для мобильных устройств
5. Find Dublicate Content on your site – Проверка уникальности текста на сайте

Лайфхаки для верстальщика

1. How To Center in CSS – центрируйте всё
2. CodeHouse – крутые подборки готовых решений на CSS и jQuery без плагинов
3. Learn Git Branching – интерактивный учебник по Git

Полезные jQuery плагины

1. Slick – Адаптивный слайдер
2. Owl Carousel – Адаптивный слайдер-карусель
3. Tooltipster – Создание всплывающих подсказок
4. Flatpickr – Всплывающие окна с выбором даты
5. Vide – Видеофон для сайта
6. Masked Input – Плагин маски ввода для input

Иконки и графика

1. Flaticons – бесплатные векторные иконки
2. Seeklogo – векторные логотипы компаний
3. SVG Porn – векторные логотипы
4. TOP Logos – логотипы компаний (русские)
5. Font Awesome – иконочный шрифт + SVG
6. UTF-8 Icons – иконки на utf-8
7. Fontello – шрифтовые иконки. Шрифты генерируются на ходу из выбранных иконок, доступны иконки из 14 популярных шрифтов.
8. IconMonster – бесплатные векторные иконки
9. IcoMoon – векторные иконки

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

1. Avocode – платформа для работы макетами для верстальщиков (PSD, Sketch и др)
2. Adobe Assets – работа с PSD-макетами прямо в браузере. Экспорт кода.
3. Zeplin – работа с дизайн-макетами в браузере. Есть экспорт кода.
4. PSD Tech – бесплатный аналог Avocode.
5. Markupeasy – бесплатный аналог Avocode.

Библиотеки с анимациями

1. Animate.css – библиотека CSS анимаций
2. Magic – кроссбраузерные анимации
3. It's Tuesday. – простые и приятные CSS анимации

Прочее

1. Coverr – Короткие видео для фона на сайт
2. Subte Patterns – Фоны для сайта
3. Генератор UTM-меток
4. Underscores - Пустая тема для Wordpress
5. Minify - CSS и JS минификатор
6. Unminify - Анминификатор для HTML, CSS, JS

Обучающая литература

1. You Don't Know JS – перевод серии книг по JavaScript.
2. learn.javascript.ru – учебник по JavaScript.