Frontend WhiteList — это список полезных и интересных авторских статей, переводов, докладов и ресурсов на русском языке для разработчиков интерфейсов.
- Составить список полезных ресурсов для разработчиков интерфейсов
- Продвинуть в массы имена авторов, которые делают отрасль лучше
- Верстка
- CSS
- JavaScript
- Анимация
- Инструменты
- Библиотеки
- Советы
- Accessibility
- Браузеры
- Производительность
- Не про код
- User Experience
- Методологии
- Книги
- Типографика восток. Роман Прудников (Видео 🎥)
- Логотип не отвечает или временно недоступен. Юлия Бухвалова
- О чём должен помнить веб-дизайнер. Николай Громов и Андрей Алексеев
- Валидация форм на HTML и CSS. Chris Coyier. Перевод Алёны Батицкой
- input. Артём Кувалдин (Видео 🎥)
- Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса. Артём Курбатов
- Вёрстка для мобильных устройств. Артём Кувалдин и Олег Мохов (Видео 🎥)
- Слова, часто используемые в CSS-классах. Юлия Бухвалова
- Жми сюда. Вадим Макеев (Видео 🎥)
- "Сколько весят селекторы?". Юлия Бухвалова
- Свойство background-clip и его применения. Ana Tudor. Перевод css-live.ru
- Кружевные орнаменты на CSS. Марина Кузнецова
- CSS-градиенты: линейные градиенты. Юлия Бухвалова
- Пользовательские свойства CSS. Основы. Серджио Гомес. Перевод Юлии Росляковой
- Пишем понятный код с пользовательскими свойствами CSS. Серджио Гомес. Перевод Юлии Росляковой
- Пользовательские свойства как связующее звено между CSS и JS. Серджио Гомес. Перевод Юлии Росляковой
- Пользовательские свойства CSS в качестве API. Серджио Гомес. Перевод Юлии Росляковой
- Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. Дмитрий Дудин
- Можно вообще всё. Раскладка по гриду. Вадим Макеев (Видео 🎥)
- Как я научился любить скучные мелочи CSS. Peter Gaston. Перевод Веб-стандарты
- «Загадочные отступы» между инлайн-элементами. Максим Усачев
- flex-grow странный. Так ли это?. Перевод Максима Усачева
- 4 вида утечек памяти в JavaScript и как с ними бороться. Андрей Алексеев
- S.O.L.I.D-ый JavaScript. Алексей Охрименко (Видео 🎥)
- Классическое программирование для фронтендеров. Игорь Алексеенко (Видео 🎥)
- Функциональное программирование в браузере. Никита Прокопов
- Делаем свой JavaScript чистым. Jack Franklin. Перевод prgssr.ru
- Сводная таблица с результатами работы условий
- Область видимости в JavaScript и «поднятие» переменных и объявлений функций
- Как работают замыкания (под капотом) в JavaScript. Hexlet
- Давайте выучим замыкания в JavaScript. Притти Кассириди. Перевод Елены Карякиной
- Асинхронность в JavaScript: Пособие для тех, кто хочет разобраться. Wrike
- Техники работы с DOM: родительские, дочерние и соседние элементы. Louis Lazaris. Перевод prgssr.ru
- Фронтенд. DOM, Events. Артем Мезин (Видео 🎥)
- Handlebars. Руководство к действию. Олег Лазарев
- Правила хорошего тона при написании плагина на jQuery. Валерий Чупурнов
- Руководство по Flux в картинках. Lin Clark. Перевод Анастасии Абакумовой
- Redux в картинках. Lin Clark. Перевод Анастасии Абакумовой
- Распространенные ошибки начинающего HTML-верстальщика. Стас Мельников
- Краш-тест вёрстки
- "Что поправить в верстке перед выпуском в продакшн?". Антон Ахатов
- "Советы по написанию современного CSS". Николай Громов
- Основные правила и принципы написания CSS. Гарри Робертс. Перевод Владимира Старкова
- Плохой код #1. Евгений Бовыкин
- 8 правил хорошего JavaScript-кода. Антон Супрун
- FrontendLab: Признаки хорошей верстки. Роман Братченко (Видео 🎥)
- Принципы и приёмы написания эффективного кода. Александр Завьялов (Видео 🎥)
- Типичные ошибки начинающего верстальщика. Олег Мохов (Видео 🎥)
- Не учите фреймворки, учите архитектуру
- О jQuery и Bootstrap: расставляем точки над «i». Андрей Романов
- Цена использования фреймворков. Paul Lewis. Перевод Mail.Ru Group
- Жизнь после js-фреймворков. Андрей Ваганов (Видео 🎥)
- Производительность визуализации
- Аппаратное ускорение. Александр Завьялов (Видео 🎥)
- Веб-анимация на JS и CSS. Александр Завьялов (Видео 🎥)
- CSS Triggers. Таблица со свойствами и процессами, происходящими при изменении свойств
- Руководство по CSS Animation. Юлия Бухвалова
- Всё, что вам нужно знать о CSS-свойстве will-change. Sara Soueidan. Перевод Opera Software
- Анимируем объекты с использованием физики в JavaScript. Елена Иванова (Видео 🎥)
- Как сделать Инстаграм в браузере. Дмитрий Дудин (Видео 🎥)
- CSS-маски для hover-эффекта
- Intermediate CSS3 Hover Effects. Пошаговый туториал
- Автоматизация для фронтендеров. Роберт Харитонов (Видео 🎥)
- Bower: зачем фронтенду нужен менеджер пакетов. Артём Сапегин
- Введение в пакетный менеджер NPM для начинающих. Peter Dierx. Перевод prgssr.ru
- Автоматизация регрессионного тестирования CSS. Garris Shipon. Перевод prgssr.ru
- Перевод книги "Pro Git"
- Модульная сборка БЭМ-проектов. И никаких bem-tools. Владимир Гриненко (Видео 🎥)
- Автоматизация хранения графики. Тимофей Чаптыков (Видео 🎥)
- Cистемы сборки фронтенда. Gulp (Видео 🎥)
- Суперсилы Chrome Dev Tools. Роман Сальников (Видео 🎥)
- Стек технологий JavaScript с нуля. Jonathan Verrecchia. Перевод UsulPro
- Как работать с CSS-препроцессорами и БЭМ. Николай Громов
- Организация кода для CSS препроцессоров. Brian Rinaldi. Перевод Руслана Каймакова
- Недоступный веб: как мы развели такой бардак. Mischa Andrews. Перевод Алексея Уколова
- Браузеры наши меньшие, или Нам нужно серьёзно поговорить. Вадим Макеев
- Альтернативный текст для изображений. Ire Aderinokun. Перевод prgssr.ru
- Дизайн государственных систем
- Слепая доступность. Юрий Артюх
- Web Content Accessibility Guidelines (WCAG) 2.0. Перевод Даниэля Новичкова
- Модель отображения. Основы. Олег Мохов (Видео 🎥)
- Модель отображения. Тонкости. Олег Мохов (Видео 🎥)
- Модель отображения. Браузеры. Олег Мохов (Видео 🎥)
- WebAPIs. Сергей Гоголев, Максим Воронцов, Олег Семичев (Видео 🎥)
- Принципы работы современных веб-браузеров. Tali Garsiel и Paul Irish. Перевод html5rocks.com
- Фронтенд. Хранение данных. Иван Чашкин (Видео 🎥)
- Весь веб на 60+ FPS: как новый рендерер в Firefox избавился от рывков и подтормаживаний. Лин Кларк
- Условная загрузка для адаптивного веб-дизайна. Андрей Голуменов
- Критический путь рендеринга веб-страниц. Николай Лавлинский
- Клиентская точка отказа: SPOF за счет внешних JS-библиотек Николай Лавлинский
- Представляем RAIL: модель оценки производительности сайта. Paul Irish и Paul Lewis. Перевод Николая Мациевского
- В погоне за производительностью. Денис Мишунов (Видео 🎥)
- Производительный client-side. Роман Парадеев (Видео 🎥)
- Верстка. Вид снизу. Марина Широчкина (Видео 🎥)
- Жесточайшая оптимизация загрузки веб-страниц. Дмитрий Дудин (Видео 🎥)
- Фронтенд. Сетевое взаимодействие. Артем Мезин и Егор Дыдыкин (Видео 🎥)
- Загрузка главной страницы. Павел Минеев (Видео 🎥)
- Оптимизация фронтенда. Олег Мохов (Видео 🎥)
- Improving Smashing Mag's Performance. Виталий Фридман (Видео 🎥)
- Словарь терминов по фронтенду. Вадим Макеев и Ольга Алексашенко
- 36. Вадим Макишвили (Видео 🎥)
- Как я перестал верить технологиям. Алексей Симоненко (Видео 🎥)
- "Старикам здесь не место?". Олег Мохов и Алексей Симоненко (Видео 🎥)
- Ошибка. Осознание, примирение, извлечение пользы. Вадим Макишвили (Видео 🎥)
- Заметки о собеседованиях для веб-разработчиков. Артём Сапегин
- NPM и left-pad: мы разучились программировать?. David Haney. Перевод Анатолия Ализара
- UX-мифы. Zoltán Gócza и Zoltán Kollin. Перевод Рината Рехимкулова и Петра Андрианова
- Как отравить мобильного пользователя. Martin Michálek. Перевод prgssr.ru
- Идеологии разработки веб интерфейсов. Сергей Горобцов (Видео 🎥)
- Улучшение формы комментариев. Michael Scharnagl. Перевод Анны Кухаревой, редактура Вадима Макеева, Юли Бухваловой и Алексея Симоненко
- Битва архитектур. Mariano Miguel. Перевод css-live.ru
- Способы организации CSS-кода
- «Пишем БЭМ правильно». Игорь Зенич (Видео 🎥)
- А вы верите в систематизацию, или методологии верстки? Елизавета Селиванова и Ирина Левина (Видео 🎥)
- BEMup для начинающих 09.12.2016. Владимир Гриненко. (Видео 🎥)
- Методическое пособие для начинающих. Стас Мельников
- Современный учебник JavaScript. Илья Кантор
- Реактивные веб-сайты. Клиентская оптимизация в алгоритмах и примерах
- JavaScript. Шаблоны
- Секреты JavaScript ниндзя
- JavaScript. Подробное руководство
- JavaScript. Оптимизация производительности
- Отзывчивый веб-дизайн
- Выразительный JavaScript
- Паттерны для масштабируемых JavaScript-приложений
- Предложить ресурс с указанием автора(по возможности) в задачах или сделать пулреквест
- Поделиться ссылкой с друзьями и коллегами
Главные редакторы: Стас Мельников и Артем Андреев. Все редакторы. Распространяется по лицензии CC-BY-SA 4.0.