Образование, карьера, софт-скилы

2022

Вёрстка баннера Выпуск 344 14 ноября 2022
• Inside the mind of a frontend developer: Hero section

Курс WebPageTest Выпуск 340 17 октября 2022
• Lightning-Fast Web Performance Online Course,

Learn HTML/a11y Выпуск 338 5 октября 2022
• Learn HTML
• Learn Accessibility

Доступность в Доке Выпуск 335 12 сентября 2022
• Дока
• Раздел по доступности в Доке
• Ишью с лейблом a11y

Должен ли фронтендер
• Выпуск 333 29 августа 2022 The web is a harsh manager

Курс по доступности Выпуск 328 25 июля 2022
• Testing Accessibility
• Thrilled to announce my self-paced a11y workshop series

Читать ли спеки Выпуск 318 24 января 2022
• Как читать W3C-спецификации

2021

Веб-альманах Выпуск 311 6 декабря 2021
• Markup
• CSS
• JavaScript

Сложный фронтенд Выпуск 309 23 ноября 2021
• Some notes on using esbuild

Web Almanac Выпуск 309 23 ноября 2021
• Web Almanac 2021
• Web Almanac Contributors

Learn на Web.Dev Выпуск 307 8 ноября 2021
• Learn Responsive Design
• Learn Forms
• Learn PWA

Экосистема 2021 Выпуск 305 25 октября 2021
• Состояние экосистемы разработки в 2021 году

Что такое Дока Выпуск 304 18 октября 2021
• Сайт Доки
• Контент Доки
• Платформа Доки

Порядок в голове Выпуск 301 27 сентября 2021
• Getting Your head Straight: A New CSS Performance Diagnostics Snippet

Сложный фронтенд Выпуск 299 14 сентября 2021
• Иван Ботанов в Твиттере
• Канал «В офисе»

Обучение через игру Выпуск 299 14 сентября 2021
• Interactive learning tools for front-end developers

Канон ВК. Выпуск 290. 13 июля, 2021
• Публикуем «Канон» — библиотеку знаний дизайнеров ВКонтакте
• Тред про удалённую работу в Злых марсианах

Веб-платформа Выпуск 288 28 июня 2021
• Как организована веб-платформа

Зачем и как TDD Выпуск 284 31 мая 2021
• TDD: зачем и как, доклад на Frontend Crew

Мониторинг фронтенда Выпуск 282 17 мая 2021
• Солидные фронтенды: мониторинг

Матрица компетенций Выпуск 278 19 апреля 2021
• Матрица компетенций

Индивеб и Dev Tips Выпуск 277 12 апреля 2021
• Dev Tips
• Webmention.io
• Адвент-календарь постов про Индивеб

История веба Выпуск 272 9 марта 2021
• История фронтенда: Браузер, который умел всё

Офер в Яндекс за день Выпуск 271 1 марта 2021
• One Day Offer в Яндекс

Прагматичные книги Выпуск 268 9 февраля 2021
• The Pragmatic Programmers

2020

Веб-альманах 2020 Выпуск 260 15 декабря 2020
• The 2020 Web Almanac

Как сверстать сторис Выпуск 259 8 декабря 2020
• Building a Stories component

Верстать как в 2008 Выпуск 259 8 декабря 2020
• Верстать как в 2008, или Флэшбеки олдфага

Дизайнер в Яндексе Выпуск 254 4 ноября 2020
• Designing in the Browser

Опрос MDN Выпуск 252 19 октября 2020
• MDN DNA Survey

Математика для фронтендера Выпуск 247 15 сентября 2020
• Временные функции и траектории для анимации
• Математика для программиста

Генераторы статики Выпуск 247 15 сентября 2020
• Знакомство с генератором статики Eleventy

Интересное с Web.Dev Live Выпуск 237 7 июля 2020
• Web.Dev Live, 1 день
• Web.Dev Live, 2 день
• Web.Dev Live, 3 день
• Image compression deep-dive
• Картинки как коробки. Что же там внутри?
• Показываем картинки пользователю: подробное руководство
• 10 modern layouts in 1 line of CSS
• 1-Line Layouts
• Building better in the world of build tools!
• Tooling.Report

Путь фронтендера на MDN Выпуск 234. 15 июня 2020
• MDN Front-end learning pathway

Автоматизация рефакторинга Выпуск 228. 5 мая 2020
• Рефактори как будто никто не видит

Как дизайнерам учить код Выпуск 224. 6 апреля 2020
• 1. The Terminal And Text Editors
• 2. Git, HTML/CSS, Engineering Principles

История URL Выпуск 222. 24 марта 2020
• The History of the URL

Софт-скилы Выпуск 219. 3 марта 2020
• Почему не надо становиться руководителем
• Карьерная трансформация софт-скилов

2019

