- html&css кодстайл: оригинал на английском, перевод
- js кодстайл: от Airbnb, от javascript.ru
- общие стандарты и рекомендации оформления кода
- Словарь терминов по фронтенду
- (1) Слова, часто используемые в CSS-классах, (2) Типичные названия классов в HTML, (3) Слова и сокращения в CSS-классах
- Коллекция практических советов и заметок по вёрстке
- Front-End Developer Handbook 2017
- Шпаргалка по Flexbox (CSS3 Flexible Box)
- Спецификация для разработчиков от WHATWG, 2, последняя спецификация от консорциума W3C
- Напоминалка по выбору html5 тегов
- http://html5doctor.com/ — для тех, кто сомневается какой тег использовать
- http://bitsofco.de/2015/sectioning-content-in-html5/ — свежая статья про выбор
<div>,<section>или<article>(eng) - http://pepelsbey.net/pres/sense-coding/ — старо, но актуально (лекция Макеева)
- http://pepelsbey.net/2011/07/sense-coding/ — к презентации Макеева
- http://design-for-business.ru/analytics/articles/id/504.htm — про сетку на сайте
- Про вертикальный ритм, столь важный для типографики, 2
- http://pepelsbey.net/2013/05/flexbox-gotcha/
- http://html5.by/blog/flexbox/
- http://bennettfeely.com/flexplorer/
- https://github.com/philipwalton/flexbugs
- http://bitsofco.de/6-reasons-to-start-using-flexbox/
- https://www.smashingmagazine.com/2016/02/the-flexbox-reading-list/
- Интерактивный игровой туториал по flexbox
- Игрухи на прохождение: раз, два
- Сборник ресурсов по флексбоксам
- Толковая обучалка, если есть немного времени
- Игра-обучалка
- Очень краткое руководство-шпаргалка
- Крутой перевод крутой статьи про гит: читается на одном дыхании, практически все возможности гита очень доступным языком
- Слегка сумбурное видео от меня на примере техномарта), ссылка на гит-репу из видео, если кому интересно)
- Более детальное руководство-обучалка)
- Хороший список туториалов от atlassian (en)
- Понятные и наглядные обучалки от гитхаба (en)
- 19 советов по повседневной работе с Git
- Шпоргалка по гиту и ещё одна
- Эффективное использование Github
- Ох, твою мать, git!
- Иконки для коммитов в гитхабе
- Git: подстраховка для ваших проектов
- Детальный разбор как работает z-index
- Как работают браузеры: принципы работы современных веб-браузеров
- О сборке front-end проекта
- Производительность анимаций
- Хинтинг ресурсов в браузере с помощь Prefetch, Preconnect и Prerender
- Серия статей про Web Animations API:
- PostCSS Quickstart Guide: Gulp Setup
- 4 мифа о PostCSS
- Интересные и необычные CSS рецепты (En)
- О PostCSS от его создателя
- Как валидировать Sass/CSS с Stylelint (En)
- «Эстетичный Sass», серия статей:
- http://freebiesbug.com/psd-freebies/website-template/
- http://www.freepik.com/free-psd/web-templates
- https://psdrepo.com/tag/free-psd-website-templates/
- https://symu.co/freebies/templates-4/
- https://dcrazed.com/free-photoshop-psd-website-templates/
- http://blazrobar.com/tag/full-website-design/