#Frontend WhiteList Frontend WhiteList — это список полезных и интересных авторских статей, переводов, докладов и ресурсов на русском языке для разработчиков интерфейсов.
##Задачи
- Составить список полезных ресурсов для разработчиков интерфейсов
- Продвинуть в массы имена авторов, которые делают отрасль лучше
##Содержание
- Верстка
- CSS
- JavaScript
- Анимация
- Инструменты
- Accessibility
- Браузеры
- Оптимизация скорости загрузки
- Разработка
- [О жизни](README.md#О жизни)
- [О коде](README.md#О коде)
- О готовых решениях
- Книги
##Верстка
- Валидация форм на HTML и CSS. Chris Coyier. Алёна Батицкая
- Типографика восток. Роман Прудников
- input. Артём Кувалдин
- Слова, часто используемые в CSS-классах. Юля Бухвалова
- Методическое пособие для начинающих
####О мобильных устройствах
- Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса. Артём Курбатов
- Вёрстка для мобильных устройств. Артём Кувалдин и Олег Мохов
####О позиционировании
- Центрирование в CSS: полное руководство. Chris Coyier. Перевод Наталья Фадеева
- Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. Дмитрий Дудин
- Можно вообще всё. Раскладка по гриду. Вадим Макеев
####HTML Cоветы
- FrontendLab: Признаки хорошей верстки. Роман Братченко
- Распространенные ошибки начинающего HTML-верстальщика. Стас Мельников
##CSS ####О свойствах
- Свойство background-clip и его применения. Ana Tudor. Перевод css-live.ru
- Как я научился любить скучные мелочи CSS. Peter Gaston. Перевод Веб-стандарты
####Об организации
- Основные правила и принципы написания CSS. Гарри Робертс. Перевод Владимир Старков
- Как работать с CSS-препроцессорами и БЭМ. Николай Громов
- Организация кода для CSS препроцессоров. Brian Rinaldi. Перевод Руслан Каймаков
- Битва архитектур. Mariano Miguel. Перевод css-live.ru
- Способы организации CSS-кода
- «Пишем БЭМ правильно». Игорь Зенич
- А вы верите в систематизацию, или методологии верстки? Елизавета Селиванова и Ирина Левина
##JavaScript
- 4 вида утечек памяти в JavaScript и как с ними бороться. Андрей Алексеев
- S.O.L.I.D-ый JavaScript. Алексей Охрименко
- Классическое программирование для фронтендеров. Игорь Алексеенко
####Об основах
- Современный учебник JavaScript. Илья Кантор
- Сводная таблица с результатами работы условий
- Область видимости в JavaScript и «поднятие» переменных и объявлений функций
- Как работают замыкания (под капотом) в JavaScript. Hexlet
- Асинхронность в JavaScript: Пособие для тех, кто хочет разобраться. Wrike
- Делаем свой JavaScript чистым. Jack Franklin. Перевод prgssr.ru
- Техники работы с DOM: родительские, дочерние и соседние элементы. Louis Lazaris. Перевод prgssr.ru
- Фронтенд. DOM, Events. Артем Мезин
####JavaScript Советы
####Руководства по библиотекам и фреймворкам
- Handlebars. Руководство к действию. Олег Лазарев
- Правила хорошего тона при написании плагина на jQuery. Валерий Чупурнов
####О библиотеках и фреймворках
- Цена использования фреймворков. Paul Lewis. Перевод Mail.Ru Group
- Жизнь после js-фреймворков. Андрей Ваганов
##Анимация
- Производительность визуализации
- Аппаратное ускорение. Александр Завьялов
- Веб-анимация на JS и CSS. Александр Завьялов
####CSS-анимации
- CSS Triggers. Таблица со свойствами и процессами, происходящими при изменении свойств
- Руководство по CSS Animation. Юля Бухвалова
- Всё, что вам нужно знать о CSS-свойстве will-change. Sara Soueidan. Перевод Opera Software
####JavaScript-анимации
####SVG-анимации
####Руководства по созданию анимаций
##Инструменты
- Автоматизация для фронтендеров. Роберт Харитонов
- Bower: зачем фронтенду нужен менеджер пакетов. Артём Сапегин
- Введение в пакетный менеджер NPM для начинающих. Peter Dierx. Перевод prgssr.ru
- Автоматизация регрессионного тестирования CSS. Garris Shipon. Перевод prgssr.ru
- Перевод книги "Pro Git"
- Модульная сборка БЭМ-проектов. И никаких bem-tools. Владимир Гриненко
- Автоматизация хранения графики. Тимофей Чаптыков
- Cистемы сборки фронтенда. Gulp
- Суперсилы Chrome Dev Tools. Роман Сальников
##Accessibility
- Недоступный веб: как мы развели такой бардак. Mischa Andrews. Перевод Алексей Уколов
- Браузеры наши меньшие, или Нам нужно серьёзно поговорить. Вадим Макеев
- Альтернативный текст для изображений. Ire Aderinokun. Перевод prgssr.ru
- Дизайн государственных систем
##Браузеры
- Модель отображения. Основы. Олег Мохов
- Модель отображения. Тонкости. Олег Мохов
- Модель отображения. Браузеры. Олег Мохов
- WebAPIs. Сергей Гоголев, Максим Воронцов, Олег Семичев
- Принципы работы современных веб-браузеров. Tali Garsiel и Paul Irish. Перевод html5rocks.com
- Фронтенд. Хранение данных.Иван Чашкин
##Оптимизация скорости загрузки
- Условная загрузка для адаптивного веб-дизайна. Андрей Голуменов
- Критический путь рендеринга веб-страниц. Николай Лавлинский
- Клиентская точка отказа: SPOF за счет внешних JS-библиотек Николай Лавлинский
- Представляем RAIL: модель оценки производительности сайта. Paul Irish и Paul Lewis. Перевод Николай Мациевский
- В погоне за производительностью. Денис Мишунов
- Производительный client-side. Роман Парадеев
- Верстка. Вид снизу. Марина Широчкина
- Жесточайшая оптимизация загрузки веб-страниц. Дмитрий Дудин
- Фронтенд. Сетевое взаимодействие. Артем Мезин и Егор Дыдыкин
- Загрузка главной страницы. Павел Минеев
- Оптимизация фронтенда. Олег Мохов
- Improving Smashing Mag's Performance. Виталий Фридман
##Разработка
- Словарь терминов по фронтенду. Вадим Макеев и Ольга Алексашенко
- Идеологии разработки веб интерфейсов. Сергей Горобцов
####О жизни
- 36. Вадим Макишвили
- Как я перестал верить технологиям. Алексей Симоненко
- "Старикам здесь не место?". Олег Мохов и Алексей Симоненко
- Ошибка. Осознание, примирение, извлечение пользы. Вадим Макишвили
####О коде
- Принципы и приёмы написания эффективного кода. Александр Завьялов
- Типичные ошибки начинающего верстальщика. Олег Мохов
####О готовых решениях
- Не учите фреймворки, учите архитектуру
- О jQuery и Bootstrap: расставляем точки над «i». Андрей Романов
- NPM и left-pad: мы разучились программировать?. David Haney. Перевод Анатолий Ализар
##Книги
- Реактивные веб-сайты. Клиентская оптимизация в алгоритмах и примерах
- JavaScript. Шаблоны
- Секреты JavaScript ниндзя
- JavaScript. Подробное руководство
- JavaScript. Оптимизация производительности
- Отзывчивый веб-дизайн
- Выразительный JavaScript
- Паттерны для масштабируемых JavaScript-приложений
##Как помочь проекту
- Предложить ресурс с указанием автора(по возможности) в задачах или сделать пулреквест
- Поделиться ссылкой с друзьями и коллегами
Редакторы Стас Мельников и Артем Андреев. Распространяется по лицензии CC-BY-SA 4.0.