Новогодние акции HTML Academy Выпуск 210. 31 декабря, 2019
• 2019: Очень странный Новый год
• 2018: Остановили Рагнарёк
• 2017: Победа над Витахультом
• 2016: Новогодняя гонка
• 2015: Первая новогодняя акция

ШРИ Яндекса Выпуск 209. 24 декабря, 2019
• Регистрация в ШРИ
• Доклад про ШРИ на Я.Субботнике

Красивый код и быстрый код Выпуск 208. 16 декабря, 2019
• The unseen perf costs of CSS-in-JS in React apps
• JavaScript component-level CPU costs

Зачем фронтендеру Docker? Выпуск 208. 16 декабря, 2019
• Docker для фронтендера. Часть 1. Зачем?

10 лет фронтенда на графике Выпуск 207. 9 декабря, 2019
• Больше 10 лет фронтенда
• Репозиторий на Гитхабе

Снимок веба 2019 Выпуск 204. 18 ноября, 2019
• Web Almanac 2019
• WA: JavaScript
• WA: CSS
• WA: Markup
• JS Foundation

JavaScript в ВУЗах Выпуск 190. 19 августа, 2019
• Основы программирования с примерами на JS
• Learnable Programming
• Wallaby.js & Quokka.js, Дмитрий Махнёв

Зачем нужны основы Выпуск 189. 19 августа, 2019
• The web without the web

Инди-опенсорс Выпуск 174. 6 мая, 2019
• Storeon
• Nanoid
• Size Limit

Образование онлайн и офлайн Выпуск 167. 1 апреля, 2019
• An illustrated (and musical) guide to map, reduce, and filter
• Standardizing WASI to run WebAssembly outside the web
• Компьютерная школа Hillel
• JavaScript.Ninja
• Курс «Основы JavaScript»

Роботы нас не заменят Выпуск 163. 4 марта, 2019
• Learnability can be undecidable

SVG, таблицы, гриды и кнопки Выпуск 161. 18 февраля, 2019
• Making Future Interfaces: Inline SVG
• Table Design Patterns On The Web
• The Dark Side of the Grid
• Links that don’t go anywhere should be buttons

JavaScript в ВУЗах Выпуск 157. 21 января, 2019
• 100 видео-лекций по программированию
• Курс лекций по JavaScript и Node.js в КПИ
• MIT Software Studio
• Harvard CS50 Seminars

2018

Фулстек как единорог Выпуск 153. 27 декабря, 2018
• Reluctant Gatekeeping: The Problem With Full Stack

Опасный опенсорс Выпуск 149. 3 декабря, 2018
• Event-stream vulnerability explained
• Snyk

Фигуры и шрифты Выпуск 149. 3 декабря, 2018
• Making Future Interfaces: Unusual Shapes
• Should I Use JavaScript to Load My Web Fonts?

Хромой фулстек и вакансия Выпуск 148. 26 ноября, 2018
• 10 things to learn for becoming a solid full-stack JS developer
• How Full Stack Development is destroying the web
• Разработчик в Чатру

Основы веба Выпуск 148. 26 ноября, 2018
• From URL to Interactive
• Server to Client
• Tags to DOM
• Braces to pixels

Почему у дизайнеров не получается Выпуск 145. 5 ноября, 2018
• Почему у дизайнеров не получается изучать веб-технологии?
• Блог Вадима Макеева на Ютубе

Флексы и кастомные свойства Выпуск 135. 28 августа, 2018
• Firefox Nightly: column-gap and row-gap in Flexbox
• Интерактивные курсы (карточки на гридах)
• Custom CSS Properties do not worki inside @page

Хорошая конференция Выпуск 134. 20 августа, 2018
• I Can Say Words Out Loud At Your Event
• My questions for event organizers

Выгорание Выпуск 133. 14 августа 2018
• Как я летала на Марс. История эмоционального выгорания

Курсы на английском Выпуск 131. 30 июля 2018
• Hello, animation!
• Все курсы HTML Academy

Иллюстрированные флексы Выпуск 131. 30 июля 2018
• The Complete Illustrated Flexbox Tutorial
• MDN: justify-self

Разная сложность кода Выпуск 124. 12 июня 2018
• CSS Subgrid JS polyfill
• SPB Frontend Drinkcast: Грустный

Доступные карточки Выпуск 124. 12 июня 2018
• Inclusive Components: Cards

Есть ли зверь фулстек Выпуск 123. 4 июня, 2018
• There’s no such thing as a full stack developer

Как писать код быстро Выпуск 123. 4 июня, 2018
• Text editing techniques every Front-End developer should know

Авторитарный кодстайл Выпуск 120. 14 мая 2018
• Карательные инструменты во фронтенде
• Prettier

Плохой верстальщик Выпуск 119. 7 мая 2018
• Плохой и хороший верстальщики

