russandrussky / frontend-whitelist Goto Github PK

#Frontend WhiteList Frontend WhiteList — это список полезных и интересных авторских статей, переводов, докладов и ресурсов на русском языке для разработчиков интерфейсов.

##Задачи

1. Составить список полезных ресурсов для разработчиков интерфейсов
2. Продвинуть в массы имена авторов, которые делают отрасль лучше

##Содержание

• Верстка
  • О позиционировании
  • О мобильных устройствах
  • HTML Советы
• CSS
  • О свойствах
  • Об организации
• JavaScript
  • Об основах
  • JavaScript Советы
  • Руководства по библиотекам и фреймворкам
  • О библиотеках и фреймворках
• Анимация
  • CSS-анимации
  • JavaScript-анимации
  • SVG-анимации
  • Руководства по созданию анимаций
• Инструменты
• 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 Советы

• Плохой код #1. Евгений Бовыкин
• 8 правил хорошего JavaScript-кода. Антон Супрун

####Руководства по библиотекам и фреймворкам

• Handlebars. Руководство к действию. Олег Лазарев
• Правила хорошего тона при написании плагина на jQuery. Валерий Чупурнов

####О библиотеках и фреймворках

• Цена использования фреймворков. Paul Lewis. Перевод Mail.Ru Group
• Жизнь после js-фреймворков. Андрей Ваганов

##Анимация

• Производительность визуализации
• Аппаратное ускорение. Александр Завьялов
• Веб-анимация на JS и CSS. Александр Завьялов

####CSS-анимации

• CSS Triggers. Таблица со свойствами и процессами, происходящими при изменении свойств
• Руководство по CSS Animation. Юля Бухвалова
• Всё, что вам нужно знать о CSS-свойстве will-change. Sara Soueidan. Перевод Opera Software

####JavaScript-анимации

• Анимируем объекты с использованием физики в JavaScript. Елена Иванова

####SVG-анимации

• Как сделать Инстаграм в браузере. Дмитрий Дудин

####Руководства по созданию анимаций

• 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. Роман Сальников

##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. Перевод Анатолий Ализар

##Дизайн

• UX-мифы. Zoltán Gócza и Zoltán Kollin. Перевод Ринат Рехимкулов и Петр Андрианов

##Книги

• Реактивные веб-сайты. Клиентская оптимизация в алгоритмах и примерах
• JavaScript. Шаблоны
• Секреты JavaScript ниндзя
• JavaScript. Подробное руководство
• JavaScript. Оптимизация производительности
• Отзывчивый веб-дизайн
• Выразительный JavaScript
• Паттерны для масштабируемых JavaScript-приложений

##Как помочь проекту

1. Предложить ресурс с указанием автора(по возможности) в задачах или сделать пулреквест
2. Поделиться ссылкой с друзьями и коллегами

Редакторы Стас Мельников и Артем Андреев. Распространяется по лицензии CC-BY-SA 4.0.