Frontend WhiteList
Frontend WhiteList — это список полезных и интересных авторских статей, переводов, докладов и ресурсов на русском языке для разработчиков интерфейсов.
Верстка
- Типографика восток. Роман Прудников (Видео 🎥)
- Логотип не отвечает или временно недоступен. Юлия Бухвалова
- Валидация форм на HTML и CSS. Chris Coyier. Перевод Алёны Батицкой
- Жми сюда. Вадим Макеев (Видео 🎥)
CSS
- "Сколько весят селекторы?". Юлия Бухвалова
- Свойство background-clip и его применения. Ana Tudor. Перевод css-live.ru
- CSS-градиенты: линейные градиенты. Юлия Бухвалова
- Пользовательские свойства CSS. Основы. Серджио Гомес. Перевод Юлии Росляковой
- Пишем понятный код с пользовательскими свойствами CSS. Серджио Гомес. Перевод Юлии Росляковой
- Пользовательские свойства как связующее звено между CSS и JS. Серджио Гомес. Перевод Юлии Росляковой
- Пользовательские свойства CSS в качестве API. Серджио Гомес. Перевод Юлии Росляковой
- «Загадочные отступы» между инлайн-элементами. Максим Усачев
- flex-grow странный. Так ли это?. Перевод Максима Усачева
- Вариативные шрифты. Юлия Бухвалова
JavaScript
- 4 вида утечек памяти в JavaScript и как с ними бороться. Андрей Алексеев
- S.O.L.I.D-ый JavaScript. Алексей Охрименко (Видео 🎥)
- Функциональное программирование в браузере. Никита Прокопов
- Делаем свой JavaScript чистым. Jack Franklin. Перевод prgssr.ru
- Область видимости в JavaScript и «поднятие» переменных и объявлений функций
- Как работают замыкания (под капотом) в JavaScript. Hexlet
- Давайте выучим замыкания в JavaScript. Притти Кассириди. Перевод Елены Карякиной
- Асинхронность в JavaScript: Пособие для тех, кто хочет разобраться. Wrike
Анимация
- Производительность визуализации
- Аппаратное ускорение. Александр Завьялов (Видео 🎥)
- Веб-анимация на JS и CSS. Александр Завьялов (Видео 🎥)
- Руководство по CSS Animation. Юлия Бухвалова
- Всё, что вам нужно знать о CSS-свойстве will-change. Sara Soueidan. Перевод Opera Software
- Анимируем объекты с использованием физики в JavaScript. Елена Иванова (Видео 🎥)
Accessibility
- Браузеры наши меньшие, или Нам нужно серьёзно поговорить. Вадим Макеев
- Альтернативный текст для изображений. Ire Aderinokun. Перевод prgssr.ru
- UX-мифы. Zoltán Gócza и Zoltán Kollin. Перевод Рината Рехимкулова и Петра Андрианова
- Как отравить мобильного пользователя. Martin Michálek. Перевод prgssr.ru
Браузеры
- Модель отображения. Основы. Олег Мохов (Видео 🎥)
- Модель отображения. Тонкости. Олег Мохов (Видео 🎥)
- Модель отображения. Браузеры. Олег Мохов (Видео 🎥)
- Принципы работы современных веб-браузеров. Tali Garsiel и Paul Irish. Перевод html5rocks.com
- Весь веб на 60+ FPS: как новый рендерер в Firefox избавился от рывков и подтормаживаний. Лин Кларк
Производительность
- Критический путь рендеринга веб-страниц. Николай Лавлинский
- Клиентская точка отказа: SPOF за счет внешних JS-библиотек Николай Лавлинский
- Представляем RAIL: модель оценки производительности сайта. Paul Irish и Paul Lewis. Перевод Николая Мациевского
- В погоне за производительностью. Денис Мишунов (Видео 🎥)
- Верстка. Вид снизу. Марина Широчкина (Видео 🎥)
- Improving Smashing Mag's Performance. Виталий Фридман (Видео 🎥)
Не про код
- 36. Вадим Макишвили (Видео 🎥)
- Как я перестал верить технологиям. Алексей Симоненко (Видео 🎥)
- "Старикам здесь не место?". Олег Мохов и Алексей Симоненко (Видео 🎥)
- Ошибка. Осознание, примирение, извлечение пользы. Вадим Макишвили (Видео 🎥)
- NPM и left-pad: мы разучились программировать?. David Haney. Перевод Анатолия Ализара
- Как задавать вопросы старшим коллегам и задавать ли?. Людмила Мжачих
Как помочь проекту
- Предложить ресурс с указанием автора(по возможности) в задачах или сделать пулреквест
- Поделиться ссылкой с друзьями и коллегами
Главные редакторы: Стас Мельников и Артем Андреев. Все редакторы. Распространяется по лицензии CC-BY-SA 4.0.