ФП или ООП Выпуск 118. 30 апреля 2018
• Можно ли избежать функционального программирования?

Картинка отрасли Выпуск 114. 2 апреля 2018
• Исследование HackerRank о рынке разработчиков 2018
• Stack Overflow: Developer Survey Results 2018

Рецепты vue.js и js-курсы Выпуск 113. 26 марта 2018
• Vue.js Cookbook
• Видео с Vue.js Moscow Meetup #1
• Автор интенсивных курсов по JS в HTML Academy
• Старикам здесь не место?
• Новый курс «JavaScript в браузере»
• Бесплатный курс «Знакомство с JavaScript»

Для дизайнеров Выпуск 110. 5 марта 2018
• Полезное дизайнеру и разработчику

Устаревшие рекомендации Выпуск 109. 26 февраля 2018
• To optimize code for machines use a CSS minifier
• Google HTML/CSS Style Guide
• HTML Шорты: Сокращённые свойства

Перегретая зарплата Выпуск 108. 19 февраля 2018

Собеседования Выпуск 107. 12 февраля 2018
• Компьютерная школа Hillel
• Как пройти собеседование по JS?
• Телеграм: Мы вам перезвоним

Фронтенд и боль Выпуск 106. 5 февраля 2018
• Фронтенд — это не больно!

Шортики и уважение Выпуск 104. 22 января 2018
• Шортики по ReactJS

Гриды для бизнеса Выпуск 104. 22 января 2018
• Learn all about CSS Grid
• Layout Land: Season One
• CSS Grid + CSS Multi-Columns
• Профессиональный HTML и CSS 2 уровня

Фронтендер в Берлине Выпуск 103. 15 января 2018

2017

Кому молодых фронтендеров? Выпуск 100. 25 декабря, 2017
• Профессия «Фронтенд-разработчик»

Паблики и Smashing Magazine Выпуск 96. 27 ноября, 2017
• Smashing Magazine

Карьера, for web Выпуск 96. 27 ноября, 2017
• Andrey Romanov
• Паблик For Web
• Телеграм For Web
• Сайт For Web

Юниоры Выпуск 95. 20 ноября, 2017

Школы при компаниях Выпуск 95. 20 ноября, 2017
• Ночной фронтенд #10 

Книги и термины Выпуск 95. 20 ноября, 2017
• Секреты CSS, Лия Веру
• A Book Apart
• A Book Apart в МИФе
• CSS: The Definitive Guide
• Declining Complexity in CSS, Эрик Мейер
• Будет издана книга «CSS. Полное руководство»
• Словари по фронтенду

Парное программирование Выпуск 95. 20 ноября, 2017
• Introducing Visual Studio Live Share
• Code together in real time with Teletype for Atom
• Highcharts

Харассмент Выпуск 91. 24 октября, 2017
• How microaggressions are like mosquito bites

Дизайнеры учатся кодить Выпуск 91. 24 октября, 2017
• Почему я решил изучать код
• Хороший старт и первые проблемы
• Технолог — тоже дизайнер

Ошибки верстальщиков Выпуск 91. 24 октября, 2017
• Ошибки и спорные вопросы вёрстки: разметка
• Ошибки и спорные вопросы вёрстки: стилизация

(не)нужные книги Выпуск 90. 16 октября, 2017
• CSS: The Definitive Guide, 4th Edition Goes to Print

Знакомьтесь, JS Выпуск 89. 9 октября, 2017
• Знакомство с JavaScript

Шорты и JS-типизация Выпуск 88. 2 октября, 2017
• Сахарный JS
• Draggable JS
• Covfefescript?

Вёрстка и программирование Выпуск 86. 18 сентября, 2017
• Is there any value in people who cannot write JS?
• Математика для программиста, HTML Шорты

На все руки веб-мастер Выпуск 83. 4 сентября, 2017

Фавиконки в шортах Выпуск 83. 4 сентября, 2017
• Подключение фавиконок, HTML Шорты

Новичкам Выпуск 82. 28 августа, 2017
• Путь верстальщика 2017
• Статья Максима Усачёва 2012 года

Читайте шорты Выпуск 82. 28 августа, 2017
• Хороший плохой манкипатчинг
• Шорты на Хабре

Видео по фронтенду Выпуск 81. 21 августа, 2017
• HTML Шорты: Адаптивная вёрстка
• Новый канал getInstance
• Пятиминутка React с Екатериной Назаровой

Алгоритмы и паттерны Выпуск 80. 14 августа, 2017
• Нужно ли фронтендеру знать алгоритмы и паттерны?

Бумажные книги Выпуск 79. 7 августа, 2017
• jQuery в действии. 3-е издание
• jQuery in Action, third edition

Должен ли? Выпуск 78. 31 июля, 2017
• Артемий Лебедев про нейросети
• Чётко и резко
• EdgeHTML is meant to be fully compatible with the WebKit

