Templated
- TEMPLATED – Free CSS, HTML5 and Responsive Site Templates
- FreeHTML5 - Free Website Templates, Free HTML5 Templates Using Bootstrap Framework
- Colorlib – 500+ Free Website Templates | HTML & Bootstrap 2019 - Colorlib
- Start Bootstrap - Free Bootstrap Themes and Templatesх
- BootstrapMade – Free Bootstrap Themes and Website Templates
- HTML5 UP! – Responsive HTML5 and CSS3 Site Templates
Frameworks
- Bootstrap – Build responsive, mobile-first projects on the web
- Materialize - A modern responsive front-end framework based on Material Design
- Skeleton – A dead simple, responsive boilerplate.
- mdbootstrap - Material Design for Bootstrap
- BootstrapMade – Free Bootstrap Themes and Website Templates
- Material – Build beautiful, usable products using Material Components for the web.
Редакторы кода
- VS Code – мощный редактор (IDE)
- Sublime text – удобный и быстрый редактор кода
- Atom – крутой редактор от GitHub
- Brackets – подходит для начинающих
- Notepad ++ – легендарный редактор
Песочницы для кода
Работа с изображениями
- freepik-Find Free Vectors, Stock Photos, PSD and Icons
- Pexels-The best free stock photos & videos shared by talented creators.
- Сompressor – Сжимает JPG и PNG
- Tiny png – Сжимает изображения. Есть API.
- placeholder.com – Placeholder.com: Placeholder Images Done For You [JPG, GIF & PNG]
Шпаргалки
- HTML Book – шпаргалка по HTML и CSS
- CSS Cheat Sheet – шпаргалка по CSS
- jQuery page2page – шпаргалка по jQuery
- WebReference - ещё одна шпаргалка по HTML5 и CSS3. Также данный сайт опубликовал свои шпаргалки в виде приложений на Google Play.
- Grid CSS - Шпаргалка по Grid CSS
- БЭМ - Популярные названия классов HTML/CSS
- Flexbox CSS - Шпаргалка по Flexbox CSS
Шрифты
- Google Fonts – Веб-шрифты от Google
- It's Canva. – Canva-Font Combinations
- Transfonter – Конвертер веб-шрифтов
- Фонтов.нет – Подбор шрифта по фразе
- Fonts4web – Шрифты для сайтов
Проверка кода
- Can I Use – Кроссбраузерность кода
- Validator W3 – Валидность HTML-кода
- PageSpeed Insights – Проверка оптимизации страницы
Лайфхаки для верстальщика
- How To Center in CSS – центрируйте всё
- Автопрефиксер CSS онлайн – Автопрефиксер — плагин для PostCSS для добавления вендорных префиксов в CSS
- css3generator.com – CSS3 Generator
- CodeHouse – крутые подборки готовых решений на CSS и jQuery без плагинов
- Learn Git Branching – интерактивный учебник по Git
Полезные jQuery плагины
- Slick – Адаптивный слайдер
- Owl Carousel – Адаптивный слайдер-карусель
- Tooltipster – Создание всплывающих подсказок
- flatpickr – Всплывающие окна с выбором даты
Иконки и графика
- Flaticons – бесплатные векторные иконки
- Seeklogo – векторные логотипы компаний
- SVG Porn – векторные логотипы
- TOP Logos – логотипы компаний (русские)
- Font Awesome – иконочный шрифт + SVG
- UTF-8 Icons – иконки на utf-8
Работа с дизайн-макетами
- Avocode – платформа для работы макетами для верстальщиков (PSD, Sketch и др)
- Adobe Assets – работа с PSD-макетами прямо в браузере. Экспорт кода.
- Zeplin – работа с дизайн-макетами в браузере. Есть экспорт кода.
- PSD Tech – бесплатный аналог Avocode.
Библиотеки с анимациями
- Animate.css – библиотека CSS анимаций
- Magic – кроссбраузерные анимации
- It's Tuesday. – простые и приятные CSS анимации
- AOS – AOS - Animate on scroll library
Работа с цветом
- Color Hunt – Beautiful Color Palettes
- Color Hexa – Color Hexa.
- Gradients.io – работа с Градиентом.
- Color schemes – The super fast color schemes generator!
- In color balance-Подбор цвета