Вброс и шорты Выпуск 77. 24 июля, 2017
• Где используются прототипы, наследование в JS-приложениях?
• Прятки на CSS: display: none, visibility: hidden?

PE и GD в шортах Выпуск 74. 3 июля, 2017
• Прогрессивная деградация

Зачем флексы Выпуск 73. 26 июня, 2017
• Кому нужны флексы, HTML Шорты

Стример Юра Выпуск 72. 12 июня, 2017
• Logo animation
• Responsive landing page

Шорты Выпуск 72. 12 июня, 2017
• HTML Шорты: зачем нужны заголовки

Новичкам Выпуск 70. 29 мая, 2017
• Статьи Артёма Горбунова про типографику и вёрстку
• Открыть папку или файл из терминала

Почему шорты и шоу Выпуск 70. 29 мая, 2017
• Зачем нужен БЭМ вне Яндекса?

Фронтенд заговорил Выпуск 69. 22 мая, 2017
• Как правильно вставлять SVG?
• Frontend Weekend

HTML шорты Выпуск 67. 8 мая, 2017
• Зачем задавать картинку через background-image

HTML шорты Выпуск 66. 3 мая, 2017
• Можно ли оборачивать блок в ссылку?

Доклады, книги, прочее Выпуск 64. 17 апреля, 2017
• 36
• 5 минут
• Распечатай Яндекс.Карты
• Большая книга манипуляций

Вёрстка для школоты Выпуск 61. 27 марта, 2017
• Вёрстка — это не тупо

Собеседование на бумажке Выпуск 58. 6 марта, 2017
• Anti-whiteboard movement
• Trading whiteboards for code reviews

Книга с рыбами Выпуск 56. 21 февраля, 2017
• CSS: The Definitive Guide, 4th edition
• CSS. Каскадные таблицы стилей. Подробное руководство

Дизайнеры верстают Выпуск 55. 13 февраля, 2017
• Веб-дизайнеры, начните верстать!
• Технолог — тоже дизайнер
• Как «прокачаться» дизайнеру: советы и полезные ссылки

Команда Сбертеха Выпуск 53. 30 января, 2017
• Как работают ИТ-специалисты. Андрей Янковский, JS-тимлид CSSSR
• Сбербанк-Технологии

2016

Новички и наставники Выпуск 49. 31 декабря, 2016
• Переводы и статьи Алёны Батицкой на Medium
• Путь наставника, Максим Усачёв и Алёна Батицкая
• Фронтенд для новичка, Любовь Гулько
• Как я попала в Яндекс, Анна Тютюнник
• Старикам здесь не место? Олег Мохов и Алексей Симоненко

Где учиться Выпуск 46. 12 декабря, 2016
• Куда пойти учиться программисту

Советы начинающим Выпуск 35. 26 сентября, 2016
• Вёрстка интерактивного баннера
• Как быть начинающим и не сойти с ума

Фронтенд в Mail.Ru Выпуск 33. 12 сентября, 2016
• Инструменты для разработки и поддержки фронтенда
• Gemini

Образование для профи Выпуск 31. 29 августа, 2016
• Front End Center
• Перевод книги «Секреты CSS»

Путь фронтендера Выпуск 26. 25 июля, 2016
• Frontend Dev: хороший
• Frontend Dev: плохой
• Frontend Dev: злой

Наставничество Выпуск 23. 4 июля, 2016
• Алёна Батицкая на PiterCSS №5
• Путь наставника
• Алексей Рыбаков, он же Flack
• Пособие для новичков Стаса Мельникова

Собеседования и новички Выпуск 22. 27 июня, 2016
• Что ожидать на собеседовании на HTML-верстальщика или JS-программиста

Как верстальщику стать замтехдира Выпуск 22. 27 июня, 2016

Статьи для новичков Выпуск 18. 30 мая, 2016
• От нуля до героя фронтенда, часть 2
• Хорошие и плохие CSS-практики для начинающих
• Михаил Дубаков
• Бесплатный курс Академии по SVG

Дилетанты и профессионалы Выпуск 18. 30 мая, 2016
• jQuery и Bootstrap: расставляем точки над «i»
• Мобильный Твиттер
• UnCSS

Путь разработчика Выпуск 11. 11 апреля, 2016
• Frontend Dev: хороший, плохой, злой

Оценка задач фронтендера Выпуск 10. 5 апреля, 2016
• Перевод

«Мой» опенсорс Выпуск 9. 28 марта, 2016
• There is no “my” in open source

Книги

Хорошая книга по CSS Выпуск 29. 15 августа, 2016
• Книга «Секреты CSS. Идеальные решения ежедневных задач»

Выпуск 26. 25 июля, 2016
• ВСТ рекомендует книги
• Practical SVG
• High Performance Images
• Версия в PDF