From b301b205f59f8689c48f6c3eba99ef9e870a05fd Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 10:26:22 +0300 Subject: [PATCH 01/58] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D1=80=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB=20"JS"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit S.O.L.I.D-ый JavaScript. Алексей Охрименко Классическое программирование для фронтендеров. Игорь Алексеенко Жизнь после js-фреймворков. Андрей Ваганов Фронтенд. DOM, Events. Артем Мезин --- README.md | 19 +++++++++++++------ 1 file changed, 13 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 710aef7..bf4c288 100755 --- a/README.md +++ b/README.md @@ -8,7 +8,8 @@ Frontend WhiteList — это список полезных ресурсов д * [JavaScript](README.md#javascript) * [Основы](README.md#Основы) * [Советы](README.md#javascript-Советы) - * [Библиотеки и фреймворки](README.md#Библиотеки-и-фреймворки) + * [Руководства по библиотекам и фреймворкам](README.md#Руководства-по-библиотекам-и-фреймворкам) + * [О библиотеках и фреймворках](README.md#О-библиотеках-и-фреймворках) * [Инструменты](README.md#Инструменты) * [Верстка](README.md#Верстка) * [Accessibility](README.md#accessibility) @@ -46,7 +47,9 @@ Frontend WhiteList — это список полезных ресурсов д ##JavaScript -* [Цена использования фреймворков](https://habrahabr.ru/company/mailru/blog/273613/) +* [4 вида утечек памяти в JavaScript и как с ними бороться](https://habrahabr.ru/post/309318/) +* [S.O.L.I.D-ый JavaScript. Алексей Охрименко](https://www.youtube.com/watch?v=wi3wPzReKZQ) +* [Классическое программирование для фронтендеров. Игорь Алексеенко](https://www.youtube.com/watch?v=b2AhDtFfSSU) ###Основы * [Современный учебник JavaScript](https://learn.javascript.ru) @@ -55,17 +58,21 @@ Frontend WhiteList — это список полезных ресурсов д * [Как работают замыкания (под капотом) в JavaScript](http://habrahabr.ru/company/hexlet/blog/266443/) * [Асинхронность в JavaScript: Пособие для тех, кто хочет разобраться](https://habrahabr.ru/company/wrike/blog/302896/) * [Делаем свой JavaScript чистым](http://prgssr.ru/development/delaem-svoj-javascript-chistym.html) +* [Техники работы с DOM: родительские, дочерние и соседние элементы](http://prgssr.ru/development/tehniki-raboty-s-dom-roditelskie-dochernie-i-sosednie-elementy.html) +* [Фронтенд. DOM, Events. Артем Мезин](https://www.youtube.com/watch?v=b9q2j0RyKPw) -###JavaScript Советы +###Советы * [Плохой код #1](http://jsraccoon.ru/exercise-bad-code-one) * [8 правил хорошего JavaScript-кода](http://popel-studio.com/blog/article/8-pravil-horoshego-javascript-koda.html) -* [Техники работы с DOM: родительские, дочерние и соседние элементы](http://prgssr.ru/development/tehniki-raboty-s-dom-roditelskie-dochernie-i-sosednie-elementy.html) -* [4 вида утечек памяти в JavaScript и как с ними бороться](https://habrahabr.ru/post/309318/) -###Библиотеки и фреймворки +###Руководства по библиотекам и фреймворкам * [Handlebars. Руководство к действию](https://habrahabr.ru/post/273581/) * [Правила хорошего тона при написании плагина на jQuery](https://habrahabr.ru/post/277603/) +###О библиотеках и фреймворках +* [Цена использования фреймворков](https://habrahabr.ru/company/mailru/blog/273613/) +* [Жизнь после js-фреймворков. Андрей Ваганов](https://www.youtube.com/watch?v=-W7kFbCXVqw) + ##Инструменты * [Автоматизация для фронтендеров](https://www.youtube.com/watch?v=y9ERi0PhHEo) * [Bower: зачем фронтенду нужен менеджер пакетов](http://nano.sapegin.ru/all/bower) From c67443718db7b668b8a1edcd8ba2b519a59ab51e Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 10:36:43 +0300 Subject: [PATCH 02/58] =?UTF-8?q?=D0=A0=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB=20"?= =?UTF-8?q?=D0=91=D1=80=D0=B0=D1=83=D0=B7=D0=B5=D1=80=D1=8B"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Модель отображения. Основы. Олег Мохов Модель отображения. Тонкости. Олег Мохов Модель отображения. Браузеры. Олег Мохов WebAPIs. Сергей Гоголев, Максим Воронцов, Олег Семичев Принципы работы современных веб-браузеров --- README.md | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/README.md b/README.md index bf4c288..c3e9ad9 100755 --- a/README.md +++ b/README.md @@ -13,6 +13,7 @@ Frontend WhiteList — это список полезных ресурсов д * [Инструменты](README.md#Инструменты) * [Верстка](README.md#Верстка) * [Accessibility](README.md#accessibility) +* [Браузеры](README.md#Браузеры) * [Оптимизация скорости загрузки](README.md#Оптимизация-скорости-загрузки) * [О разработке](README.md#О-разработке) * [Книги](README.md#Книги) @@ -101,6 +102,13 @@ Frontend WhiteList — это список полезных ресурсов д * [Альтернативный текст для изображений](http://prgssr.ru/development/alternativnyj-tekst-dlya-izobrazhenij.html) * [Дизайн государственных систем](http://gov.design/blog/2016/11/08/accessibility.html) +##Браузеры +* [Модель отображения. Основы. Олег Мохов](https://www.youtube.com/watch?v=LVqg3N7QYVU) +* [Модель отображения. Тонкости. Олег Мохов](https://www.youtube.com/watch?v=_FYV-EjTkfw) +* [Модель отображения. Браузеры. Олег Мохов](https://www.youtube.com/watch?v=OGmzplOuRas) +* [WebAPIs. Сергей Гоголев, Максим Воронцов, Олег Семичев](https://www.youtube.com/watch?v=OGmzplOuRas) +* [Принципы работы современных веб-браузеров](https://www.html5rocks.com/ru/tutorials/internals/howbrowserswork/) + ##Оптимизация скорости загрузки * [Условная загрузка для адаптивного веб-дизайна](https://habrahabr.ru/post/218497/) * [Критический путь рендеринга веб-страниц](https://habrahabr.ru/post/262239/) From e1605a34115c382f3cd408f8f79612ca5ca37dd4 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 10:53:56 +0300 Subject: [PATCH 03/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=B0=D0=B2=D1=82=D0=BE=D1=80=D0=BE=D0=B2=20=D0=BA=20?= =?UTF-8?q?=D0=B2=D0=B8=D0=B4=D0=B5=D0=BE=20=D0=B4=D0=BE=D0=BA=D0=BB=D0=B0?= =?UTF-8?q?=D0=B4=D0=BE=D0=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 51 +++++++++++++++++++++++++-------------------------- 1 file changed, 25 insertions(+), 26 deletions(-) diff --git a/README.md b/README.md index c3e9ad9..5ed8eaf 100755 --- a/README.md +++ b/README.md @@ -23,7 +23,7 @@ Frontend WhiteList — это список полезных ресурсов д ##CSS * [Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки](http://html5.by/blog/flexbox/) * [Свойство background-clip и его применения](http://css-live.ru/articles-css/background-clip-use-cases.html) -* [МОЖНО ВООБЩЕ ВСЁ. РАСКЛАДКА ПО ГРИДУ - Вадим Макеев](https://www.youtube.com/watch?v=hAFcdRrhwQM) +* [Можно вообще всё. Раскладка по гриду. Вадим Макеев](https://www.youtube.com/watch?v=hAFcdRrhwQM) * [Основные правила и принципы написания CSS](https://github.com/iamstarkov/CSS-Guidelines/blob/master/README%20Russian.md) ###Визуализация @@ -33,18 +33,18 @@ Frontend WhiteList — это список полезных ресурсов д * [Производительность визуализации](https://developers.google.com/web/fundamentals/performance/rendering/) * [CSS-маски для hover-эффекта](https://habrahabr.ru/post/164409/) * [Intermediate CSS3 Hover Effects. Пошаговый туториал](https://habrahabr.ru/post/274003/) -* [Как сделать Инстаграм в браузере](https://www.youtube.com/watch?v=RJnYkbm66ZI) -* [Аппаратное ускорение](https://vimeo.com/97907079#at=3) -* [Веб-анимация на JS и CSS](https://vimeo.com/141266409) -* [Анимируем объекты с использованием физики в JavaScript](https://www.youtube.com/watch?time_continue=6&v=UH3tKb7B5xA) +* [Как сделать Инстаграм в браузере. Дмитрий Дудин](https://www.youtube.com/watch?v=RJnYkbm66ZI) +* [Аппаратное ускорение. Александр Завьялов](https://vimeo.com/97907079#at=3) +* [Веб-анимация на JS и CSS. Александр Завьялов](https://vimeo.com/141266409) +* [Анимируем объекты с использованием физики в JavaScript. Елена Иванова](https://www.youtube.com/watch?v=UH3tKb7B5xA) ###Методологии * [Как работать с CSS-препроцессорами и БЭМ](http://nicothin.github.io/idiomatic-pre-CSS/) * [Организация кода для CSS препроцессоров](http://frontender.info/organizing-your-css-code-for-preprocessors/) * [Битва архитектур](http://css-live.ru/articles/bitva-arxitektur.html) * [Способы организации CSS-кода](https://habrahabr.ru/post/256109/) -* [«Пишем БЭМ правильно» — Игорь Зенич, iDeus](https://www.youtube.com/watch?v=hTmxbJF2Tts) -* [А вы верите в систематизацию, или методологии верстки?](https://www.youtube.com/watch?v=P4ag4JSNWTM) +* [«Пишем БЭМ правильно». Игорь Зенич](https://www.youtube.com/watch?v=hTmxbJF2Tts) +* [А вы верите в систематизацию, или методологии верстки? Елизавета Селиванова и Ирина Левина](https://www.youtube.com/watch?v=P4ag4JSNWTM) ##JavaScript @@ -75,15 +75,15 @@ Frontend WhiteList — это список полезных ресурсов д * [Жизнь после js-фреймворков. Андрей Ваганов](https://www.youtube.com/watch?v=-W7kFbCXVqw) ##Инструменты -* [Автоматизация для фронтендеров](https://www.youtube.com/watch?v=y9ERi0PhHEo) +* [Автоматизация для фронтендеров. Роберт Харитонов](https://www.youtube.com/watch?v=y9ERi0PhHEo) * [Bower: зачем фронтенду нужен менеджер пакетов](http://nano.sapegin.ru/all/bower) * [Введение в пакетный менеджер NPM для начинающих](http://prgssr.ru/development/vvedenie-v-paketnyj-menedzher-npm-dlya-nachinayushih.html) * [Автоматизация регрессионного тестирования CSS](http://prgssr.ru/development/avtomatizaciya-regressionnogo-testirovaniya-css-2016.html) * [Перевод книги "Pro Git"](https://git-scm.com/book/ru/v1) -* [Модульная сборка БЭМ-проектов. И никаких bem-tools - Владимир Гриненко](https://www.youtube.com/watch?time_continue=9&v=mHVgZZTJLdk) -* [Тимофей Чаптыков. Автоматизация хранения графики](https://vk.com/videos-74443939?section=album_2&z=video-74443939_171854381%2Fclub74443939%2Fpl_-74443939_2) +* [Модульная сборка БЭМ-проектов. И никаких bem-tools. Владимир Гриненко](https://www.youtube.com/watch?time_continue=9&v=mHVgZZTJLdk) +* [Автоматизация хранения графики. Тимофей Чаптыков](https://www.youtube.com/watch?v=tJmI8p6Ms_M) * [Cистемы сборки фронтенда. Gulp](https://www.youtube.com/watch?time_continue=5&v=MfnTJh-pQWM) -* [Роман Сальников, 2GIS | Суперсилы Chrome Dev Tools](https://vimeo.com/107580454) +* [Суперсилы Chrome Dev Tools. Роман Сальников](https://vimeo.com/107580454) ##Верстка * [Центрирование в CSS: полное руководство](http://frontender.info/centering-css-complete-guide/) @@ -91,10 +91,10 @@ Frontend WhiteList — это список полезных ресурсов д * [Валидация форм на HTML и CSS](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) * [Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса](https://habrahabr.ru/company/yandex/blog/307064/) * [Веб-дизайн. Лекция Виталия Фридмана](https://www.youtube.com/watch?v=ri2XWgIt59U) -* [Вёрстка для мобильных устройств - Артём Кувалдин, Олег Мохов](https://www.youtube.com/watch?v=cmt2A_kT8Fs) -* [Типографика восток - Роман Прудников](https://www.youtube.com/watch?v=9YQzHmIVYag) -* [input, Артём Кувалдин, Яндекс | FrontendFellows #1](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) -* [FrontendLab: Признаки хорошей верстки - Роман Братченко](https://www.youtube.com/watch?v=lXgoTAhuEfo) +* [Вёрстка для мобильных устройств. Артём Кувалдин и Олег Мохов](https://www.youtube.com/watch?v=cmt2A_kT8Fs) +* [Типографика восток. Роман Прудников](https://www.youtube.com/watch?v=9YQzHmIVYag) +* [input. Артём Кувалдин](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) +* [FrontendLab: Признаки хорошей верстки. Роман Братченко](https://www.youtube.com/watch?v=lXgoTAhuEfo) ##Accessibility * [Недоступный веб: как мы развели такой бардак](https://habrahabr.ru/post/309076/) @@ -114,25 +114,24 @@ Frontend WhiteList — это список полезных ресурсов д * [Критический путь рендеринга веб-страниц](https://habrahabr.ru/post/262239/) * [Клиентская точка отказа: SPOF за счет внешних JS-библиотек](https://habrahabr.ru/post/265627/) * [Представляем RAIL: модель оценки производительности сайта](https://habrahabr.ru/post/308026/) -* [В погоне за производительностью, Денис Мишунов](https://www.youtube.com/watch?v=egiLQun-FxI) -* [Производительный client-side – Роман Парадеев](https://www.youtube.com/watch?v=kmhg-cV5Vkg) -* [Верстка. Вид снизу - Марина Широчкина](https://www.youtube.com/watch?v=9HYHxky799o) -* [Жесточайшая оптимизация загрузки веб-страниц](https://www.youtube.com/watch?v=KItf0Zrx87c) -* [Фронтенд. Сетевое взаимодействие](https://www.youtube.com/watch?v=feEs6aymPj4) +* [В погоне за производительностью. Денис Мишунов](https://www.youtube.com/watch?v=egiLQun-FxI) +* [Производительный client-side. Роман Парадеев](https://www.youtube.com/watch?v=kmhg-cV5Vkg) +* [Верстка. Вид снизу. Марина Широчкина](https://www.youtube.com/watch?v=9HYHxky799o) +* [Жесточайшая оптимизация загрузки веб-страниц. Дмитрий Дудин](https://www.youtube.com/watch?v=KItf0Zrx87c) +* [Фронтенд. Сетевое взаимодействие. Артем Мезин и Егор Дыдыкин](https://www.youtube.com/watch?v=feEs6aymPj4) * [Загрузка главной страницы. Павел Минеев](https://www.youtube.com/watch?time_continue=32&v=k5rbC0mBK9A) -* [Оптимизация фронтенда - Олег Мохов](https://www.youtube.com/watch?v=Vn1jyRdEbjg) +* [Оптимизация фронтенда. Олег Мохов](https://www.youtube.com/watch?v=Vn1jyRdEbjg) ##О разработке * [Не учите фреймворки, учите архитектуру](https://habrahabr.ru/post/253297/) * [О jQuery и Bootstrap: расставляем точки над «i»](http://frontender.info/whats-wrong-with-jquery-and-bootstrap/) * [NPM и left-pad: мы разучились программировать?](https://habrahabr.ru/post/280099/) * [Словарь терминов по фронтенду](https://github.com/web-standards-ru/dictionary) -* [Вадим Макишвили, Яндекс | 36](https://vimeo.com/108327741) -* [Идеологии разработки веб интерфейсов - Сергей Горобцов](https://www.youtube.com/watch?v=i1DzrxGlO_g) +* [36. Вадим Макишвили](https://vimeo.com/108327741) +* [Идеологии разработки веб интерфейсов. Сергей Горобцов](https://www.youtube.com/watch?v=i1DzrxGlO_g) * [Как я перестал верить технологиям. Алексей Симоненко](https://www.youtube.com/watch?v=p5g4giWmcvE) -* [Принципы и приёмы написания эффективного кода - Александр Завьялов](https://www.youtube.com/watch?v=A__0VgwlBR0) -* [Типичные ошибки начинающего верстальщика](https://www.youtube.com/watch?v=d4b3CiwSi9c) - +* [Принципы и приёмы написания эффективного кода. Александр Завьялов](https://www.youtube.com/watch?v=A__0VgwlBR0) +* [Типичные ошибки начинающего верстальщика. Олег Мохов](https://www.youtube.com/watch?v=d4b3CiwSi9c) ##Книги * [Реактивные веб-сайты. Клиентская оптимизация в алгоритмах и примерах](http://www.ozon.ru/context/detail/id/5322041/) From 5ea4c0df89a73b96c7da3632c33f174989caad3d Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 10:58:19 +0300 Subject: [PATCH 04/58] =?UTF-8?q?=D0=A3=D0=B4=D0=B0=D0=BB=D0=B8=D0=BB=20?= =?UTF-8?q?=D1=80=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB=20"HTML"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 3 --- 1 file changed, 3 deletions(-) diff --git a/README.md b/README.md index 5ed8eaf..97596cb 100755 --- a/README.md +++ b/README.md @@ -1,7 +1,6 @@ Frontend WhiteList — это список полезных ресурсов для разработчиков интерфейсов. ##Содержание -* [HTML](README.md#html) * [CSS](README.md#css) * [Визуализация](README.md#Визуализация) * [Методологии](README.md#Методологии) @@ -18,8 +17,6 @@ Frontend WhiteList — это список полезных ресурсов д * [О разработке](README.md#О-разработке) * [Книги](README.md#Книги) -##HTML - ##CSS * [Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки](http://html5.by/blog/flexbox/) * [Свойство background-clip и его применения](http://css-live.ru/articles-css/background-clip-use-cases.html) From 254c6454300e32a7ba0b3216717b99b062889240 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 11:21:16 +0300 Subject: [PATCH 05/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=B0=D0=B2=D1=82=D0=BE=D1=80=D0=BE=D0=B2=20=D0=B2=20?= =?UTF-8?q?=D1=80=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB=D0=B5=20"CSS"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 97596cb..0c64597 100755 --- a/README.md +++ b/README.md @@ -18,15 +18,15 @@ Frontend WhiteList — это список полезных ресурсов д * [Книги](README.md#Книги) ##CSS -* [Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки](http://html5.by/blog/flexbox/) -* [Свойство background-clip и его применения](http://css-live.ru/articles-css/background-clip-use-cases.html) +* [Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. Дмитрий Дудин](http://html5.by/blog/flexbox/) +* [Свойство background-clip и его применения. Ana Tudor. Перевод css-live.ru](http://css-live.ru/articles-css/background-clip-use-cases.html) * [Можно вообще всё. Раскладка по гриду. Вадим Макеев](https://www.youtube.com/watch?v=hAFcdRrhwQM) -* [Основные правила и принципы написания CSS](https://github.com/iamstarkov/CSS-Guidelines/blob/master/README%20Russian.md) +* [Основные правила и принципы написания CSS. Гарри Робертс. Перевод Владимир Старков](https://github.com/iamstarkov/CSS-Guidelines/blob/master/README%20Russian.md) ###Визуализация * [Свойства вызывающие перерисовку](http://csstriggers.com/) -* [Руководство по CSS Animation](http://css.yoksel.ru/css-animation/) -* [Всё, что вам нужно знать о CSS-свойстве will-change](https://dev.opera.com/articles/ru/css-will-change-property/) +* [Руководство по CSS Animation. Юля Бухвалова](http://css.yoksel.ru/css-animation/) +* [Всё, что вам нужно знать о CSS-свойстве will-change. Sara Soueidan. Перевод Opera Software](https://dev.opera.com/articles/ru/css-will-change-property/) * [Производительность визуализации](https://developers.google.com/web/fundamentals/performance/rendering/) * [CSS-маски для hover-эффекта](https://habrahabr.ru/post/164409/) * [Intermediate CSS3 Hover Effects. Пошаговый туториал](https://habrahabr.ru/post/274003/) @@ -36,9 +36,9 @@ Frontend WhiteList — это список полезных ресурсов д * [Анимируем объекты с использованием физики в JavaScript. Елена Иванова](https://www.youtube.com/watch?v=UH3tKb7B5xA) ###Методологии -* [Как работать с CSS-препроцессорами и БЭМ](http://nicothin.github.io/idiomatic-pre-CSS/) -* [Организация кода для CSS препроцессоров](http://frontender.info/organizing-your-css-code-for-preprocessors/) -* [Битва архитектур](http://css-live.ru/articles/bitva-arxitektur.html) +* [Как работать с CSS-препроцессорами и БЭМ. Николай Громов](http://nicothin.github.io/idiomatic-pre-CSS/) +* [Организация кода для CSS препроцессоров. Brian Rinaldi. Перевод Руслан Каймаков](http://frontender.info/organizing-your-css-code-for-preprocessors/) +* [Битва архитектур. Mariano Miguel. Перевод css-live.ru](http://css-live.ru/articles/bitva-arxitektur.html) * [Способы организации CSS-кода](https://habrahabr.ru/post/256109/) * [«Пишем БЭМ правильно». Игорь Зенич](https://www.youtube.com/watch?v=hTmxbJF2Tts) * [А вы верите в систематизацию, или методологии верстки? Елизавета Селиванова и Ирина Левина](https://www.youtube.com/watch?v=P4ag4JSNWTM) From 2d555226df62db5b960962dd7854f8c0375a4df8 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 11:52:05 +0300 Subject: [PATCH 06/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=B0=D0=B2=D1=82=D0=BE=D1=80=D0=BE=D0=B2=20=D0=B2=20?= =?UTF-8?q?=D1=80=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB=D1=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 58 +++++++++++++++++++++++++++---------------------------- 1 file changed, 29 insertions(+), 29 deletions(-) diff --git a/README.md b/README.md index 0c64597..ab074f8 100755 --- a/README.md +++ b/README.md @@ -45,37 +45,37 @@ Frontend WhiteList — это список полезных ресурсов д ##JavaScript -* [4 вида утечек памяти в JavaScript и как с ними бороться](https://habrahabr.ru/post/309318/) +* [4 вида утечек памяти в JavaScript и как с ними бороться. Андрей Алексеев](https://habrahabr.ru/post/309318/) * [S.O.L.I.D-ый JavaScript. Алексей Охрименко](https://www.youtube.com/watch?v=wi3wPzReKZQ) * [Классическое программирование для фронтендеров. Игорь Алексеенко](https://www.youtube.com/watch?v=b2AhDtFfSSU) ###Основы -* [Современный учебник JavaScript](https://learn.javascript.ru) +* [Современный учебник JavaScript. Илья Кантор](https://learn.javascript.ru) * [Сводная таблица с результатами работы условий](http://dorey.github.io/JavaScript-Equality-Table/) * [Область видимости в JavaScript и «поднятие» переменных и объявлений функций](https://habrahabr.ru/post/127482/) -* [Как работают замыкания (под капотом) в JavaScript](http://habrahabr.ru/company/hexlet/blog/266443/) -* [Асинхронность в JavaScript: Пособие для тех, кто хочет разобраться](https://habrahabr.ru/company/wrike/blog/302896/) -* [Делаем свой JavaScript чистым](http://prgssr.ru/development/delaem-svoj-javascript-chistym.html) -* [Техники работы с DOM: родительские, дочерние и соседние элементы](http://prgssr.ru/development/tehniki-raboty-s-dom-roditelskie-dochernie-i-sosednie-elementy.html) +* [Как работают замыкания (под капотом) в JavaScript. Hexlet](http://habrahabr.ru/company/hexlet/blog/266443/) +* [Асинхронность в JavaScript: Пособие для тех, кто хочет разобраться. Wrike](https://habrahabr.ru/company/wrike/blog/302896/) +* [Делаем свой JavaScript чистым. Jack Franklin. Перевод prgssr.ru](http://prgssr.ru/development/delaem-svoj-javascript-chistym.html) +* [Техники работы с DOM: родительские, дочерние и соседние элементы. Louis Lazaris. Перевод prgssr.ru](http://prgssr.ru/development/tehniki-raboty-s-dom-roditelskie-dochernie-i-sosednie-elementy.html) * [Фронтенд. DOM, Events. Артем Мезин](https://www.youtube.com/watch?v=b9q2j0RyKPw) ###Советы -* [Плохой код #1](http://jsraccoon.ru/exercise-bad-code-one) -* [8 правил хорошего JavaScript-кода](http://popel-studio.com/blog/article/8-pravil-horoshego-javascript-koda.html) +* [Плохой код #1. Евгений Бовыкин](http://jsraccoon.ru/exercise-bad-code-one) +* [8 правил хорошего JavaScript-кода. Антон Супрун](http://popel-studio.com/blog/article/8-pravil-horoshego-javascript-koda.html) ###Руководства по библиотекам и фреймворкам -* [Handlebars. Руководство к действию](https://habrahabr.ru/post/273581/) -* [Правила хорошего тона при написании плагина на jQuery](https://habrahabr.ru/post/277603/) +* [Handlebars. Руководство к действию. Олег Лазарев](https://habrahabr.ru/post/273581/) +* [Правила хорошего тона при написании плагина на jQuery. Валерий Чупурнов](https://habrahabr.ru/post/277603/) ###О библиотеках и фреймворках -* [Цена использования фреймворков](https://habrahabr.ru/company/mailru/blog/273613/) +* [Цена использования фреймворков. Paul Lewis. Перевод Mail.Ru Group](https://habrahabr.ru/company/mailru/blog/273613/) * [Жизнь после js-фреймворков. Андрей Ваганов](https://www.youtube.com/watch?v=-W7kFbCXVqw) ##Инструменты * [Автоматизация для фронтендеров. Роберт Харитонов](https://www.youtube.com/watch?v=y9ERi0PhHEo) -* [Bower: зачем фронтенду нужен менеджер пакетов](http://nano.sapegin.ru/all/bower) -* [Введение в пакетный менеджер NPM для начинающих](http://prgssr.ru/development/vvedenie-v-paketnyj-menedzher-npm-dlya-nachinayushih.html) -* [Автоматизация регрессионного тестирования CSS](http://prgssr.ru/development/avtomatizaciya-regressionnogo-testirovaniya-css-2016.html) +* [Bower: зачем фронтенду нужен менеджер пакетов. Артём Сапегин](http://nano.sapegin.ru/all/bower) +* [Введение в пакетный менеджер NPM для начинающих. Peter Dierx. Перевод prgssr.ru](http://prgssr.ru/development/vvedenie-v-paketnyj-menedzher-npm-dlya-nachinayushih.html) +* [Автоматизация регрессионного тестирования CSS. Garris Shipon. Перевод prgssr.ru](http://prgssr.ru/development/avtomatizaciya-regressionnogo-testirovaniya-css-2016.html) * [Перевод книги "Pro Git"](https://git-scm.com/book/ru/v1) * [Модульная сборка БЭМ-проектов. И никаких bem-tools. Владимир Гриненко](https://www.youtube.com/watch?time_continue=9&v=mHVgZZTJLdk) * [Автоматизация хранения графики. Тимофей Чаптыков](https://www.youtube.com/watch?v=tJmI8p6Ms_M) @@ -83,10 +83,10 @@ Frontend WhiteList — это список полезных ресурсов д * [Суперсилы Chrome Dev Tools. Роман Сальников](https://vimeo.com/107580454) ##Верстка -* [Центрирование в CSS: полное руководство](http://frontender.info/centering-css-complete-guide/) -* [Как я научился любить скучные мелочи CSS](http://web-standards.ru/articles/boring-bits-of-css/) -* [Валидация форм на HTML и CSS](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) -* [Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса](https://habrahabr.ru/company/yandex/blog/307064/) +* [Центрирование в CSS: полное руководство. Chris Coyier. Перевод Наталья Фадеева](http://frontender.info/centering-css-complete-guide/) +* [Как я научился любить скучные мелочи CSS. Peter Gaston. Перевод Веб-стандарты](http://web-standards.ru/articles/boring-bits-of-css/) +* [Валидация форм на HTML и CSS. Chris Coyier. Алёна Батицкая](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) +* [Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса. Артём Курбатов](https://habrahabr.ru/company/yandex/blog/307064/) * [Веб-дизайн. Лекция Виталия Фридмана](https://www.youtube.com/watch?v=ri2XWgIt59U) * [Вёрстка для мобильных устройств. Артём Кувалдин и Олег Мохов](https://www.youtube.com/watch?v=cmt2A_kT8Fs) * [Типографика восток. Роман Прудников](https://www.youtube.com/watch?v=9YQzHmIVYag) @@ -94,9 +94,9 @@ Frontend WhiteList — это список полезных ресурсов д * [FrontendLab: Признаки хорошей верстки. Роман Братченко](https://www.youtube.com/watch?v=lXgoTAhuEfo) ##Accessibility -* [Недоступный веб: как мы развели такой бардак](https://habrahabr.ru/post/309076/) -* [Браузеры наши меньшие, или Нам нужно серьёзно поговорить](https://habrahabr.ru/company/oleg-bunin/blog/310210/) -* [Альтернативный текст для изображений](http://prgssr.ru/development/alternativnyj-tekst-dlya-izobrazhenij.html) +* [Недоступный веб: как мы развели такой бардак. Mischa Andrews. Перевод Алексей Уколов](https://habrahabr.ru/post/309076/) +* [Браузеры наши меньшие, или Нам нужно серьёзно поговорить. Вадим Макеев](https://habrahabr.ru/company/oleg-bunin/blog/310210/) +* [Альтернативный текст для изображений. Ire Aderinokun. Перевод prgssr.ru](http://prgssr.ru/development/alternativnyj-tekst-dlya-izobrazhenij.html) * [Дизайн государственных систем](http://gov.design/blog/2016/11/08/accessibility.html) ##Браузеры @@ -104,13 +104,13 @@ Frontend WhiteList — это список полезных ресурсов д * [Модель отображения. Тонкости. Олег Мохов](https://www.youtube.com/watch?v=_FYV-EjTkfw) * [Модель отображения. Браузеры. Олег Мохов](https://www.youtube.com/watch?v=OGmzplOuRas) * [WebAPIs. Сергей Гоголев, Максим Воронцов, Олег Семичев](https://www.youtube.com/watch?v=OGmzplOuRas) -* [Принципы работы современных веб-браузеров](https://www.html5rocks.com/ru/tutorials/internals/howbrowserswork/) +* [Принципы работы современных веб-браузеров. Tali Garsiel и Paul Irish. Перевод html5rocks.com](https://www.html5rocks.com/ru/tutorials/internals/howbrowserswork/) ##Оптимизация скорости загрузки -* [Условная загрузка для адаптивного веб-дизайна](https://habrahabr.ru/post/218497/) -* [Критический путь рендеринга веб-страниц](https://habrahabr.ru/post/262239/) -* [Клиентская точка отказа: SPOF за счет внешних JS-библиотек](https://habrahabr.ru/post/265627/) -* [Представляем RAIL: модель оценки производительности сайта](https://habrahabr.ru/post/308026/) +* [Условная загрузка для адаптивного веб-дизайна. Андрей Голуменов](https://habrahabr.ru/post/218497/) +* [Критический путь рендеринга веб-страниц. Лавлинский Николай](https://habrahabr.ru/post/262239/) +* [Клиентская точка отказа: SPOF за счет внешних JS-библиотек Лавлинский Николай](https://habrahabr.ru/post/265627/) +* [Представляем RAIL: модель оценки производительности сайта. Paul Irish и Paul Lewis. Перевод Николай Мациевский](https://habrahabr.ru/post/308026/) * [В погоне за производительностью. Денис Мишунов](https://www.youtube.com/watch?v=egiLQun-FxI) * [Производительный client-side. Роман Парадеев](https://www.youtube.com/watch?v=kmhg-cV5Vkg) * [Верстка. Вид снизу. Марина Широчкина](https://www.youtube.com/watch?v=9HYHxky799o) @@ -121,9 +121,9 @@ Frontend WhiteList — это список полезных ресурсов д ##О разработке * [Не учите фреймворки, учите архитектуру](https://habrahabr.ru/post/253297/) -* [О jQuery и Bootstrap: расставляем точки над «i»](http://frontender.info/whats-wrong-with-jquery-and-bootstrap/) -* [NPM и left-pad: мы разучились программировать?](https://habrahabr.ru/post/280099/) -* [Словарь терминов по фронтенду](https://github.com/web-standards-ru/dictionary) +* [О jQuery и Bootstrap: расставляем точки над «i». Андрей Романов](http://frontender.info/whats-wrong-with-jquery-and-bootstrap/) +* [NPM и left-pad: мы разучились программировать?. David Haney. Перевод Анатолий Ализар](https://habrahabr.ru/post/280099/) +* [Словарь терминов по фронтенду. Вадим Макеев и Ольга Алексашенко](https://github.com/web-standards-ru/dictionary) * [36. Вадим Макишвили](https://vimeo.com/108327741) * [Идеологии разработки веб интерфейсов. Сергей Горобцов](https://www.youtube.com/watch?v=i1DzrxGlO_g) * [Как я перестал верить технологиям. Алексей Симоненко](https://www.youtube.com/watch?v=p5g4giWmcvE) From a7514c789b37df94c5cfda53cf97cebf0d89bf97 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 11:54:49 +0300 Subject: [PATCH 07/58] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=B0=D0=B2=D1=82=D0=BE=D1=80=D0=B0=20=D1=81=D1=82?= =?UTF-8?q?=D0=B0=D1=82=D0=B5=D0=B9=20=D0=B2=20=D1=80=D0=B0=D0=B7=D0=B4?= =?UTF-8?q?=D0=B5=D0=BB=D0=B5=20"=D0=9E=D0=BF=D1=82=D0=B8=D0=BC=D0=B8?= =?UTF-8?q?=D0=B7=D0=B0=D1=86=D0=B8=D1=8F"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index ab074f8..ca700a0 100755 --- a/README.md +++ b/README.md @@ -108,8 +108,8 @@ Frontend WhiteList — это список полезных ресурсов д ##Оптимизация скорости загрузки * [Условная загрузка для адаптивного веб-дизайна. Андрей Голуменов](https://habrahabr.ru/post/218497/) -* [Критический путь рендеринга веб-страниц. Лавлинский Николай](https://habrahabr.ru/post/262239/) -* [Клиентская точка отказа: SPOF за счет внешних JS-библиотек Лавлинский Николай](https://habrahabr.ru/post/265627/) +* [Критический путь рендеринга веб-страниц. Николай Лавлинский](https://habrahabr.ru/post/262239/) +* [Клиентская точка отказа: SPOF за счет внешних JS-библиотек Николай Лавлинский](https://habrahabr.ru/post/265627/) * [Представляем RAIL: модель оценки производительности сайта. Paul Irish и Paul Lewis. Перевод Николай Мациевский](https://habrahabr.ru/post/308026/) * [В погоне за производительностью. Денис Мишунов](https://www.youtube.com/watch?v=egiLQun-FxI) * [Производительный client-side. Роман Парадеев](https://www.youtube.com/watch?v=kmhg-cV5Vkg) From 6cb9e661c1697df68f36babb81a4fba3b6d3898f Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 12:23:20 +0300 Subject: [PATCH 08/58] =?UTF-8?q?=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=BD=D0=B0=D0=B7=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20?= =?UTF-8?q?=D1=81=D1=82=D0=B0=D1=82=D1=8C=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Изменил "Свойства вызывающие перерисовку" на "Таблица со свойствами и процессами, происходящими при изменении свойств" --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index ca700a0..231c557 100755 --- a/README.md +++ b/README.md @@ -24,7 +24,7 @@ Frontend WhiteList — это список полезных ресурсов д * [Основные правила и принципы написания CSS. Гарри Робертс. Перевод Владимир Старков](https://github.com/iamstarkov/CSS-Guidelines/blob/master/README%20Russian.md) ###Визуализация -* [Свойства вызывающие перерисовку](http://csstriggers.com/) +* [CSS Triggers. Таблица со свойствами и процессами, происходящими при изменении свойств](http://csstriggers.com/) * [Руководство по CSS Animation. Юля Бухвалова](http://css.yoksel.ru/css-animation/) * [Всё, что вам нужно знать о CSS-свойстве will-change. Sara Soueidan. Перевод Opera Software](https://dev.opera.com/articles/ru/css-will-change-property/) * [Производительность визуализации](https://developers.google.com/web/fundamentals/performance/rendering/) From 00a034e53e03756b30b51009d0fd88e8f181ee99 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 12:25:49 +0300 Subject: [PATCH 09/58] =?UTF-8?q?=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=BF=D0=BE=D1=80=D1=8F=D0=B4=D0=BE=D0=BA=20=D1=80?= =?UTF-8?q?=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB=D0=BE=D0=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index 231c557..11d35cb 100755 --- a/README.md +++ b/README.md @@ -1,6 +1,7 @@ Frontend WhiteList — это список полезных ресурсов для разработчиков интерфейсов. ##Содержание +* [Верстка](README.md#Верстка) * [CSS](README.md#css) * [Визуализация](README.md#Визуализация) * [Методологии](README.md#Методологии) @@ -10,13 +11,23 @@ Frontend WhiteList — это список полезных ресурсов д * [Руководства по библиотекам и фреймворкам](README.md#Руководства-по-библиотекам-и-фреймворкам) * [О библиотеках и фреймворках](README.md#О-библиотеках-и-фреймворках) * [Инструменты](README.md#Инструменты) -* [Верстка](README.md#Верстка) * [Accessibility](README.md#accessibility) * [Браузеры](README.md#Браузеры) * [Оптимизация скорости загрузки](README.md#Оптимизация-скорости-загрузки) * [О разработке](README.md#О-разработке) * [Книги](README.md#Книги) +##Верстка +* [Центрирование в CSS: полное руководство. Chris Coyier. Перевод Наталья Фадеева](http://frontender.info/centering-css-complete-guide/) +* [Как я научился любить скучные мелочи CSS. Peter Gaston. Перевод Веб-стандарты](http://web-standards.ru/articles/boring-bits-of-css/) +* [Валидация форм на HTML и CSS. Chris Coyier. Алёна Батицкая](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) +* [Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса. Артём Курбатов](https://habrahabr.ru/company/yandex/blog/307064/) +* [Веб-дизайн. Лекция Виталия Фридмана](https://www.youtube.com/watch?v=ri2XWgIt59U) +* [Вёрстка для мобильных устройств. Артём Кувалдин и Олег Мохов](https://www.youtube.com/watch?v=cmt2A_kT8Fs) +* [Типографика восток. Роман Прудников](https://www.youtube.com/watch?v=9YQzHmIVYag) +* [input. Артём Кувалдин](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) +* [FrontendLab: Признаки хорошей верстки. Роман Братченко](https://www.youtube.com/watch?v=lXgoTAhuEfo) + ##CSS * [Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. Дмитрий Дудин](http://html5.by/blog/flexbox/) * [Свойство background-clip и его применения. Ana Tudor. Перевод css-live.ru](http://css-live.ru/articles-css/background-clip-use-cases.html) @@ -82,17 +93,6 @@ Frontend WhiteList — это список полезных ресурсов д * [Cистемы сборки фронтенда. Gulp](https://www.youtube.com/watch?time_continue=5&v=MfnTJh-pQWM) * [Суперсилы Chrome Dev Tools. Роман Сальников](https://vimeo.com/107580454) -##Верстка -* [Центрирование в CSS: полное руководство. Chris Coyier. Перевод Наталья Фадеева](http://frontender.info/centering-css-complete-guide/) -* [Как я научился любить скучные мелочи CSS. Peter Gaston. Перевод Веб-стандарты](http://web-standards.ru/articles/boring-bits-of-css/) -* [Валидация форм на HTML и CSS. Chris Coyier. Алёна Батицкая](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) -* [Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса. Артём Курбатов](https://habrahabr.ru/company/yandex/blog/307064/) -* [Веб-дизайн. Лекция Виталия Фридмана](https://www.youtube.com/watch?v=ri2XWgIt59U) -* [Вёрстка для мобильных устройств. Артём Кувалдин и Олег Мохов](https://www.youtube.com/watch?v=cmt2A_kT8Fs) -* [Типографика восток. Роман Прудников](https://www.youtube.com/watch?v=9YQzHmIVYag) -* [input. Артём Кувалдин](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) -* [FrontendLab: Признаки хорошей верстки. Роман Братченко](https://www.youtube.com/watch?v=lXgoTAhuEfo) - ##Accessibility * [Недоступный веб: как мы развели такой бардак. Mischa Andrews. Перевод Алексей Уколов](https://habrahabr.ru/post/309076/) * [Браузеры наши меньшие, или Нам нужно серьёзно поговорить. Вадим Макеев](https://habrahabr.ru/company/oleg-bunin/blog/310210/) From 4f08eb0e5b53bd03ecdd057c886a981fd571bdbc Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 12:33:39 +0300 Subject: [PATCH 10/58] =?UTF-8?q?=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=BD=D0=B0=D0=B7=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20?= =?UTF-8?q?=D1=80=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Изменил "Визуализация" на "Анимация" --- README.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index 11d35cb..34c6116 100755 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ Frontend WhiteList — это список полезных ресурсов д ##Содержание * [Верстка](README.md#Верстка) * [CSS](README.md#css) - * [Визуализация](README.md#Визуализация) + * [Анимация](README.md#Анимация) * [Методологии](README.md#Методологии) * [JavaScript](README.md#javascript) * [Основы](README.md#Основы) @@ -34,7 +34,7 @@ Frontend WhiteList — это список полезных ресурсов д * [Можно вообще всё. Раскладка по гриду. Вадим Макеев](https://www.youtube.com/watch?v=hAFcdRrhwQM) * [Основные правила и принципы написания CSS. Гарри Робертс. Перевод Владимир Старков](https://github.com/iamstarkov/CSS-Guidelines/blob/master/README%20Russian.md) -###Визуализация +####Анимация * [CSS Triggers. Таблица со свойствами и процессами, происходящими при изменении свойств](http://csstriggers.com/) * [Руководство по CSS Animation. Юля Бухвалова](http://css.yoksel.ru/css-animation/) * [Всё, что вам нужно знать о CSS-свойстве will-change. Sara Soueidan. Перевод Opera Software](https://dev.opera.com/articles/ru/css-will-change-property/) @@ -46,7 +46,7 @@ Frontend WhiteList — это список полезных ресурсов д * [Веб-анимация на JS и CSS. Александр Завьялов](https://vimeo.com/141266409) * [Анимируем объекты с использованием физики в JavaScript. Елена Иванова](https://www.youtube.com/watch?v=UH3tKb7B5xA) -###Методологии +####Методологии * [Как работать с CSS-препроцессорами и БЭМ. Николай Громов](http://nicothin.github.io/idiomatic-pre-CSS/) * [Организация кода для CSS препроцессоров. Brian Rinaldi. Перевод Руслан Каймаков](http://frontender.info/organizing-your-css-code-for-preprocessors/) * [Битва архитектур. Mariano Miguel. Перевод css-live.ru](http://css-live.ru/articles/bitva-arxitektur.html) @@ -60,7 +60,7 @@ Frontend WhiteList — это список полезных ресурсов д * [S.O.L.I.D-ый JavaScript. Алексей Охрименко](https://www.youtube.com/watch?v=wi3wPzReKZQ) * [Классическое программирование для фронтендеров. Игорь Алексеенко](https://www.youtube.com/watch?v=b2AhDtFfSSU) -###Основы +####Основы * [Современный учебник JavaScript. Илья Кантор](https://learn.javascript.ru) * [Сводная таблица с результатами работы условий](http://dorey.github.io/JavaScript-Equality-Table/) * [Область видимости в JavaScript и «поднятие» переменных и объявлений функций](https://habrahabr.ru/post/127482/) @@ -70,15 +70,15 @@ Frontend WhiteList — это список полезных ресурсов д * [Техники работы с DOM: родительские, дочерние и соседние элементы. Louis Lazaris. Перевод prgssr.ru](http://prgssr.ru/development/tehniki-raboty-s-dom-roditelskie-dochernie-i-sosednie-elementy.html) * [Фронтенд. DOM, Events. Артем Мезин](https://www.youtube.com/watch?v=b9q2j0RyKPw) -###Советы +####Советы * [Плохой код #1. Евгений Бовыкин](http://jsraccoon.ru/exercise-bad-code-one) * [8 правил хорошего JavaScript-кода. Антон Супрун](http://popel-studio.com/blog/article/8-pravil-horoshego-javascript-koda.html) -###Руководства по библиотекам и фреймворкам +####Руководства по библиотекам и фреймворкам * [Handlebars. Руководство к действию. Олег Лазарев](https://habrahabr.ru/post/273581/) * [Правила хорошего тона при написании плагина на jQuery. Валерий Чупурнов](https://habrahabr.ru/post/277603/) -###О библиотеках и фреймворках +####О библиотеках и фреймворках * [Цена использования фреймворков. Paul Lewis. Перевод Mail.Ru Group](https://habrahabr.ru/company/mailru/blog/273613/) * [Жизнь после js-фреймворков. Андрей Ваганов](https://www.youtube.com/watch?v=-W7kFbCXVqw) From b15d40b323b641b181e6a9620390bd4fab75ee57 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 17:35:36 +0300 Subject: [PATCH 11/58] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=BE=D0=BF=D0=B8=D1=81=D0=B0=D0=BD=D0=B8=D0=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 34c6116..ebf2024 100755 --- a/README.md +++ b/README.md @@ -1,4 +1,9 @@ -Frontend WhiteList — это список полезных ресурсов для разработчиков интерфейсов. + +#Frontend WhiteList +Frontend WhiteList — это список полезных и интересных авторских статей, переводов, докладов и ресурсов на русском языке для разработчиков интерфейсов. + +##Задача +Составить список полезных ресурсов для разработчиков интерфейсов. ##Содержание * [Верстка](README.md#Верстка) From fad76e0543d21f3e633ca495af08a524467652e8 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 20:49:58 +0300 Subject: [PATCH 12/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=B4=D0=BE=D0=BA=D0=BB=D0=B0=D0=B4=20"=D0=A1=D1=82?= =?UTF-8?q?=D0=B0=D1=80=D0=B8=D0=BA=D0=B0=D0=BC=20=D0=B7=D0=B4=D0=B5=D1=81?= =?UTF-8?q?=D1=8C=20=D0=BD=D0=B5=20=D0=BC=D0=B5=D1=81=D1=82=D0=BE=3F"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index ebf2024..c7864ed 100755 --- a/README.md +++ b/README.md @@ -134,6 +134,7 @@ Frontend WhiteList — это список полезных и интересн * [Как я перестал верить технологиям. Алексей Симоненко](https://www.youtube.com/watch?v=p5g4giWmcvE) * [Принципы и приёмы написания эффективного кода. Александр Завьялов](https://www.youtube.com/watch?v=A__0VgwlBR0) * [Типичные ошибки начинающего верстальщика. Олег Мохов](https://www.youtube.com/watch?v=d4b3CiwSi9c) +* [Старикам здесь не место?](https://youtu.be/ISmD4Lik5oY?list=PLMBnwIwFEFHekmHQcApwkIzEfG8UJ_f-7) ##Книги * [Реактивные веб-сайты. Клиентская оптимизация в алгоритмах и примерах](http://www.ozon.ru/context/detail/id/5322041/) From cef52f259c81912e6ca56567e5c3c192a3069b50 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 20:59:24 +0300 Subject: [PATCH 13/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=B4=D0=BE=D0=BA=D0=BB=D0=B0=D0=B4=20"=D0=A1=D1=82?= =?UTF-8?q?=D0=B0=D1=80=D0=B8=D0=BA=D0=B0=D0=BC=20=D0=B7=D0=B4=D0=B5=D1=81?= =?UTF-8?q?=D1=8C=20=D0=BD=D0=B5=20=D0=BC=D0=B5=D1=81=D1=82=D0=BE=3F"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c7864ed..883fd53 100755 --- a/README.md +++ b/README.md @@ -134,7 +134,7 @@ Frontend WhiteList — это список полезных и интересн * [Как я перестал верить технологиям. Алексей Симоненко](https://www.youtube.com/watch?v=p5g4giWmcvE) * [Принципы и приёмы написания эффективного кода. Александр Завьялов](https://www.youtube.com/watch?v=A__0VgwlBR0) * [Типичные ошибки начинающего верстальщика. Олег Мохов](https://www.youtube.com/watch?v=d4b3CiwSi9c) -* [Старикам здесь не место?](https://youtu.be/ISmD4Lik5oY?list=PLMBnwIwFEFHekmHQcApwkIzEfG8UJ_f-7) +* ["Старикам здесь не место?". Олег Мохов и Алексей Симоненко](https://youtu.be/ISmD4Lik5oY?list=PLMBnwIwFEFHekmHQcApwkIzEfG8UJ_f-7) ##Книги * [Реактивные веб-сайты. Клиентская оптимизация в алгоритмах и примерах](http://www.ozon.ru/context/detail/id/5322041/) From 93ce86fe7c5ee91e36dd6b4ac4086967f325e294 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 21:56:00 +0300 Subject: [PATCH 14/58] =?UTF-8?q?=D0=A0=D0=B0=D0=B7=D0=B1=D0=B8=D0=BB=20?= =?UTF-8?q?=D1=80=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB=20"=D0=A0=D0=B0=D0=B7?= =?UTF-8?q?=D1=80=D0=B0=D0=B1=D0=BE=D1=82=D0=BA=D0=B0"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 23 ++++++++++++++++------- 1 file changed, 16 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index 883fd53..f8f65e7 100755 --- a/README.md +++ b/README.md @@ -19,7 +19,10 @@ Frontend WhiteList — это список полезных и интересн * [Accessibility](README.md#accessibility) * [Браузеры](README.md#Браузеры) * [Оптимизация скорости загрузки](README.md#Оптимизация-скорости-загрузки) -* [О разработке](README.md#О-разработке) +* [Разработка](README.md#Разработка) + * [О жизни](README.md#О жизни) + * [О коде](README.md#О коде) + * [О готовых решениях](README.md#О-готовых-решениях) * [Книги](README.md#Книги) ##Верстка @@ -124,17 +127,23 @@ Frontend WhiteList — это список полезных и интересн * [Загрузка главной страницы. Павел Минеев](https://www.youtube.com/watch?time_continue=32&v=k5rbC0mBK9A) * [Оптимизация фронтенда. Олег Мохов](https://www.youtube.com/watch?v=Vn1jyRdEbjg) -##О разработке -* [Не учите фреймворки, учите архитектуру](https://habrahabr.ru/post/253297/) -* [О jQuery и Bootstrap: расставляем точки над «i». Андрей Романов](http://frontender.info/whats-wrong-with-jquery-and-bootstrap/) -* [NPM и left-pad: мы разучились программировать?. David Haney. Перевод Анатолий Ализар](https://habrahabr.ru/post/280099/) +##Разработка * [Словарь терминов по фронтенду. Вадим Макеев и Ольга Алексашенко](https://github.com/web-standards-ru/dictionary) -* [36. Вадим Макишвили](https://vimeo.com/108327741) * [Идеологии разработки веб интерфейсов. Сергей Горобцов](https://www.youtube.com/watch?v=i1DzrxGlO_g) + +####О жизни +* [36. Вадим Макишвили](https://vimeo.com/108327741) * [Как я перестал верить технологиям. Алексей Симоненко](https://www.youtube.com/watch?v=p5g4giWmcvE) +* ["Старикам здесь не место?". Олег Мохов и Алексей Симоненко](https://youtu.be/ISmD4Lik5oY?list=PLMBnwIwFEFHekmHQcApwkIzEfG8UJ_f-7) + +####О коде * [Принципы и приёмы написания эффективного кода. Александр Завьялов](https://www.youtube.com/watch?v=A__0VgwlBR0) * [Типичные ошибки начинающего верстальщика. Олег Мохов](https://www.youtube.com/watch?v=d4b3CiwSi9c) -* ["Старикам здесь не место?". Олег Мохов и Алексей Симоненко](https://youtu.be/ISmD4Lik5oY?list=PLMBnwIwFEFHekmHQcApwkIzEfG8UJ_f-7) + +####О готовых решениях +* [Не учите фреймворки, учите архитектуру](https://habrahabr.ru/post/253297/) +* [О jQuery и Bootstrap: расставляем точки над «i». Андрей Романов](http://frontender.info/whats-wrong-with-jquery-and-bootstrap/) +* [NPM и left-pad: мы разучились программировать?. David Haney. Перевод Анатолий Ализар](https://habrahabr.ru/post/280099/) ##Книги * [Реактивные веб-сайты. Клиентская оптимизация в алгоритмах и примерах](http://www.ozon.ru/context/detail/id/5322041/) From 9476b13e149123f76f4f35ec07e2e9667d54bc46 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 22:00:33 +0300 Subject: [PATCH 15/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20"=D0=A4=D1=80=D0=BE=D0=BD=D1=82=D0=B5=D0=BD=D0=B4.=20?= =?UTF-8?q?=D0=A5=D1=80=D0=B0=D0=BD=D0=B5=D0=BD=D0=B8=D0=B5=20=D0=B4=D0=B0?= =?UTF-8?q?=D0=BD=D0=BD=D1=8B=D1=85.=D0=98=D0=B2=D0=B0=D0=BD=20=D0=A7?= =?UTF-8?q?=D0=B0=D1=88=D0=BA=D0=B8=D0=BD"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f8f65e7..a8ab4c0 100755 --- a/README.md +++ b/README.md @@ -113,6 +113,7 @@ Frontend WhiteList — это список полезных и интересн * [Модель отображения. Браузеры. Олег Мохов](https://www.youtube.com/watch?v=OGmzplOuRas) * [WebAPIs. Сергей Гоголев, Максим Воронцов, Олег Семичев](https://www.youtube.com/watch?v=OGmzplOuRas) * [Принципы работы современных веб-браузеров. Tali Garsiel и Paul Irish. Перевод html5rocks.com](https://www.html5rocks.com/ru/tutorials/internals/howbrowserswork/) +* [Фронтенд. Хранение данных.Иван Чашкин](https://www.youtube.com/watch?v=BvwHEb5oEJM) ##Оптимизация скорости загрузки * [Условная загрузка для адаптивного веб-дизайна. Андрей Голуменов](https://habrahabr.ru/post/218497/) From 0f24bc90905d0edd0df043a644d1fbfeda00869e Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 22:15:21 +0300 Subject: [PATCH 16/58] =?UTF-8?q?=D0=90=D0=BD=D0=B8=D0=BC=D0=B8=D1=80?= =?UTF-8?q?=D1=83=D0=B5=D0=BC=20=D0=BE=D0=B1=D1=8A=D0=B5=D0=BA=D1=82=D1=8B?= =?UTF-8?q?=20=D1=81=20=D0=B8=D1=81=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE?= =?UTF-8?q?=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=D0=BC=20=D1=84=D0=B8=D0=B7=D0=B8?= =?UTF-8?q?=D0=BA=D0=B8=20=D0=B2=20JS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index a8ab4c0..f22227a 100755 --- a/README.md +++ b/README.md @@ -52,7 +52,6 @@ Frontend WhiteList — это список полезных и интересн * [Как сделать Инстаграм в браузере. Дмитрий Дудин](https://www.youtube.com/watch?v=RJnYkbm66ZI) * [Аппаратное ускорение. Александр Завьялов](https://vimeo.com/97907079#at=3) * [Веб-анимация на JS и CSS. Александр Завьялов](https://vimeo.com/141266409) -* [Анимируем объекты с использованием физики в JavaScript. Елена Иванова](https://www.youtube.com/watch?v=UH3tKb7B5xA) ####Методологии * [Как работать с CSS-препроцессорами и БЭМ. Николай Громов](http://nicothin.github.io/idiomatic-pre-CSS/) @@ -63,10 +62,10 @@ Frontend WhiteList — это список полезных и интересн * [А вы верите в систематизацию, или методологии верстки? Елизавета Селиванова и Ирина Левина](https://www.youtube.com/watch?v=P4ag4JSNWTM) ##JavaScript - * [4 вида утечек памяти в JavaScript и как с ними бороться. Андрей Алексеев](https://habrahabr.ru/post/309318/) * [S.O.L.I.D-ый JavaScript. Алексей Охрименко](https://www.youtube.com/watch?v=wi3wPzReKZQ) * [Классическое программирование для фронтендеров. Игорь Алексеенко](https://www.youtube.com/watch?v=b2AhDtFfSSU) +* [Анимируем объекты с использованием физики в JavaScript. Елена Иванова](https://www.youtube.com/watch?v=UH3tKb7B5xA) ####Основы * [Современный учебник JavaScript. Илья Кантор](https://learn.javascript.ru) From 93ae49acb31a93c257f07db12fd0cbbe04e94852 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 22:18:52 +0300 Subject: [PATCH 17/58] =?UTF-8?q?=D0=9A=D0=B0=D0=BA=20=D1=8F=20=D0=BD?= =?UTF-8?q?=D0=B0=D1=83=D1=87=D0=B8=D0=BB=D1=81=D1=8F=20=D0=BB=D1=8E=D0=B1?= =?UTF-8?q?=D0=B8=D1=82=D1=8C=20=D1=81=D0=BA=D1=83=D1=87=D0=BD=D1=8B=D0=B5?= =?UTF-8?q?=20=D0=BC=D0=B5=D0=BB=D0=BE=D1=87=D0=B8=20CSS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f22227a..64ea61b 100755 --- a/README.md +++ b/README.md @@ -27,7 +27,6 @@ Frontend WhiteList — это список полезных и интересн ##Верстка * [Центрирование в CSS: полное руководство. Chris Coyier. Перевод Наталья Фадеева](http://frontender.info/centering-css-complete-guide/) -* [Как я научился любить скучные мелочи CSS. Peter Gaston. Перевод Веб-стандарты](http://web-standards.ru/articles/boring-bits-of-css/) * [Валидация форм на HTML и CSS. Chris Coyier. Алёна Батицкая](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) * [Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса. Артём Курбатов](https://habrahabr.ru/company/yandex/blog/307064/) * [Веб-дизайн. Лекция Виталия Фридмана](https://www.youtube.com/watch?v=ri2XWgIt59U) @@ -41,6 +40,7 @@ Frontend WhiteList — это список полезных и интересн * [Свойство background-clip и его применения. Ana Tudor. Перевод css-live.ru](http://css-live.ru/articles-css/background-clip-use-cases.html) * [Можно вообще всё. Раскладка по гриду. Вадим Макеев](https://www.youtube.com/watch?v=hAFcdRrhwQM) * [Основные правила и принципы написания CSS. Гарри Робертс. Перевод Владимир Старков](https://github.com/iamstarkov/CSS-Guidelines/blob/master/README%20Russian.md) +* [Как я научился любить скучные мелочи CSS. Peter Gaston. Перевод Веб-стандарты](http://web-standards.ru/articles/boring-bits-of-css/) ####Анимация * [CSS Triggers. Таблица со свойствами и процессами, происходящими при изменении свойств](http://csstriggers.com/) From d836b3e4644c1b3ad17eebb4cc5532a510b80c96 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 22:39:31 +0300 Subject: [PATCH 18/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D1=80=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB=20"=D0=90=D0=BD?= =?UTF-8?q?=D0=B8=D0=BC=D0=B0=D1=86=D0=B8=D1=8F"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 38 +++++++++++++++++++++++++------------- 1 file changed, 25 insertions(+), 13 deletions(-) diff --git a/README.md b/README.md index 64ea61b..730d2ed 100755 --- a/README.md +++ b/README.md @@ -8,13 +8,17 @@ Frontend WhiteList — это список полезных и интересн ##Содержание * [Верстка](README.md#Верстка) * [CSS](README.md#css) - * [Анимация](README.md#Анимация) * [Методологии](README.md#Методологии) * [JavaScript](README.md#javascript) * [Основы](README.md#Основы) * [Советы](README.md#javascript-Советы) * [Руководства по библиотекам и фреймворкам](README.md#Руководства-по-библиотекам-и-фреймворкам) * [О библиотеках и фреймворках](README.md#О-библиотеках-и-фреймворках) +* [Анимация](README.md#Анимация) + * [CSS-анимации](README.md#CSS-анимации) + * [JavaScript-анимации](README.md#JavaScript-анимации) + * [SVG-анимации](README.md#SVG-анимации) + * [Руководства по созданию анимаций](README.md#Руководства-по-созданию-анимаций) * [Инструменты](README.md#Инструменты) * [Accessibility](README.md#accessibility) * [Браузеры](README.md#Браузеры) @@ -42,17 +46,6 @@ Frontend WhiteList — это список полезных и интересн * [Основные правила и принципы написания CSS. Гарри Робертс. Перевод Владимир Старков](https://github.com/iamstarkov/CSS-Guidelines/blob/master/README%20Russian.md) * [Как я научился любить скучные мелочи CSS. Peter Gaston. Перевод Веб-стандарты](http://web-standards.ru/articles/boring-bits-of-css/) -####Анимация -* [CSS Triggers. Таблица со свойствами и процессами, происходящими при изменении свойств](http://csstriggers.com/) -* [Руководство по CSS Animation. Юля Бухвалова](http://css.yoksel.ru/css-animation/) -* [Всё, что вам нужно знать о CSS-свойстве will-change. Sara Soueidan. Перевод Opera Software](https://dev.opera.com/articles/ru/css-will-change-property/) -* [Производительность визуализации](https://developers.google.com/web/fundamentals/performance/rendering/) -* [CSS-маски для hover-эффекта](https://habrahabr.ru/post/164409/) -* [Intermediate CSS3 Hover Effects. Пошаговый туториал](https://habrahabr.ru/post/274003/) -* [Как сделать Инстаграм в браузере. Дмитрий Дудин](https://www.youtube.com/watch?v=RJnYkbm66ZI) -* [Аппаратное ускорение. Александр Завьялов](https://vimeo.com/97907079#at=3) -* [Веб-анимация на JS и CSS. Александр Завьялов](https://vimeo.com/141266409) - ####Методологии * [Как работать с CSS-препроцессорами и БЭМ. Николай Громов](http://nicothin.github.io/idiomatic-pre-CSS/) * [Организация кода для CSS препроцессоров. Brian Rinaldi. Перевод Руслан Каймаков](http://frontender.info/organizing-your-css-code-for-preprocessors/) @@ -65,7 +58,6 @@ Frontend WhiteList — это список полезных и интересн * [4 вида утечек памяти в JavaScript и как с ними бороться. Андрей Алексеев](https://habrahabr.ru/post/309318/) * [S.O.L.I.D-ый JavaScript. Алексей Охрименко](https://www.youtube.com/watch?v=wi3wPzReKZQ) * [Классическое программирование для фронтендеров. Игорь Алексеенко](https://www.youtube.com/watch?v=b2AhDtFfSSU) -* [Анимируем объекты с использованием физики в JavaScript. Елена Иванова](https://www.youtube.com/watch?v=UH3tKb7B5xA) ####Основы * [Современный учебник JavaScript. Илья Кантор](https://learn.javascript.ru) @@ -89,6 +81,26 @@ Frontend WhiteList — это список полезных и интересн * [Цена использования фреймворков. Paul Lewis. Перевод Mail.Ru Group](https://habrahabr.ru/company/mailru/blog/273613/) * [Жизнь после js-фреймворков. Андрей Ваганов](https://www.youtube.com/watch?v=-W7kFbCXVqw) +##Анимация +* [Производительность визуализации](https://developers.google.com/web/fundamentals/performance/rendering/) +* [Аппаратное ускорение. Александр Завьялов](https://vimeo.com/97907079#at=3) +* [Веб-анимация на JS и CSS. Александр Завьялов](https://vimeo.com/141266409) + +####CSS-анимации +* [CSS Triggers. Таблица со свойствами и процессами, происходящими при изменении свойств](http://csstriggers.com/) +* [Руководство по CSS Animation. Юля Бухвалова](http://css.yoksel.ru/css-animation/) +* [Всё, что вам нужно знать о CSS-свойстве will-change. Sara Soueidan. Перевод Opera Software](https://dev.opera.com/articles/ru/css-will-change-property/) + +####JavaScript-анимации +* [Анимируем объекты с использованием физики в JavaScript. Елена Иванова](https://www.youtube.com/watch?v=UH3tKb7B5xA) + +####SVG-анимации +* [Как сделать Инстаграм в браузере. Дмитрий Дудин](https://www.youtube.com/watch?v=RJnYkbm66ZI) + +####Руководства по созданию анимаций +* [CSS-маски для hover-эффекта](https://habrahabr.ru/post/164409/) +* [Intermediate CSS3 Hover Effects. Пошаговый туториал](https://habrahabr.ru/post/274003/) + ##Инструменты * [Автоматизация для фронтендеров. Роберт Харитонов](https://www.youtube.com/watch?v=y9ERi0PhHEo) * [Bower: зачем фронтенду нужен менеджер пакетов. Артём Сапегин](http://nano.sapegin.ru/all/bower) From 2209ec0ad24456a230dd517fa3efa5234965fa5b Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 22:43:35 +0300 Subject: [PATCH 19/58] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=BC=D0=B5=D0=BD=D1=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 730d2ed..4547017 100755 --- a/README.md +++ b/README.md @@ -15,9 +15,9 @@ Frontend WhiteList — это список полезных и интересн * [Руководства по библиотекам и фреймворкам](README.md#Руководства-по-библиотекам-и-фреймворкам) * [О библиотеках и фреймворках](README.md#О-библиотеках-и-фреймворках) * [Анимация](README.md#Анимация) - * [CSS-анимации](README.md#CSS-анимации) - * [JavaScript-анимации](README.md#JavaScript-анимации) - * [SVG-анимации](README.md#SVG-анимации) + * [CSS-анимации](README.md#css-анимации) + * [JavaScript-анимации](README.md#javascript-анимации) + * [SVG-анимации](README.md#svg-анимации) * [Руководства по созданию анимаций](README.md#Руководства-по-созданию-анимаций) * [Инструменты](README.md#Инструменты) * [Accessibility](README.md#accessibility) From 090162ab7bb8e9a34d9da03406fa320b8b3e6abe Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 22:50:53 +0300 Subject: [PATCH 20/58] =?UTF-8?q?=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B8?= =?UTF-8?q?=D0=BB=20=D1=80=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB=20"CSS"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 4547017..cc6284a 100755 --- a/README.md +++ b/README.md @@ -8,7 +8,8 @@ Frontend WhiteList — это список полезных и интересн ##Содержание * [Верстка](README.md#Верстка) * [CSS](README.md#css) - * [Методологии](README.md#Методологии) + * [О свойствах](README.md#О-свойствах) + * [Об организации](README.md#Об-организации) * [JavaScript](README.md#javascript) * [Основы](README.md#Основы) * [Советы](README.md#javascript-Советы) @@ -31,6 +32,8 @@ Frontend WhiteList — это список полезных и интересн ##Верстка * [Центрирование в CSS: полное руководство. Chris Coyier. Перевод Наталья Фадеева](http://frontender.info/centering-css-complete-guide/) +* [Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. Дмитрий Дудин](http://html5.by/blog/flexbox/) +* [Можно вообще всё. Раскладка по гриду. Вадим Макеев](https://www.youtube.com/watch?v=hAFcdRrhwQM) * [Валидация форм на HTML и CSS. Chris Coyier. Алёна Батицкая](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) * [Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса. Артём Курбатов](https://habrahabr.ru/company/yandex/blog/307064/) * [Веб-дизайн. Лекция Виталия Фридмана](https://www.youtube.com/watch?v=ri2XWgIt59U) @@ -40,13 +43,12 @@ Frontend WhiteList — это список полезных и интересн * [FrontendLab: Признаки хорошей верстки. Роман Братченко](https://www.youtube.com/watch?v=lXgoTAhuEfo) ##CSS -* [Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. Дмитрий Дудин](http://html5.by/blog/flexbox/) +####О свойствах * [Свойство background-clip и его применения. Ana Tudor. Перевод css-live.ru](http://css-live.ru/articles-css/background-clip-use-cases.html) -* [Можно вообще всё. Раскладка по гриду. Вадим Макеев](https://www.youtube.com/watch?v=hAFcdRrhwQM) -* [Основные правила и принципы написания CSS. Гарри Робертс. Перевод Владимир Старков](https://github.com/iamstarkov/CSS-Guidelines/blob/master/README%20Russian.md) * [Как я научился любить скучные мелочи CSS. Peter Gaston. Перевод Веб-стандарты](http://web-standards.ru/articles/boring-bits-of-css/) -####Методологии +####Об организации +* [Основные правила и принципы написания CSS. Гарри Робертс. Перевод Владимир Старков](https://github.com/iamstarkov/CSS-Guidelines/blob/master/README%20Russian.md) * [Как работать с CSS-препроцессорами и БЭМ. Николай Громов](http://nicothin.github.io/idiomatic-pre-CSS/) * [Организация кода для CSS препроцессоров. Brian Rinaldi. Перевод Руслан Каймаков](http://frontender.info/organizing-your-css-code-for-preprocessors/) * [Битва архитектур. Mariano Miguel. Перевод css-live.ru](http://css-live.ru/articles/bitva-arxitektur.html) From d29034c80f363c22581d28e022c3c6c44abccaad Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 22:56:30 +0300 Subject: [PATCH 21/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D1=80=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB=20"=D0=9E=20?= =?UTF-8?q?=D0=BF=D0=BE=D0=B7=D0=B8=D1=86=D0=B8=D0=BE=D0=BD=D0=B8=D1=80?= =?UTF-8?q?=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B8"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index cc6284a..7db8438 100755 --- a/README.md +++ b/README.md @@ -7,6 +7,7 @@ Frontend WhiteList — это список полезных и интересн ##Содержание * [Верстка](README.md#Верстка) + * [О позиционировании](README.md#О-позиционировании) * [CSS](README.md#css) * [О свойствах](README.md#О-свойствах) * [Об организации](README.md#Об-организации) @@ -31,9 +32,6 @@ Frontend WhiteList — это список полезных и интересн * [Книги](README.md#Книги) ##Верстка -* [Центрирование в CSS: полное руководство. Chris Coyier. Перевод Наталья Фадеева](http://frontender.info/centering-css-complete-guide/) -* [Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. Дмитрий Дудин](http://html5.by/blog/flexbox/) -* [Можно вообще всё. Раскладка по гриду. Вадим Макеев](https://www.youtube.com/watch?v=hAFcdRrhwQM) * [Валидация форм на HTML и CSS. Chris Coyier. Алёна Батицкая](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) * [Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса. Артём Курбатов](https://habrahabr.ru/company/yandex/blog/307064/) * [Веб-дизайн. Лекция Виталия Фридмана](https://www.youtube.com/watch?v=ri2XWgIt59U) @@ -42,6 +40,11 @@ Frontend WhiteList — это список полезных и интересн * [input. Артём Кувалдин](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) * [FrontendLab: Признаки хорошей верстки. Роман Братченко](https://www.youtube.com/watch?v=lXgoTAhuEfo) +####О позиционировании +* [Центрирование в CSS: полное руководство. Chris Coyier. Перевод Наталья Фадеева](http://frontender.info/centering-css-complete-guide/) +* [Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. Дмитрий Дудин](http://html5.by/blog/flexbox/) +* [Можно вообще всё. Раскладка по гриду. Вадим Макеев](https://www.youtube.com/watch?v=hAFcdRrhwQM) + ##CSS ####О свойствах * [Свойство background-clip и его применения. Ana Tudor. Перевод css-live.ru](http://css-live.ru/articles-css/background-clip-use-cases.html) From 45295c512e42599e663f6f1b6d6ed8bd6fadfd62 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 11 Nov 2016 23:35:21 +0300 Subject: [PATCH 22/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20"=D0=A1=D0=BB=D0=BE=D0=B2=D0=B0,=20=D1=87=D0=B0=D1=81?= =?UTF-8?q?=D1=82=D0=BE=20=D0=B8=D1=81=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D1=83?= =?UTF-8?q?=D0=B5=D0=BC=D1=8B=D0=B5=20=D0=B2=20CSS-=D0=BA=D0=BB=D0=B0?= =?UTF-8?q?=D1=81=D1=81=D0=B0=D1=85"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 7db8438..7847fca 100755 --- a/README.md +++ b/README.md @@ -39,6 +39,7 @@ Frontend WhiteList — это список полезных и интересн * [Типографика восток. Роман Прудников](https://www.youtube.com/watch?v=9YQzHmIVYag) * [input. Артём Кувалдин](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) * [FrontendLab: Признаки хорошей верстки. Роман Братченко](https://www.youtube.com/watch?v=lXgoTAhuEfo) +* [Слова, часто используемые в CSS-классах. Юля Бухвалова](https://github.com/yoksel/common-words) ####О позиционировании * [Центрирование в CSS: полное руководство. Chris Coyier. Перевод Наталья Фадеева](http://frontender.info/centering-css-complete-guide/) From a97924d75143921de79a6e368f7a64fbd6953df0 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Sat, 12 Nov 2016 12:58:37 +0300 Subject: [PATCH 23/58] =?UTF-8?q?=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=BE=D0=BF=D0=B8=D1=81=D0=B0=D0=BD=D0=B8=D0=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Добавил "Задачи" и "Как помочь проекту" --- README.md | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 7847fca..53e2b7d 100755 --- a/README.md +++ b/README.md @@ -2,8 +2,9 @@ #Frontend WhiteList Frontend WhiteList — это список полезных и интересных авторских статей, переводов, докладов и ресурсов на русском языке для разработчиков интерфейсов. -##Задача -Составить список полезных ресурсов для разработчиков интерфейсов. +##Задачи +1. Составить список полезных ресурсов для разработчиков интерфейсов +2. Продвинуть в массы имена авторов, которые делают отрасль лучше ##Содержание * [Верстка](README.md#Верстка) @@ -173,4 +174,10 @@ Frontend WhiteList — это список полезных и интересн * [Выразительный JavaScript](http://habrahabr.ru/post/240219/) * [Паттерны для масштабируемых JavaScript-приложений](http://largescalejs.ru/) +##Как помочь проекту +1. Предложить ресурс с указанием автора(по возможности) в задачах или сделать пулреквест +2. Поделиться ссылкой с друзьями и коллегами + +--- + Редакторы [Стас Мельников](https://stas-melnikov.ru) и [Артем Андреев](https://github.com/grachpower) From 8487e8519c4578cf552ec7c10f73e86113d79d00 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Sat, 12 Nov 2016 14:19:54 +0300 Subject: [PATCH 24/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=BB=D0=B8=D1=86=D0=B5=D0=BD=D0=B7=D0=B8=D1=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 53e2b7d..fbf2229 100755 --- a/README.md +++ b/README.md @@ -180,4 +180,4 @@ Frontend WhiteList — это список полезных и интересн --- -Редакторы [Стас Мельников](https://stas-melnikov.ru) и [Артем Андреев](https://github.com/grachpower) +Редакторы [Стас Мельников](https://stas-melnikov.ru) и [Артем Андреев](https://github.com/grachpower). Распространяется по лицензии [CC-BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/deed.ru). From ca1c1518800c6e4fb7fdc05bf32689d95651c0e5 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Sat, 12 Nov 2016 14:24:12 +0300 Subject: [PATCH 25/58] LICENSE.md --- LICENSE.md | 425 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 425 insertions(+) create mode 100644 LICENSE.md diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..34ec65f --- /dev/null +++ b/LICENSE.md @@ -0,0 +1,425 @@ +Attribution-ShareAlike 4.0 International + +======================================================================= + +Creative Commons Corporation ("Creative Commons") is not a law firm and +does not provide legal services or legal advice. Distribution of +Creative Commons public licenses does not create a lawyer-client or +other relationship. Creative Commons makes its licenses and related +information available on an "as-is" basis. Creative Commons gives no +warranties regarding its licenses, any material licensed under their +terms and conditions, or any related information. Creative Commons +disclaims all liability for damages resulting from their use to the +fullest extent possible. + +Using Creative Commons Public Licenses + +Creative Commons public licenses provide a standard set of terms and +conditions that creators and other rights holders may use to share +original works of authorship and other material subject to copyright +and certain other rights specified in the public license below. The +following considerations are for informational purposes only, are not +exhaustive, and do not form part of our licenses. + + Considerations for licensors: Our public licenses are + intended for use by those authorized to give the public + permission to use material in ways otherwise restricted by + copyright and certain other rights. Our licenses are + irrevocable. Licensors should read and understand the terms + and conditions of the license they choose before applying it. + Licensors should also secure all rights necessary before + applying our licenses so that the public can reuse the + material as expected. Licensors should clearly mark any + material not subject to the license. This includes other CC- + licensed material, or material used under an exception or + limitation to copyright. More considerations for licensors: + wiki.creativecommons.org/Considerations_for_licensors + + Considerations for the public: By using one of our public + licenses, a licensor grants the public permission to use the + licensed material under specified terms and conditions. If + the licensor's permission is not necessary for any reason--for + example, because of any applicable exception or limitation to + copyright--then that use is not regulated by the license. Our + licenses grant only permissions under copyright and certain + other rights that a licensor has authority to grant. Use of + the licensed material may still be restricted for other + reasons, including because others have copyright or other + rights in the material. A licensor may make special requests, + such as asking that all changes be marked or described. + Although not required by our licenses, you are encouraged to + respect those requests where reasonable. More_considerations + for the public: + wiki.creativecommons.org/Considerations_for_licensees + +======================================================================= + +Creative Commons Attribution-ShareAlike 4.0 International Public +License + +By exercising the Licensed Rights (defined below), You accept and agree +to be bound by the terms and conditions of this Creative Commons +Attribution-ShareAlike 4.0 International Public License ("Public +License"). To the extent this Public License may be interpreted as a +contract, You are granted the Licensed Rights in consideration of Your +acceptance of these terms and conditions, and the Licensor grants You +such rights in consideration of benefits the Licensor receives from +making the Licensed Material available under these terms and +conditions. + + +Section 1 -- Definitions. + + a. Adapted Material means material subject to Copyright and Similar + Rights that is derived from or based upon the Licensed Material + and in which the Licensed Material is translated, altered, + arranged, transformed, or otherwise modified in a manner requiring + permission under the Copyright and Similar Rights held by the + Licensor. For purposes of this Public License, where the Licensed + Material is a musical work, performance, or sound recording, + Adapted Material is always produced where the Licensed Material is + synched in timed relation with a moving image. + + b. Adapter's License means the license You apply to Your Copyright + and Similar Rights in Your contributions to Adapted Material in + accordance with the terms and conditions of this Public License. + + c. BY-SA Compatible License means a license listed at + creativecommons.org/compatiblelicenses, approved by Creative + Commons as essentially the equivalent of this Public License. + + d. Copyright and Similar Rights means copyright and/or similar rights + closely related to copyright including, without limitation, + performance, broadcast, sound recording, and Sui Generis Database + Rights, without regard to how the rights are labeled or + categorized. For purposes of this Public License, the rights + specified in Section 2(b)(1)-(2) are not Copyright and Similar + Rights. + + e. Effective Technological Measures means those measures that, in the + absence of proper authority, may not be circumvented under laws + fulfilling obligations under Article 11 of the WIPO Copyright + Treaty adopted on December 20, 1996, and/or similar international + agreements. + + f. Exceptions and Limitations means fair use, fair dealing, and/or + any other exception or limitation to Copyright and Similar Rights + that applies to Your use of the Licensed Material. + + g. License Elements means the license attributes listed in the name + of a Creative Commons Public License. The License Elements of this + Public License are Attribution and ShareAlike. + + h. Licensed Material means the artistic or literary work, database, + or other material to which the Licensor applied this Public + License. + + i. Licensed Rights means the rights granted to You subject to the + terms and conditions of this Public License, which are limited to + all Copyright and Similar Rights that apply to Your use of the + Licensed Material and that the Licensor has authority to license. + + j. Licensor means the individual(s) or entity(ies) granting rights + under this Public License. + + k. Share means to provide material to the public by any means or + process that requires permission under the Licensed Rights, such + as reproduction, public display, public performance, distribution, + dissemination, communication, or importation, and to make material + available to the public including in ways that members of the + public may access the material from a place and at a time + individually chosen by them. + + l. Sui Generis Database Rights means rights other than copyright + resulting from Directive 96/9/EC of the European Parliament and of + the Council of 11 March 1996 on the legal protection of databases, + as amended and/or succeeded, as well as other essentially + equivalent rights anywhere in the world. + + m. You means the individual or entity exercising the Licensed Rights + under this Public License. Your has a corresponding meaning. + + +Section 2 -- Scope. + + a. License grant. + + 1. Subject to the terms and conditions of this Public License, + the Licensor hereby grants You a worldwide, royalty-free, + non-sublicensable, non-exclusive, irrevocable license to + exercise the Licensed Rights in the Licensed Material to: + + a. reproduce and Share the Licensed Material, in whole or + in part; and + + b. produce, reproduce, and Share Adapted Material. + + 2. Exceptions and Limitations. For the avoidance of doubt, where + Exceptions and Limitations apply to Your use, this Public + License does not apply, and You do not need to comply with + its terms and conditions. + + 3. Term. The term of this Public License is specified in Section + 6(a). + + 4. Media and formats; technical modifications allowed. The + Licensor authorizes You to exercise the Licensed Rights in + all media and formats whether now known or hereafter created, + and to make technical modifications necessary to do so. The + Licensor waives and/or agrees not to assert any right or + authority to forbid You from making technical modifications + necessary to exercise the Licensed Rights, including + technical modifications necessary to circumvent Effective + Technological Measures. For purposes of this Public License, + simply making modifications authorized by this Section 2(a) + (4) never produces Adapted Material. + + 5. Downstream recipients. + + a. Offer from the Licensor -- Licensed Material. Every + recipient of the Licensed Material automatically + receives an offer from the Licensor to exercise the + Licensed Rights under the terms and conditions of this + Public License. + + b. Additional offer from the Licensor -- Adapted Material. + Every recipient of Adapted Material from You + automatically receives an offer from the Licensor to + exercise the Licensed Rights in the Adapted Material + under the conditions of the Adapter's License You apply. + + c. No downstream restrictions. You may not offer or impose + any additional or different terms or conditions on, or + apply any Effective Technological Measures to, the + Licensed Material if doing so restricts exercise of the + Licensed Rights by any recipient of the Licensed + Material. + + 6. No endorsement. Nothing in this Public License constitutes or + may be construed as permission to assert or imply that You + are, or that Your use of the Licensed Material is, connected + with, or sponsored, endorsed, or granted official status by, + the Licensor or others designated to receive attribution as + provided in Section 3(a)(1)(A)(i). + + b. Other rights. + + 1. Moral rights, such as the right of integrity, are not + licensed under this Public License, nor are publicity, + privacy, and/or other similar personality rights; however, to + the extent possible, the Licensor waives and/or agrees not to + assert any such rights held by the Licensor to the limited + extent necessary to allow You to exercise the Licensed + Rights, but not otherwise. + + 2. Patent and trademark rights are not licensed under this + Public License. + + 3. To the extent possible, the Licensor waives any right to + collect royalties from You for the exercise of the Licensed + Rights, whether directly or through a collecting society + under any voluntary or waivable statutory or compulsory + licensing scheme. In all other cases the Licensor expressly + reserves any right to collect such royalties. + + +Section 3 -- License Conditions. + +Your exercise of the Licensed Rights is expressly made subject to the +following conditions. + + a. Attribution. + + 1. If You Share the Licensed Material (including in modified + form), You must: + + a. retain the following if it is supplied by the Licensor + with the Licensed Material: + + i. identification of the creator(s) of the Licensed + Material and any others designated to receive + attribution, in any reasonable manner requested by + the Licensor (including by pseudonym if + designated); + + ii. a copyright notice; + + iii. a notice that refers to this Public License; + + iv. a notice that refers to the disclaimer of + warranties; + + v. a URI or hyperlink to the Licensed Material to the + extent reasonably practicable; + + b. indicate if You modified the Licensed Material and + retain an indication of any previous modifications; and + + c. indicate the Licensed Material is licensed under this + Public License, and include the text of, or the URI or + hyperlink to, this Public License. + + 2. You may satisfy the conditions in Section 3(a)(1) in any + reasonable manner based on the medium, means, and context in + which You Share the Licensed Material. For example, it may be + reasonable to satisfy the conditions by providing a URI or + hyperlink to a resource that includes the required + information. + + 3. If requested by the Licensor, You must remove any of the + information required by Section 3(a)(1)(A) to the extent + reasonably practicable. + + b. ShareAlike. + + In addition to the conditions in Section 3(a), if You Share + Adapted Material You produce, the following conditions also apply. + + 1. The Adapter's License You apply must be a Creative Commons + license with the same License Elements, this version or + later, or a BY-SA Compatible License. + + 2. You must include the text of, or the URI or hyperlink to, the + Adapter's License You apply. You may satisfy this condition + in any reasonable manner based on the medium, means, and + context in which You Share Adapted Material. + + 3. You may not offer or impose any additional or different terms + or conditions on, or apply any Effective Technological + Measures to, Adapted Material that restrict exercise of the + rights granted under the Adapter's License You apply. + + +Section 4 -- Sui Generis Database Rights. + +Where the Licensed Rights include Sui Generis Database Rights that +apply to Your use of the Licensed Material: + + a. for the avoidance of doubt, Section 2(a)(1) grants You the right + to extract, reuse, reproduce, and Share all or a substantial + portion of the contents of the database; + + b. if You include all or a substantial portion of the database + contents in a database in which You have Sui Generis Database + Rights, then the database in which You have Sui Generis Database + Rights (but not its individual contents) is Adapted Material, + + including for purposes of Section 3(b); and + c. You must comply with the conditions in Section 3(a) if You Share + all or a substantial portion of the contents of the database. + +For the avoidance of doubt, this Section 4 supplements and does not +replace Your obligations under this Public License where the Licensed +Rights include other Copyright and Similar Rights. + + +Section 5 -- Disclaimer of Warranties and Limitation of Liability. + + a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE + EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS + AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF + ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS, + IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION, + WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR + PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS, + ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT + KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT + ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU. + + b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE + TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION, + NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT, + INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES, + COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR + USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN + ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR + DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR + IN PART, THIS LIMITATION MAY NOT APPLY TO YOU. + + c. The disclaimer of warranties and limitation of liability provided + above shall be interpreted in a manner that, to the extent + possible, most closely approximates an absolute disclaimer and + waiver of all liability. + + +Section 6 -- Term and Termination. + + a. This Public License applies for the term of the Copyright and + Similar Rights licensed here. However, if You fail to comply with + this Public License, then Your rights under this Public License + terminate automatically. + + b. Where Your right to use the Licensed Material has terminated under + Section 6(a), it reinstates: + + 1. automatically as of the date the violation is cured, provided + it is cured within 30 days of Your discovery of the + violation; or + + 2. upon express reinstatement by the Licensor. + + For the avoidance of doubt, this Section 6(b) does not affect any + right the Licensor may have to seek remedies for Your violations + of this Public License. + + c. For the avoidance of doubt, the Licensor may also offer the + Licensed Material under separate terms or conditions or stop + distributing the Licensed Material at any time; however, doing so + will not terminate this Public License. + + d. Sections 1, 5, 6, 7, and 8 survive termination of this Public + License. + + +Section 7 -- Other Terms and Conditions. + + a. The Licensor shall not be bound by any additional or different + terms or conditions communicated by You unless expressly agreed. + + b. Any arrangements, understandings, or agreements regarding the + Licensed Material not stated herein are separate from and + independent of the terms and conditions of this Public License. + + +Section 8 -- Interpretation. + + a. For the avoidance of doubt, this Public License does not, and + shall not be interpreted to, reduce, limit, restrict, or impose + conditions on any use of the Licensed Material that could lawfully + be made without permission under this Public License. + + b. To the extent possible, if any provision of this Public License is + deemed unenforceable, it shall be automatically reformed to the + minimum extent necessary to make it enforceable. If the provision + cannot be reformed, it shall be severed from this Public License + without affecting the enforceability of the remaining terms and + conditions. + + c. No term or condition of this Public License will be waived and no + failure to comply consented to unless expressly agreed to by the + Licensor. + + d. Nothing in this Public License constitutes or may be interpreted + as a limitation upon, or waiver of, any privileges and immunities + that apply to the Licensor or You, including from the legal + processes of any jurisdiction or authority. + + +======================================================================= + +Creative Commons is not a party to its public licenses. +Notwithstanding, Creative Commons may elect to apply one of its public +licenses to material it publishes and in those instances will be +considered the "Licensor." Except for the limited purpose of indicating +that material is shared under a Creative Commons public license or as +otherwise permitted by the Creative Commons policies published at +creativecommons.org/policies, Creative Commons does not authorize the +use of the trademark "Creative Commons" or any other trademark or logo +of Creative Commons without its prior written consent including, +without limitation, in connection with any unauthorized modifications +to any of its public licenses or any other arrangements, +understandings, or agreements concerning use of licensed material. For +the avoidance of doubt, this paragraph does not form part of the public +licenses. + +Creative Commons may be contacted at creativecommons.org. From 08bde4d8b0f13a31941771a70a6abc096513a9e9 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Sun, 13 Nov 2016 12:42:14 +0300 Subject: [PATCH 26/58] Improving Smashing Mag's Performance. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index fbf2229..c995d8a 100755 --- a/README.md +++ b/README.md @@ -35,7 +35,6 @@ Frontend WhiteList — это список полезных и интересн ##Верстка * [Валидация форм на HTML и CSS. Chris Coyier. Алёна Батицкая](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) * [Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса. Артём Курбатов](https://habrahabr.ru/company/yandex/blog/307064/) -* [Веб-дизайн. Лекция Виталия Фридмана](https://www.youtube.com/watch?v=ri2XWgIt59U) * [Вёрстка для мобильных устройств. Артём Кувалдин и Олег Мохов](https://www.youtube.com/watch?v=cmt2A_kT8Fs) * [Типографика восток. Роман Прудников](https://www.youtube.com/watch?v=9YQzHmIVYag) * [input. Артём Кувалдин](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) @@ -145,6 +144,7 @@ Frontend WhiteList — это список полезных и интересн * [Фронтенд. Сетевое взаимодействие. Артем Мезин и Егор Дыдыкин](https://www.youtube.com/watch?v=feEs6aymPj4) * [Загрузка главной страницы. Павел Минеев](https://www.youtube.com/watch?time_continue=32&v=k5rbC0mBK9A) * [Оптимизация фронтенда. Олег Мохов](https://www.youtube.com/watch?v=Vn1jyRdEbjg) +* [Improving Smashing Mag's Performance. Виталий Фридман](https://www.youtube.com/watch?v=ri2XWgIt59U) ##Разработка * [Словарь терминов по фронтенду. Вадим Макеев и Ольга Алексашенко](https://github.com/web-standards-ru/dictionary) From db730b4a4863467fcc3b5af5a7b3ee10515853b5 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Sun, 13 Nov 2016 13:46:16 +0300 Subject: [PATCH 27/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D1=80=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Добавил раздел "О мобильных устройствах" --- README.md | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index c995d8a..f4c7a30 100755 --- a/README.md +++ b/README.md @@ -9,11 +9,12 @@ Frontend WhiteList — это список полезных и интересн ##Содержание * [Верстка](README.md#Верстка) * [О позиционировании](README.md#О-позиционировании) + * [О мобильных устройствах](README.md#О-мобильных-устройствах) * [CSS](README.md#css) * [О свойствах](README.md#О-свойствах) * [Об организации](README.md#Об-организации) * [JavaScript](README.md#javascript) - * [Основы](README.md#Основы) + * [Об основах](README.md#Об-основах) * [Советы](README.md#javascript-Советы) * [Руководства по библиотекам и фреймворкам](README.md#Руководства-по-библиотекам-и-фреймворкам) * [О библиотеках и фреймворках](README.md#О-библиотеках-и-фреймворках) @@ -34,13 +35,15 @@ Frontend WhiteList — это список полезных и интересн ##Верстка * [Валидация форм на HTML и CSS. Chris Coyier. Алёна Батицкая](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) -* [Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса. Артём Курбатов](https://habrahabr.ru/company/yandex/blog/307064/) -* [Вёрстка для мобильных устройств. Артём Кувалдин и Олег Мохов](https://www.youtube.com/watch?v=cmt2A_kT8Fs) * [Типографика восток. Роман Прудников](https://www.youtube.com/watch?v=9YQzHmIVYag) * [input. Артём Кувалдин](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) * [FrontendLab: Признаки хорошей верстки. Роман Братченко](https://www.youtube.com/watch?v=lXgoTAhuEfo) * [Слова, часто используемые в CSS-классах. Юля Бухвалова](https://github.com/yoksel/common-words) +####О мобильных устройствах +* [Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса. Артём Курбатов](https://habrahabr.ru/company/yandex/blog/307064/) +* [Вёрстка для мобильных устройств. Артём Кувалдин и Олег Мохов](https://www.youtube.com/watch?v=cmt2A_kT8Fs) + ####О позиционировании * [Центрирование в CSS: полное руководство. Chris Coyier. Перевод Наталья Фадеева](http://frontender.info/centering-css-complete-guide/) * [Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. Дмитрий Дудин](http://html5.by/blog/flexbox/) @@ -65,7 +68,7 @@ Frontend WhiteList — это список полезных и интересн * [S.O.L.I.D-ый JavaScript. Алексей Охрименко](https://www.youtube.com/watch?v=wi3wPzReKZQ) * [Классическое программирование для фронтендеров. Игорь Алексеенко](https://www.youtube.com/watch?v=b2AhDtFfSSU) -####Основы +####Об основах * [Современный учебник JavaScript. Илья Кантор](https://learn.javascript.ru) * [Сводная таблица с результатами работы условий](http://dorey.github.io/JavaScript-Equality-Table/) * [Область видимости в JavaScript и «поднятие» переменных и объявлений функций](https://habrahabr.ru/post/127482/) From 89976e3304fc75d65124e1ef3b70dd4b6ef65031 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Sun, 13 Nov 2016 14:01:14 +0300 Subject: [PATCH 28/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D1=80=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Добавил раздел "Советы" в раздел "Верстка" --- README.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index f4c7a30..302b9be 100755 --- a/README.md +++ b/README.md @@ -37,7 +37,6 @@ Frontend WhiteList — это список полезных и интересн * [Валидация форм на HTML и CSS. Chris Coyier. Алёна Батицкая](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) * [Типографика восток. Роман Прудников](https://www.youtube.com/watch?v=9YQzHmIVYag) * [input. Артём Кувалдин](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) -* [FrontendLab: Признаки хорошей верстки. Роман Братченко](https://www.youtube.com/watch?v=lXgoTAhuEfo) * [Слова, часто используемые в CSS-классах. Юля Бухвалова](https://github.com/yoksel/common-words) ####О мобильных устройствах @@ -49,6 +48,10 @@ Frontend WhiteList — это список полезных и интересн * [Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. Дмитрий Дудин](http://html5.by/blog/flexbox/) * [Можно вообще всё. Раскладка по гриду. Вадим Макеев](https://www.youtube.com/watch?v=hAFcdRrhwQM) +####Cоветы +* [FrontendLab: Признаки хорошей верстки. Роман Братченко](https://www.youtube.com/watch?v=lXgoTAhuEfo) +* [Распространенные ошибки начинающего HTML-верстальщика. Стас Мельников](https://habrahabr.ru/post/307210/) + ##CSS ####О свойствах * [Свойство background-clip и его применения. Ana Tudor. Перевод css-live.ru](http://css-live.ru/articles-css/background-clip-use-cases.html) From 5686fdc80d6f963356f51271db4b761292669013 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Sun, 13 Nov 2016 14:03:48 +0300 Subject: [PATCH 29/58] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=BC=D0=B5=D0=BD=D1=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 302b9be..47ea842 100755 --- a/README.md +++ b/README.md @@ -10,12 +10,13 @@ Frontend WhiteList — это список полезных и интересн * [Верстка](README.md#Верстка) * [О позиционировании](README.md#О-позиционировании) * [О мобильных устройствах](README.md#О-мобильных-устройствах) + * [Советы](README.md#Советы) * [CSS](README.md#css) * [О свойствах](README.md#О-свойствах) * [Об организации](README.md#Об-организации) * [JavaScript](README.md#javascript) * [Об основах](README.md#Об-основах) - * [Советы](README.md#javascript-Советы) + * [Советы](README.md#Советы) * [Руководства по библиотекам и фреймворкам](README.md#Руководства-по-библиотекам-и-фреймворкам) * [О библиотеках и фреймворках](README.md#О-библиотеках-и-фреймворках) * [Анимация](README.md#Анимация) From 7d5a9ee5c0f11359133e4274d879ea5283ecbf15 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Sun, 13 Nov 2016 14:06:19 +0300 Subject: [PATCH 30/58] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=BD=D0=B0=D0=B2=D0=B8=D0=B3=D0=B0=D1=86=D0=B8=D1=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 47ea842..43ea1cb 100755 --- a/README.md +++ b/README.md @@ -10,13 +10,13 @@ Frontend WhiteList — это список полезных и интересн * [Верстка](README.md#Верстка) * [О позиционировании](README.md#О-позиционировании) * [О мобильных устройствах](README.md#О-мобильных-устройствах) - * [Советы](README.md#Советы) + * [HTML Советы](README.md#HTML-Советы) * [CSS](README.md#css) * [О свойствах](README.md#О-свойствах) * [Об организации](README.md#Об-организации) * [JavaScript](README.md#javascript) * [Об основах](README.md#Об-основах) - * [Советы](README.md#Советы) + * [JavaScript Советы](README.md#JavaScript-Советы) * [Руководства по библиотекам и фреймворкам](README.md#Руководства-по-библиотекам-и-фреймворкам) * [О библиотеках и фреймворках](README.md#О-библиотеках-и-фреймворках) * [Анимация](README.md#Анимация) @@ -49,7 +49,7 @@ Frontend WhiteList — это список полезных и интересн * [Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. Дмитрий Дудин](http://html5.by/blog/flexbox/) * [Можно вообще всё. Раскладка по гриду. Вадим Макеев](https://www.youtube.com/watch?v=hAFcdRrhwQM) -####Cоветы +####HTML Cоветы * [FrontendLab: Признаки хорошей верстки. Роман Братченко](https://www.youtube.com/watch?v=lXgoTAhuEfo) * [Распространенные ошибки начинающего HTML-верстальщика. Стас Мельников](https://habrahabr.ru/post/307210/) @@ -82,7 +82,7 @@ Frontend WhiteList — это список полезных и интересн * [Техники работы с DOM: родительские, дочерние и соседние элементы. Louis Lazaris. Перевод prgssr.ru](http://prgssr.ru/development/tehniki-raboty-s-dom-roditelskie-dochernie-i-sosednie-elementy.html) * [Фронтенд. DOM, Events. Артем Мезин](https://www.youtube.com/watch?v=b9q2j0RyKPw) -####Советы +####JavaScript Советы * [Плохой код #1. Евгений Бовыкин](http://jsraccoon.ru/exercise-bad-code-one) * [8 правил хорошего JavaScript-кода. Антон Супрун](http://popel-studio.com/blog/article/8-pravil-horoshego-javascript-koda.html) From 012f6a860f155c1444847568d6463f79a472c677 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Sun, 13 Nov 2016 14:07:41 +0300 Subject: [PATCH 31/58] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=BD=D0=B0=D0=B2=D0=B8=D0=B3=D0=B0=D1=86=D0=B8=D1=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 43ea1cb..c873292 100755 --- a/README.md +++ b/README.md @@ -10,13 +10,13 @@ Frontend WhiteList — это список полезных и интересн * [Верстка](README.md#Верстка) * [О позиционировании](README.md#О-позиционировании) * [О мобильных устройствах](README.md#О-мобильных-устройствах) - * [HTML Советы](README.md#HTML-Советы) + * [HTML Советы](README.md#html-cоветы) * [CSS](README.md#css) * [О свойствах](README.md#О-свойствах) * [Об организации](README.md#Об-организации) * [JavaScript](README.md#javascript) * [Об основах](README.md#Об-основах) - * [JavaScript Советы](README.md#JavaScript-Советы) + * [JavaScript Советы](README.md#javascript-Советы) * [Руководства по библиотекам и фреймворкам](README.md#Руководства-по-библиотекам-и-фреймворкам) * [О библиотеках и фреймворках](README.md#О-библиотеках-и-фреймворках) * [Анимация](README.md#Анимация) From 20793974f969d69148e602fd093ce72c07863455 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Sun, 13 Nov 2016 14:11:37 +0300 Subject: [PATCH 32/58] =?UTF-8?q?=D0=9C=D0=B5=D1=82=D0=BE=D0=B4=D0=B8?= =?UTF-8?q?=D1=87=D0=B5=D1=81=D0=BA=D0=BE=D0=B5=20=D0=BF=D0=BE=D1=81=D0=BE?= =?UTF-8?q?=D0=B1=D0=B8=D0=B5=20=D0=B4=D0=BB=D1=8F=20=D0=BD=D0=B0=D1=87?= =?UTF-8?q?=D0=B8=D0=BD=D0=B0=D1=8E=D1=89=D0=B8=D1=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index c873292..5d640a0 100755 --- a/README.md +++ b/README.md @@ -39,6 +39,7 @@ Frontend WhiteList — это список полезных и интересн * [Типографика восток. Роман Прудников](https://www.youtube.com/watch?v=9YQzHmIVYag) * [input. Артём Кувалдин](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) * [Слова, часто используемые в CSS-классах. Юля Бухвалова](https://github.com/yoksel/common-words) +* [Методическое пособие для начинающих](https://www.gitbook.com/book/melnik909/tutorial-for-beginner-front-end-developer/details) ####О мобильных устройствах * [Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса. Артём Курбатов](https://habrahabr.ru/company/yandex/blog/307064/) From 1232ffc7cb7d922ca284f0b080a0854d04d7f0dc Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Sun, 13 Nov 2016 16:36:56 +0300 Subject: [PATCH 33/58] =?UTF-8?q?=D0=9E=D1=88=D0=B8=D0=B1=D0=BA=D0=B0.=20?= =?UTF-8?q?=D0=9E=D1=81=D0=BE=D0=B7=D0=BD=D0=B0=D0=BD=D0=B8=D0=B5,=20?= =?UTF-8?q?=D0=BF=D1=80=D0=B8=D0=BC=D0=B8=D1=80=D0=B5=D0=BD=D0=B8=D0=B5,?= =?UTF-8?q?=20=D0=B8=D0=B7=D0=B2=D0=BB=D0=B5=D1=87=D0=B5=D0=BD=D0=B8=D0=B5?= =?UTF-8?q?=20=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D1=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 5d640a0..7f320bb 100755 --- a/README.md +++ b/README.md @@ -162,6 +162,7 @@ Frontend WhiteList — это список полезных и интересн * [36. Вадим Макишвили](https://vimeo.com/108327741) * [Как я перестал верить технологиям. Алексей Симоненко](https://www.youtube.com/watch?v=p5g4giWmcvE) * ["Старикам здесь не место?". Олег Мохов и Алексей Симоненко](https://youtu.be/ISmD4Lik5oY?list=PLMBnwIwFEFHekmHQcApwkIzEfG8UJ_f-7) +* [Ошибка. Осознание, примирение, извлечение пользы. Вадим Макишвили](https://www.youtube.com/watch?v=4srVRott8uU&index=1&list=PLMBnwIwFEFHdZyRHzgiIkMwJpCidILXTN) ####О коде * [Принципы и приёмы написания эффективного кода. Александр Завьялов](https://www.youtube.com/watch?v=A__0VgwlBR0) From b633e252aff74a859d3ddb723680807ba6965cef Mon Sep 17 00:00:00 2001 From: Andrew Romanov Date: Mon, 14 Nov 2016 08:58:34 +0300 Subject: [PATCH 34/58] =?UTF-8?q?UX-=D0=BC=D0=B8=D1=84=D1=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 7f320bb..75adaa0 100755 --- a/README.md +++ b/README.md @@ -131,6 +131,7 @@ Frontend WhiteList — это список полезных и интересн * [Браузеры наши меньшие, или Нам нужно серьёзно поговорить. Вадим Макеев](https://habrahabr.ru/company/oleg-bunin/blog/310210/) * [Альтернативный текст для изображений. Ire Aderinokun. Перевод prgssr.ru](http://prgssr.ru/development/alternativnyj-tekst-dlya-izobrazhenij.html) * [Дизайн государственных систем](http://gov.design/blog/2016/11/08/accessibility.html) +* [UX-мифы](http://ru.uxmyths.com/) ##Браузеры * [Модель отображения. Основы. Олег Мохов](https://www.youtube.com/watch?v=LVqg3N7QYVU) From 03830b17d759746cc1e341463d8c2a4c92a3e6ad Mon Sep 17 00:00:00 2001 From: Andrew Romanov Date: Mon, 14 Nov 2016 09:31:11 +0300 Subject: [PATCH 35/58] =?UTF-8?q?=D0=97=D0=B0=D0=BC=D0=B5=D1=82=D0=BA?= =?UTF-8?q?=D0=B8=20=D0=BE=20=D1=81=D0=BE=D0=B1=D0=B5=D1=81=D0=B5=D0=B4?= =?UTF-8?q?=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F=D1=85=20=D0=B4=D0=BB=D1=8F?= =?UTF-8?q?=20=D0=B2=D0=B5=D0=B1-=D1=80=D0=B0=D0=B7=D1=80=D0=B0=D0=B1?= =?UTF-8?q?=D0=BE=D1=82=D1=87=D0=B8=D0=BA=D0=BE=D0=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 7f320bb..f2edfaa 100755 --- a/README.md +++ b/README.md @@ -163,6 +163,7 @@ Frontend WhiteList — это список полезных и интересн * [Как я перестал верить технологиям. Алексей Симоненко](https://www.youtube.com/watch?v=p5g4giWmcvE) * ["Старикам здесь не место?". Олег Мохов и Алексей Симоненко](https://youtu.be/ISmD4Lik5oY?list=PLMBnwIwFEFHekmHQcApwkIzEfG8UJ_f-7) * [Ошибка. Осознание, примирение, извлечение пользы. Вадим Макишвили](https://www.youtube.com/watch?v=4srVRott8uU&index=1&list=PLMBnwIwFEFHdZyRHzgiIkMwJpCidILXTN) +* [Заметки о собеседованиях для веб-разработчиков. Артём Сапегин](http://nano.sapegin.ru/all/coding-interview) ####О коде * [Принципы и приёмы написания эффективного кода. Александр Завьялов](https://www.youtube.com/watch?v=A__0VgwlBR0) From b534f4832e24c96e49974699bb80327353d6a5cd Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Mon, 14 Nov 2016 10:00:09 +0300 Subject: [PATCH 36/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D1=80=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB=20"=D0=94=D0=B8?= =?UTF-8?q?=D0=B7=D0=B0=D0=B9=D0=BD"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 75adaa0..6332e20 100755 --- a/README.md +++ b/README.md @@ -32,6 +32,7 @@ Frontend WhiteList — это список полезных и интересн * [О жизни](README.md#О жизни) * [О коде](README.md#О коде) * [О готовых решениях](README.md#О-готовых-решениях) +* [Дизайн](README.md#Дизайн) * [Книги](README.md#Книги) ##Верстка @@ -131,7 +132,6 @@ Frontend WhiteList — это список полезных и интересн * [Браузеры наши меньшие, или Нам нужно серьёзно поговорить. Вадим Макеев](https://habrahabr.ru/company/oleg-bunin/blog/310210/) * [Альтернативный текст для изображений. Ire Aderinokun. Перевод prgssr.ru](http://prgssr.ru/development/alternativnyj-tekst-dlya-izobrazhenij.html) * [Дизайн государственных систем](http://gov.design/blog/2016/11/08/accessibility.html) -* [UX-мифы](http://ru.uxmyths.com/) ##Браузеры * [Модель отображения. Основы. Олег Мохов](https://www.youtube.com/watch?v=LVqg3N7QYVU) @@ -174,6 +174,9 @@ Frontend WhiteList — это список полезных и интересн * [О jQuery и Bootstrap: расставляем точки над «i». Андрей Романов](http://frontender.info/whats-wrong-with-jquery-and-bootstrap/) * [NPM и left-pad: мы разучились программировать?. David Haney. Перевод Анатолий Ализар](https://habrahabr.ru/post/280099/) +##Дизайн +* [UX-мифы. Zoltán Gócza и Zoltán Kollin. Перевод Ринат Рехимкулов и Петр Андрианов](http://ru.uxmyths.com/) + ##Книги * [Реактивные веб-сайты. Клиентская оптимизация в алгоритмах и примерах](http://www.ozon.ru/context/detail/id/5322041/) * [JavaScript. Шаблоны](http://www.ozon.ru/context/detail/id/6287517/) From eee7b1617e3c436bee654fab582b8c9f75dad49f Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Mon, 14 Nov 2016 12:05:11 +0300 Subject: [PATCH 37/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D1=81=D1=81=D1=8B=D0=BB=D0=BA=D1=83=20=D0=BD=D0=B0=20?= =?UTF-8?q?=D0=B2=D1=81=D0=B5=D1=85=20=D1=80=D0=B5=D0=B4=D0=B0=D0=BA=D1=82?= =?UTF-8?q?=D0=BE=D1=80=D0=BE=D0=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index faa4d6c..ecf9d74 100755 --- a/README.md +++ b/README.md @@ -194,4 +194,4 @@ Frontend WhiteList — это список полезных и интересн --- -Редакторы [Стас Мельников](https://stas-melnikov.ru) и [Артем Андреев](https://github.com/grachpower). Распространяется по лицензии [CC-BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/deed.ru). +Основные редакторы [Стас Мельников](https://stas-melnikov.ru) и [Артем Андреев](https://github.com/grachpower). [Все редакторы](https://github.com/melnik909/frontend-whitelist/graphs/contributors). Распространяется по лицензии [CC-BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/deed.ru). From 39ced23778e410b2546aa4253c007cebfa81a38e Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Mon, 14 Nov 2016 12:32:03 +0300 Subject: [PATCH 38/58] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=B8=D0=BD=D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=86=D0=B8?= =?UTF-8?q?=D1=8E=20=D0=BE=20=D1=80=D0=B5=D0=B4=D0=B0=D0=BA=D1=82=D0=BE?= =?UTF-8?q?=D1=80=D0=B0=D1=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index ecf9d74..8046973 100755 --- a/README.md +++ b/README.md @@ -194,4 +194,4 @@ Frontend WhiteList — это список полезных и интересн --- -Основные редакторы [Стас Мельников](https://stas-melnikov.ru) и [Артем Андреев](https://github.com/grachpower). [Все редакторы](https://github.com/melnik909/frontend-whitelist/graphs/contributors). Распространяется по лицензии [CC-BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/deed.ru). +Главные редакторы: [Стас Мельников](https://stas-melnikov.ru) и [Артем Андреев](https://github.com/grachpower). [Все редакторы](https://github.com/melnik909/frontend-whitelist/graphs/contributors). Распространяется по лицензии [CC-BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/deed.ru). From 003d7d940e446e5697445531a1ef7e09dec11aa1 Mon Sep 17 00:00:00 2001 From: Anastasia A Date: Mon, 14 Nov 2016 13:04:50 +0300 Subject: [PATCH 39/58] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B5=D0=B2=D0=BE?= =?UTF-8?q?=D0=B4=D1=8B=20=D1=81=D1=82=D0=B0=D1=82=D0=B5=D0=B9=20=D0=9B?= =?UTF-8?q?=D0=B8=D0=BD=20=D0=9A=D0=BB=D0=B0=D1=80=D0=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Руководство по Flux в картинках Redux в картинках --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 8046973..c2fd4e8 100755 --- a/README.md +++ b/README.md @@ -91,6 +91,8 @@ Frontend WhiteList — это список полезных и интересн ####Руководства по библиотекам и фреймворкам * [Handlebars. Руководство к действию. Олег Лазарев](https://habrahabr.ru/post/273581/) * [Правила хорошего тона при написании плагина на jQuery. Валерий Чупурнов](https://habrahabr.ru/post/277603/) +* [Руководство по Flux в картинках. Перевод Анастасии Абакумовой](https://medium.com/russian/руководство-по-flux-в-картинках-d59c03562ea#.q6688j1wk) +* [Redux в картинках. Перевод Анастасии Абакумовой](https://medium.com/russian/a-cartoon-intro-to-redux-e2108896f7e6#.gukbw0jvz) ####О библиотеках и фреймворках * [Цена использования фреймворков. Paul Lewis. Перевод Mail.Ru Group](https://habrahabr.ru/company/mailru/blog/273613/) From e67c8292c4886f995ee6375bc590d18276044ab2 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Tue, 15 Nov 2016 10:56:34 +0300 Subject: [PATCH 40/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=B8=D0=BC=D1=8F=20=D0=B0=D0=B2=D1=82=D0=BE=D1=80?= =?UTF-8?q?=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 8046973..25659c2 100755 --- a/README.md +++ b/README.md @@ -40,7 +40,7 @@ Frontend WhiteList — это список полезных и интересн * [Типографика восток. Роман Прудников](https://www.youtube.com/watch?v=9YQzHmIVYag) * [input. Артём Кувалдин](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) * [Слова, часто используемые в CSS-классах. Юля Бухвалова](https://github.com/yoksel/common-words) -* [Методическое пособие для начинающих](https://www.gitbook.com/book/melnik909/tutorial-for-beginner-front-end-developer/details) +* [Методическое пособие для начинающих. Стас Мельников](https://www.gitbook.com/book/melnik909/tutorial-for-beginner-front-end-developer/details) ####О мобильных устройствах * [Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса. Артём Курбатов](https://habrahabr.ru/company/yandex/blog/307064/) From 343b1d60e82710e1314ea6b6b26263a26ce72cf1 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Tue, 15 Nov 2016 11:59:43 +0300 Subject: [PATCH 41/58] =?UTF-8?q?=D0=9A=D1=80=D1=83=D0=B6=D0=B5=D0=B2?= =?UTF-8?q?=D0=BD=D1=8B=D0=B5=20=D0=BE=D1=80=D0=BD=D0=B0=D0=BC=D0=B5=D0=BD?= =?UTF-8?q?=D1=82=D1=8B=20=D0=BD=D0=B0=20CSS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 25659c2..4c353e8 100755 --- a/README.md +++ b/README.md @@ -59,6 +59,7 @@ Frontend WhiteList — это список полезных и интересн ####О свойствах * [Свойство background-clip и его применения. Ana Tudor. Перевод css-live.ru](http://css-live.ru/articles-css/background-clip-use-cases.html) * [Как я научился любить скучные мелочи CSS. Peter Gaston. Перевод Веб-стандарты](http://web-standards.ru/articles/boring-bits-of-css/) +* [Кружевные орнаменты на CSS. Марина Кузнецова](https://habrahabr.ru/post/315216/) ####Об организации * [Основные правила и принципы написания CSS. Гарри Робертс. Перевод Владимир Старков](https://github.com/iamstarkov/CSS-Guidelines/blob/master/README%20Russian.md) From 32cc32135429c7cb9ac5e7751c5bdcb2134b2b02 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Wed, 16 Nov 2016 10:48:06 +0300 Subject: [PATCH 42/58] =?UTF-8?q?=D0=9E=20=D1=87=D1=91=D0=BC=20=D0=B4?= =?UTF-8?q?=D0=BE=D0=BB=D0=B6=D0=B5=D0=BD=20=D0=BF=D0=BE=D0=BC=D0=BD=D0=B8?= =?UTF-8?q?=D1=82=D1=8C=20=D0=B2=D0=B5=D0=B1-=D0=B4=D0=B8=D0=B7=D0=B0?= =?UTF-8?q?=D0=B9=D0=BD=D0=B5=D1=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 4c353e8..9fa7464 100755 --- a/README.md +++ b/README.md @@ -159,6 +159,7 @@ Frontend WhiteList — это список полезных и интересн ##Разработка * [Словарь терминов по фронтенду. Вадим Макеев и Ольга Алексашенко](https://github.com/web-standards-ru/dictionary) * [Идеологии разработки веб интерфейсов. Сергей Горобцов](https://www.youtube.com/watch?v=i1DzrxGlO_g) +* [О чём должен помнить веб-дизайнер. Николай Громов и Андрей Алексеев](https://github.com/nicothin/web-design) ####О жизни * [36. Вадим Макишвили](https://vimeo.com/108327741) From 4d859753e8008400863e14055467698a06be6ae0 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Wed, 16 Nov 2016 11:31:23 +0300 Subject: [PATCH 43/58] =?UTF-8?q?=D0=9A=D0=B0=D0=BA=20=D0=BE=D1=82=D1=80?= =?UTF-8?q?=D0=B0=D0=B2=D0=B8=D1=82=D1=8C=20=D0=BC=D0=BE=D0=B1=D0=B8=D0=BB?= =?UTF-8?q?=D1=8C=D0=BD=D0=BE=D0=B3=D0=BE=20=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7?= =?UTF-8?q?=D0=BE=D0=B2=D0=B0=D1=82=D0=B5=D0=BB=D1=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 9fa7464..a94c3e7 100755 --- a/README.md +++ b/README.md @@ -177,8 +177,9 @@ Frontend WhiteList — это список полезных и интересн * [О jQuery и Bootstrap: расставляем точки над «i». Андрей Романов](http://frontender.info/whats-wrong-with-jquery-and-bootstrap/) * [NPM и left-pad: мы разучились программировать?. David Haney. Перевод Анатолий Ализар](https://habrahabr.ru/post/280099/) -##Дизайн +##User Experience * [UX-мифы. Zoltán Gócza и Zoltán Kollin. Перевод Ринат Рехимкулов и Петр Андрианов](http://ru.uxmyths.com/) +* [Как отравить мобильного пользователя. Martin Michálek. Перевод prgssr.ru](http://prgssr.ru/development/kak-otravit-polzovatelya-s-mobilnym.html) ##Книги * [Реактивные веб-сайты. Клиентская оптимизация в алгоритмах и примерах](http://www.ozon.ru/context/detail/id/5322041/) From 577322289da870231d64dc07a69bcaeb775ac2b0 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Wed, 16 Nov 2016 11:32:28 +0300 Subject: [PATCH 44/58] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=BC=D0=B5=D0=BD=D1=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index a94c3e7..69868c3 100755 --- a/README.md +++ b/README.md @@ -32,7 +32,7 @@ Frontend WhiteList — это список полезных и интересн * [О жизни](README.md#О жизни) * [О коде](README.md#О коде) * [О готовых решениях](README.md#О-готовых-решениях) -* [Дизайн](README.md#Дизайн) +* [User Experience](README.md#user-experience) * [Книги](README.md#Книги) ##Верстка From 6e4bc68e9599bf97307ac121be7e1ad2e69065f8 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Thu, 17 Nov 2016 23:43:44 +0300 Subject: [PATCH 45/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=BC=D0=B5=D1=82=D0=BA=D1=83=20"=D0=92=D0=B8=D0=B4?= =?UTF-8?q?=D0=B5=D0=BE"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 80 +++++++++++++++++++++++++++---------------------------- 1 file changed, 40 insertions(+), 40 deletions(-) diff --git a/README.md b/README.md index 69868c3..df687ac 100755 --- a/README.md +++ b/README.md @@ -36,23 +36,23 @@ Frontend WhiteList — это список полезных и интересн * [Книги](README.md#Книги) ##Верстка -* [Валидация форм на HTML и CSS. Chris Coyier. Алёна Батицкая](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) -* [Типографика восток. Роман Прудников](https://www.youtube.com/watch?v=9YQzHmIVYag) -* [input. Артём Кувалдин](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) +* [Валидация форм на HTML и CSS. Chris Coyier. Перевод Алёна Батицкая](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) +* [Типографика восток. Роман Прудников (Видео)](https://www.youtube.com/watch?v=9YQzHmIVYag) +* [input. Артём Кувалдин (Видео)](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) * [Слова, часто используемые в CSS-классах. Юля Бухвалова](https://github.com/yoksel/common-words) * [Методическое пособие для начинающих. Стас Мельников](https://www.gitbook.com/book/melnik909/tutorial-for-beginner-front-end-developer/details) ####О мобильных устройствах * [Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса. Артём Курбатов](https://habrahabr.ru/company/yandex/blog/307064/) -* [Вёрстка для мобильных устройств. Артём Кувалдин и Олег Мохов](https://www.youtube.com/watch?v=cmt2A_kT8Fs) +* [Вёрстка для мобильных устройств. Артём Кувалдин и Олег Мохов (Видео)](https://www.youtube.com/watch?v=cmt2A_kT8Fs) ####О позиционировании * [Центрирование в CSS: полное руководство. Chris Coyier. Перевод Наталья Фадеева](http://frontender.info/centering-css-complete-guide/) * [Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. Дмитрий Дудин](http://html5.by/blog/flexbox/) -* [Можно вообще всё. Раскладка по гриду. Вадим Макеев](https://www.youtube.com/watch?v=hAFcdRrhwQM) +* [Можно вообще всё. Раскладка по гриду. Вадим Макеев (Видео)](https://www.youtube.com/watch?v=hAFcdRrhwQM) ####HTML Cоветы -* [FrontendLab: Признаки хорошей верстки. Роман Братченко](https://www.youtube.com/watch?v=lXgoTAhuEfo) +* [FrontendLab: Признаки хорошей верстки. Роман Братченко (Видео)](https://www.youtube.com/watch?v=lXgoTAhuEfo) * [Распространенные ошибки начинающего HTML-верстальщика. Стас Мельников](https://habrahabr.ru/post/307210/) ##CSS @@ -67,13 +67,13 @@ Frontend WhiteList — это список полезных и интересн * [Организация кода для CSS препроцессоров. Brian Rinaldi. Перевод Руслан Каймаков](http://frontender.info/organizing-your-css-code-for-preprocessors/) * [Битва архитектур. Mariano Miguel. Перевод css-live.ru](http://css-live.ru/articles/bitva-arxitektur.html) * [Способы организации CSS-кода](https://habrahabr.ru/post/256109/) -* [«Пишем БЭМ правильно». Игорь Зенич](https://www.youtube.com/watch?v=hTmxbJF2Tts) +* [«Пишем БЭМ правильно». Игорь Зенич (Видео)](https://www.youtube.com/watch?v=hTmxbJF2Tts) * [А вы верите в систематизацию, или методологии верстки? Елизавета Селиванова и Ирина Левина](https://www.youtube.com/watch?v=P4ag4JSNWTM) ##JavaScript * [4 вида утечек памяти в JavaScript и как с ними бороться. Андрей Алексеев](https://habrahabr.ru/post/309318/) -* [S.O.L.I.D-ый JavaScript. Алексей Охрименко](https://www.youtube.com/watch?v=wi3wPzReKZQ) -* [Классическое программирование для фронтендеров. Игорь Алексеенко](https://www.youtube.com/watch?v=b2AhDtFfSSU) +* [S.O.L.I.D-ый JavaScript. Алексей Охрименко (Видео)](https://www.youtube.com/watch?v=wi3wPzReKZQ) +* [Классическое программирование для фронтендеров. Игорь Алексеенко (Видео)](https://www.youtube.com/watch?v=b2AhDtFfSSU) ####Об основах * [Современный учебник JavaScript. Илья Кантор](https://learn.javascript.ru) @@ -83,7 +83,7 @@ Frontend WhiteList — это список полезных и интересн * [Асинхронность в JavaScript: Пособие для тех, кто хочет разобраться. Wrike](https://habrahabr.ru/company/wrike/blog/302896/) * [Делаем свой JavaScript чистым. Jack Franklin. Перевод prgssr.ru](http://prgssr.ru/development/delaem-svoj-javascript-chistym.html) * [Техники работы с DOM: родительские, дочерние и соседние элементы. Louis Lazaris. Перевод prgssr.ru](http://prgssr.ru/development/tehniki-raboty-s-dom-roditelskie-dochernie-i-sosednie-elementy.html) -* [Фронтенд. DOM, Events. Артем Мезин](https://www.youtube.com/watch?v=b9q2j0RyKPw) +* [Фронтенд. DOM, Events. Артем Мезин (Видео)](https://www.youtube.com/watch?v=b9q2j0RyKPw) ####JavaScript Советы * [Плохой код #1. Евгений Бовыкин](http://jsraccoon.ru/exercise-bad-code-one) @@ -95,12 +95,12 @@ Frontend WhiteList — это список полезных и интересн ####О библиотеках и фреймворках * [Цена использования фреймворков. Paul Lewis. Перевод Mail.Ru Group](https://habrahabr.ru/company/mailru/blog/273613/) -* [Жизнь после js-фреймворков. Андрей Ваганов](https://www.youtube.com/watch?v=-W7kFbCXVqw) +* [Жизнь после js-фреймворков. Андрей Ваганов (Видео)](https://www.youtube.com/watch?v=-W7kFbCXVqw) ##Анимация * [Производительность визуализации](https://developers.google.com/web/fundamentals/performance/rendering/) -* [Аппаратное ускорение. Александр Завьялов](https://vimeo.com/97907079#at=3) -* [Веб-анимация на JS и CSS. Александр Завьялов](https://vimeo.com/141266409) +* [Аппаратное ускорение. Александр Завьялов (Видео)](https://vimeo.com/97907079#at=3) +* [Веб-анимация на JS и CSS. Александр Завьялов (Видео)](https://vimeo.com/141266409) ####CSS-анимации * [CSS Triggers. Таблица со свойствами и процессами, происходящими при изменении свойств](http://csstriggers.com/) @@ -108,25 +108,25 @@ Frontend WhiteList — это список полезных и интересн * [Всё, что вам нужно знать о CSS-свойстве will-change. Sara Soueidan. Перевод Opera Software](https://dev.opera.com/articles/ru/css-will-change-property/) ####JavaScript-анимации -* [Анимируем объекты с использованием физики в JavaScript. Елена Иванова](https://www.youtube.com/watch?v=UH3tKb7B5xA) +* [Анимируем объекты с использованием физики в JavaScript. Елена Иванова (Видео)](https://www.youtube.com/watch?v=UH3tKb7B5xA) ####SVG-анимации -* [Как сделать Инстаграм в браузере. Дмитрий Дудин](https://www.youtube.com/watch?v=RJnYkbm66ZI) +* [Как сделать Инстаграм в браузере. Дмитрий Дудин (Видео)](https://www.youtube.com/watch?v=RJnYkbm66ZI) ####Руководства по созданию анимаций * [CSS-маски для hover-эффекта](https://habrahabr.ru/post/164409/) * [Intermediate CSS3 Hover Effects. Пошаговый туториал](https://habrahabr.ru/post/274003/) ##Инструменты -* [Автоматизация для фронтендеров. Роберт Харитонов](https://www.youtube.com/watch?v=y9ERi0PhHEo) +* [Автоматизация для фронтендеров. Роберт Харитонов (Видео)](https://www.youtube.com/watch?v=y9ERi0PhHEo) * [Bower: зачем фронтенду нужен менеджер пакетов. Артём Сапегин](http://nano.sapegin.ru/all/bower) * [Введение в пакетный менеджер NPM для начинающих. Peter Dierx. Перевод prgssr.ru](http://prgssr.ru/development/vvedenie-v-paketnyj-menedzher-npm-dlya-nachinayushih.html) * [Автоматизация регрессионного тестирования CSS. Garris Shipon. Перевод prgssr.ru](http://prgssr.ru/development/avtomatizaciya-regressionnogo-testirovaniya-css-2016.html) * [Перевод книги "Pro Git"](https://git-scm.com/book/ru/v1) -* [Модульная сборка БЭМ-проектов. И никаких bem-tools. Владимир Гриненко](https://www.youtube.com/watch?time_continue=9&v=mHVgZZTJLdk) -* [Автоматизация хранения графики. Тимофей Чаптыков](https://www.youtube.com/watch?v=tJmI8p6Ms_M) -* [Cистемы сборки фронтенда. Gulp](https://www.youtube.com/watch?time_continue=5&v=MfnTJh-pQWM) -* [Суперсилы Chrome Dev Tools. Роман Сальников](https://vimeo.com/107580454) +* [Модульная сборка БЭМ-проектов. И никаких bem-tools. Владимир Гриненко (Видео)](https://www.youtube.com/watch?time_continue=9&v=mHVgZZTJLdk) +* [Автоматизация хранения графики. Тимофей Чаптыков (Видео)](https://www.youtube.com/watch?v=tJmI8p6Ms_M) +* [Cистемы сборки фронтенда. Gulp (Видео)](https://www.youtube.com/watch?time_continue=5&v=MfnTJh-pQWM) +* [Суперсилы Chrome Dev Tools. Роман Сальников (Видео)](https://vimeo.com/107580454) ##Accessibility * [Недоступный веб: как мы развели такой бардак. Mischa Andrews. Перевод Алексей Уколов](https://habrahabr.ru/post/309076/) @@ -135,42 +135,42 @@ Frontend WhiteList — это список полезных и интересн * [Дизайн государственных систем](http://gov.design/blog/2016/11/08/accessibility.html) ##Браузеры -* [Модель отображения. Основы. Олег Мохов](https://www.youtube.com/watch?v=LVqg3N7QYVU) -* [Модель отображения. Тонкости. Олег Мохов](https://www.youtube.com/watch?v=_FYV-EjTkfw) -* [Модель отображения. Браузеры. Олег Мохов](https://www.youtube.com/watch?v=OGmzplOuRas) -* [WebAPIs. Сергей Гоголев, Максим Воронцов, Олег Семичев](https://www.youtube.com/watch?v=OGmzplOuRas) +* [Модель отображения. Основы. Олег Мохов (Видео)](https://www.youtube.com/watch?v=LVqg3N7QYVU) +* [Модель отображения. Тонкости. Олег Мохов (Видео)](https://www.youtube.com/watch?v=_FYV-EjTkfw) +* [Модель отображения. Браузеры. Олег Мохов (Видео)](https://www.youtube.com/watch?v=OGmzplOuRas) +* [WebAPIs. Сергей Гоголев, Максим Воронцов, Олег Семичев (Видео)](https://www.youtube.com/watch?v=OGmzplOuRas) * [Принципы работы современных веб-браузеров. Tali Garsiel и Paul Irish. Перевод html5rocks.com](https://www.html5rocks.com/ru/tutorials/internals/howbrowserswork/) -* [Фронтенд. Хранение данных.Иван Чашкин](https://www.youtube.com/watch?v=BvwHEb5oEJM) +* [Фронтенд. Хранение данных.Иван Чашкин (Видео)](https://www.youtube.com/watch?v=BvwHEb5oEJM) ##Оптимизация скорости загрузки * [Условная загрузка для адаптивного веб-дизайна. Андрей Голуменов](https://habrahabr.ru/post/218497/) * [Критический путь рендеринга веб-страниц. Николай Лавлинский](https://habrahabr.ru/post/262239/) * [Клиентская точка отказа: SPOF за счет внешних JS-библиотек Николай Лавлинский](https://habrahabr.ru/post/265627/) * [Представляем RAIL: модель оценки производительности сайта. Paul Irish и Paul Lewis. Перевод Николай Мациевский](https://habrahabr.ru/post/308026/) -* [В погоне за производительностью. Денис Мишунов](https://www.youtube.com/watch?v=egiLQun-FxI) -* [Производительный client-side. Роман Парадеев](https://www.youtube.com/watch?v=kmhg-cV5Vkg) -* [Верстка. Вид снизу. Марина Широчкина](https://www.youtube.com/watch?v=9HYHxky799o) -* [Жесточайшая оптимизация загрузки веб-страниц. Дмитрий Дудин](https://www.youtube.com/watch?v=KItf0Zrx87c) -* [Фронтенд. Сетевое взаимодействие. Артем Мезин и Егор Дыдыкин](https://www.youtube.com/watch?v=feEs6aymPj4) -* [Загрузка главной страницы. Павел Минеев](https://www.youtube.com/watch?time_continue=32&v=k5rbC0mBK9A) -* [Оптимизация фронтенда. Олег Мохов](https://www.youtube.com/watch?v=Vn1jyRdEbjg) -* [Improving Smashing Mag's Performance. Виталий Фридман](https://www.youtube.com/watch?v=ri2XWgIt59U) +* [В погоне за производительностью. Денис Мишунов (Видео)](https://www.youtube.com/watch?v=egiLQun-FxI) +* [Производительный client-side. Роман Парадеев (Видео)](https://www.youtube.com/watch?v=kmhg-cV5Vkg) +* [Верстка. Вид снизу. Марина Широчкина (Видео)](https://www.youtube.com/watch?v=9HYHxky799o) +* [Жесточайшая оптимизация загрузки веб-страниц. Дмитрий Дудин (Видео)](https://www.youtube.com/watch?v=KItf0Zrx87c) +* [Фронтенд. Сетевое взаимодействие. Артем Мезин и Егор Дыдыкин (Видео)](https://www.youtube.com/watch?v=feEs6aymPj4) +* [Загрузка главной страницы. Павел Минеев (Видео)](https://www.youtube.com/watch?time_continue=32&v=k5rbC0mBK9A) +* [Оптимизация фронтенда. Олег Мохов (Видео)](https://www.youtube.com/watch?v=Vn1jyRdEbjg) +* [Improving Smashing Mag's Performance. Виталий Фридман (Видео)](https://www.youtube.com/watch?v=ri2XWgIt59U) ##Разработка * [Словарь терминов по фронтенду. Вадим Макеев и Ольга Алексашенко](https://github.com/web-standards-ru/dictionary) -* [Идеологии разработки веб интерфейсов. Сергей Горобцов](https://www.youtube.com/watch?v=i1DzrxGlO_g) +* [Идеологии разработки веб интерфейсов. Сергей Горобцов (Видео)](https://www.youtube.com/watch?v=i1DzrxGlO_g) * [О чём должен помнить веб-дизайнер. Николай Громов и Андрей Алексеев](https://github.com/nicothin/web-design) ####О жизни -* [36. Вадим Макишвили](https://vimeo.com/108327741) -* [Как я перестал верить технологиям. Алексей Симоненко](https://www.youtube.com/watch?v=p5g4giWmcvE) -* ["Старикам здесь не место?". Олег Мохов и Алексей Симоненко](https://youtu.be/ISmD4Lik5oY?list=PLMBnwIwFEFHekmHQcApwkIzEfG8UJ_f-7) -* [Ошибка. Осознание, примирение, извлечение пользы. Вадим Макишвили](https://www.youtube.com/watch?v=4srVRott8uU&index=1&list=PLMBnwIwFEFHdZyRHzgiIkMwJpCidILXTN) +* [36. Вадим Макишвили (Видео)](https://vimeo.com/108327741) +* [Как я перестал верить технологиям. Алексей Симоненко (Видео)](https://www.youtube.com/watch?v=p5g4giWmcvE) +* ["Старикам здесь не место?". Олег Мохов и Алексей Симоненко (Видео)](https://youtu.be/ISmD4Lik5oY?list=PLMBnwIwFEFHekmHQcApwkIzEfG8UJ_f-7) +* [Ошибка. Осознание, примирение, извлечение пользы. Вадим Макишвили (Видео)](https://www.youtube.com/watch?v=4srVRott8uU&index=1&list=PLMBnwIwFEFHdZyRHzgiIkMwJpCidILXTN) * [Заметки о собеседованиях для веб-разработчиков. Артём Сапегин](http://nano.sapegin.ru/all/coding-interview) ####О коде -* [Принципы и приёмы написания эффективного кода. Александр Завьялов](https://www.youtube.com/watch?v=A__0VgwlBR0) -* [Типичные ошибки начинающего верстальщика. Олег Мохов](https://www.youtube.com/watch?v=d4b3CiwSi9c) +* [Принципы и приёмы написания эффективного кода. Александр Завьялов (Видео)](https://www.youtube.com/watch?v=A__0VgwlBR0) +* [Типичные ошибки начинающего верстальщика. Олег Мохов (Видео)](https://www.youtube.com/watch?v=d4b3CiwSi9c) ####О готовых решениях * [Не учите фреймворки, учите архитектуру](https://habrahabr.ru/post/253297/) From 554971caaaf072be1b5511b298329560bf4c96bf Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Thu, 17 Nov 2016 23:54:37 +0300 Subject: [PATCH 46/58] =?UTF-8?q?=D0=9A=D1=80=D0=B0=D1=88-=D1=82=D0=B5?= =?UTF-8?q?=D1=81=D1=82=20=D0=B2=D1=91=D1=80=D1=81=D1=82=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index df687ac..e771f1c 100755 --- a/README.md +++ b/README.md @@ -54,6 +54,7 @@ Frontend WhiteList — это список полезных и интересн ####HTML Cоветы * [FrontendLab: Признаки хорошей верстки. Роман Братченко (Видео)](https://www.youtube.com/watch?v=lXgoTAhuEfo) * [Распространенные ошибки начинающего HTML-верстальщика. Стас Мельников](https://habrahabr.ru/post/307210/) +* [Краш-тест вёрстки](https://isqua.ru/blog/2016/06/19/crash-test-viorstki/) ##CSS ####О свойствах From 7e1bde070ee9d4bead7a16cf0e30fd0beded769f Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 18 Nov 2016 00:27:58 +0300 Subject: [PATCH 47/58] =?UTF-8?q?=D0=A4=D1=83=D0=BD=D0=BA=D1=86=D0=B8?= =?UTF-8?q?=D0=BE=D0=BD=D0=B0=D0=BB=D1=8C=D0=BD=D0=BE=D0=B5=20=D0=BF=D1=80?= =?UTF-8?q?=D0=BE=D0=B3=D1=80=D0=B0=D0=BC=D0=BC=D0=B8=D1=80=D0=BE=D0=B2?= =?UTF-8?q?=D0=B0=D0=BD=D0=B8=D0=B5=20=D0=B2=20=D0=B1=D1=80=D0=B0=D1=83?= =?UTF-8?q?=D0=B7=D0=B5=D1=80=D0=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e771f1c..c69167b 100755 --- a/README.md +++ b/README.md @@ -75,6 +75,7 @@ Frontend WhiteList — это список полезных и интересн * [4 вида утечек памяти в JavaScript и как с ними бороться. Андрей Алексеев](https://habrahabr.ru/post/309318/) * [S.O.L.I.D-ый JavaScript. Алексей Охрименко (Видео)](https://www.youtube.com/watch?v=wi3wPzReKZQ) * [Классическое программирование для фронтендеров. Игорь Алексеенко (Видео)](https://www.youtube.com/watch?v=b2AhDtFfSSU) +* [Функциональное программирование в браузере. Никита Прокопов](http://tonsky.me/talks/2015-codefest/) ####Об основах * [Современный учебник JavaScript. Илья Кантор](https://learn.javascript.ru) From 73c1f6e52e60f3a432632b228d0b299de23060f3 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 18 Nov 2016 00:47:58 +0300 Subject: [PATCH 48/58] =?UTF-8?q?=D0=9E=D1=82=D1=80=D0=B5=D0=B4=D0=B0?= =?UTF-8?q?=D0=BA=D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BB=20=D0=B8=D0=BC?= =?UTF-8?q?=D0=B5=D0=BD=D0=B0=20=D0=BF=D0=B5=D1=80=D0=B5=D0=B2=D0=BE=D0=B4?= =?UTF-8?q?=D1=87=D0=B8=D0=BA=D0=BE=D0=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index c69167b..ced777b 100755 --- a/README.md +++ b/README.md @@ -36,7 +36,7 @@ Frontend WhiteList — это список полезных и интересн * [Книги](README.md#Книги) ##Верстка -* [Валидация форм на HTML и CSS. Chris Coyier. Перевод Алёна Батицкая](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) +* [Валидация форм на HTML и CSS. Chris Coyier. Перевод Алёны Батицкой](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) * [Типографика восток. Роман Прудников (Видео)](https://www.youtube.com/watch?v=9YQzHmIVYag) * [input. Артём Кувалдин (Видео)](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) * [Слова, часто используемые в CSS-классах. Юля Бухвалова](https://github.com/yoksel/common-words) @@ -47,7 +47,7 @@ Frontend WhiteList — это список полезных и интересн * [Вёрстка для мобильных устройств. Артём Кувалдин и Олег Мохов (Видео)](https://www.youtube.com/watch?v=cmt2A_kT8Fs) ####О позиционировании -* [Центрирование в CSS: полное руководство. Chris Coyier. Перевод Наталья Фадеева](http://frontender.info/centering-css-complete-guide/) +* [Центрирование в CSS: полное руководство. Chris Coyier. Перевод Натальи Фадеевой](http://frontender.info/centering-css-complete-guide/) * [Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. Дмитрий Дудин](http://html5.by/blog/flexbox/) * [Можно вообще всё. Раскладка по гриду. Вадим Макеев (Видео)](https://www.youtube.com/watch?v=hAFcdRrhwQM) @@ -63,9 +63,9 @@ Frontend WhiteList — это список полезных и интересн * [Кружевные орнаменты на CSS. Марина Кузнецова](https://habrahabr.ru/post/315216/) ####Об организации -* [Основные правила и принципы написания CSS. Гарри Робертс. Перевод Владимир Старков](https://github.com/iamstarkov/CSS-Guidelines/blob/master/README%20Russian.md) +* [Основные правила и принципы написания CSS. Гарри Робертс. Перевод Владимира Старкова](https://github.com/iamstarkov/CSS-Guidelines/blob/master/README%20Russian.md) * [Как работать с CSS-препроцессорами и БЭМ. Николай Громов](http://nicothin.github.io/idiomatic-pre-CSS/) -* [Организация кода для CSS препроцессоров. Brian Rinaldi. Перевод Руслан Каймаков](http://frontender.info/organizing-your-css-code-for-preprocessors/) +* [Организация кода для CSS препроцессоров. Brian Rinaldi. Перевод Руслана Каймакова](http://frontender.info/organizing-your-css-code-for-preprocessors/) * [Битва архитектур. Mariano Miguel. Перевод css-live.ru](http://css-live.ru/articles/bitva-arxitektur.html) * [Способы организации CSS-кода](https://habrahabr.ru/post/256109/) * [«Пишем БЭМ правильно». Игорь Зенич (Видео)](https://www.youtube.com/watch?v=hTmxbJF2Tts) From 7697a4d4e4901fc199ca611c0fb75a9f84ca8c1e Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Fri, 18 Nov 2016 00:51:24 +0300 Subject: [PATCH 49/58] =?UTF-8?q?=D0=94=D0=B5=D0=BB=D0=B0=D0=B5=D0=BC=20?= =?UTF-8?q?=D1=81=D0=B2=D0=BE=D0=B9=20JavaScript=20=D1=87=D0=B8=D1=81?= =?UTF-8?q?=D1=82=D1=8B=D0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index ced777b..0e57d11 100755 --- a/README.md +++ b/README.md @@ -76,6 +76,7 @@ Frontend WhiteList — это список полезных и интересн * [S.O.L.I.D-ый JavaScript. Алексей Охрименко (Видео)](https://www.youtube.com/watch?v=wi3wPzReKZQ) * [Классическое программирование для фронтендеров. Игорь Алексеенко (Видео)](https://www.youtube.com/watch?v=b2AhDtFfSSU) * [Функциональное программирование в браузере. Никита Прокопов](http://tonsky.me/talks/2015-codefest/) +* [Делаем свой JavaScript чистым. Jack Franklin. Перевод prgssr.ru](http://prgssr.ru/development/delaem-svoj-javascript-chistym.html) ####Об основах * [Современный учебник JavaScript. Илья Кантор](https://learn.javascript.ru) @@ -83,7 +84,6 @@ Frontend WhiteList — это список полезных и интересн * [Область видимости в JavaScript и «поднятие» переменных и объявлений функций](https://habrahabr.ru/post/127482/) * [Как работают замыкания (под капотом) в JavaScript. Hexlet](http://habrahabr.ru/company/hexlet/blog/266443/) * [Асинхронность в JavaScript: Пособие для тех, кто хочет разобраться. Wrike](https://habrahabr.ru/company/wrike/blog/302896/) -* [Делаем свой JavaScript чистым. Jack Franklin. Перевод prgssr.ru](http://prgssr.ru/development/delaem-svoj-javascript-chistym.html) * [Техники работы с DOM: родительские, дочерние и соседние элементы. Louis Lazaris. Перевод prgssr.ru](http://prgssr.ru/development/tehniki-raboty-s-dom-roditelskie-dochernie-i-sosednie-elementy.html) * [Фронтенд. DOM, Events. Артем Мезин (Видео)](https://www.youtube.com/watch?v=b9q2j0RyKPw) From 036e8792ea52d521d5d133697ac0d1c7c5764086 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Sun, 20 Nov 2016 22:58:59 +0300 Subject: [PATCH 50/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=B8=D0=BA=D0=BE=D0=BD=D0=BA=D1=83=20=D0=B4=D0=BB?= =?UTF-8?q?=D1=8F=20=D0=B2=D0=B8=D0=B4=D0=B5=D0=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 78 +++++++++++++++++++++++++++---------------------------- 1 file changed, 39 insertions(+), 39 deletions(-) diff --git a/README.md b/README.md index 0e57d11..ce9ce92 100755 --- a/README.md +++ b/README.md @@ -37,22 +37,22 @@ Frontend WhiteList — это список полезных и интересн ##Верстка * [Валидация форм на HTML и CSS. Chris Coyier. Перевод Алёны Батицкой](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) -* [Типографика восток. Роман Прудников (Видео)](https://www.youtube.com/watch?v=9YQzHmIVYag) -* [input. Артём Кувалдин (Видео)](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) +* [Типографика восток. Роман Прудников (Видео :movie_camera:)](https://www.youtube.com/watch?v=9YQzHmIVYag) +* [input. Артём Кувалдин (Видео :movie_camera:)](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) * [Слова, часто используемые в CSS-классах. Юля Бухвалова](https://github.com/yoksel/common-words) * [Методическое пособие для начинающих. Стас Мельников](https://www.gitbook.com/book/melnik909/tutorial-for-beginner-front-end-developer/details) ####О мобильных устройствах * [Делать ли мобильную версию? 5 распространенных проблем, которые решает адаптивная верстка. Опыт Яндекса. Артём Курбатов](https://habrahabr.ru/company/yandex/blog/307064/) -* [Вёрстка для мобильных устройств. Артём Кувалдин и Олег Мохов (Видео)](https://www.youtube.com/watch?v=cmt2A_kT8Fs) +* [Вёрстка для мобильных устройств. Артём Кувалдин и Олег Мохов (Видео :movie_camera:)](https://www.youtube.com/watch?v=cmt2A_kT8Fs) ####О позиционировании * [Центрирование в CSS: полное руководство. Chris Coyier. Перевод Натальи Фадеевой](http://frontender.info/centering-css-complete-guide/) * [Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки. Дмитрий Дудин](http://html5.by/blog/flexbox/) -* [Можно вообще всё. Раскладка по гриду. Вадим Макеев (Видео)](https://www.youtube.com/watch?v=hAFcdRrhwQM) +* [Можно вообще всё. Раскладка по гриду. Вадим Макеев (Видео :movie_camera:)](https://www.youtube.com/watch?v=hAFcdRrhwQM) ####HTML Cоветы -* [FrontendLab: Признаки хорошей верстки. Роман Братченко (Видео)](https://www.youtube.com/watch?v=lXgoTAhuEfo) +* [FrontendLab: Признаки хорошей верстки. Роман Братченко (Видео :movie_camera:)](https://www.youtube.com/watch?v=lXgoTAhuEfo) * [Распространенные ошибки начинающего HTML-верстальщика. Стас Мельников](https://habrahabr.ru/post/307210/) * [Краш-тест вёрстки](https://isqua.ru/blog/2016/06/19/crash-test-viorstki/) @@ -68,13 +68,13 @@ Frontend WhiteList — это список полезных и интересн * [Организация кода для CSS препроцессоров. Brian Rinaldi. Перевод Руслана Каймакова](http://frontender.info/organizing-your-css-code-for-preprocessors/) * [Битва архитектур. Mariano Miguel. Перевод css-live.ru](http://css-live.ru/articles/bitva-arxitektur.html) * [Способы организации CSS-кода](https://habrahabr.ru/post/256109/) -* [«Пишем БЭМ правильно». Игорь Зенич (Видео)](https://www.youtube.com/watch?v=hTmxbJF2Tts) +* [«Пишем БЭМ правильно». Игорь Зенич (Видео :movie_camera:)](https://www.youtube.com/watch?v=hTmxbJF2Tts) * [А вы верите в систематизацию, или методологии верстки? Елизавета Селиванова и Ирина Левина](https://www.youtube.com/watch?v=P4ag4JSNWTM) ##JavaScript * [4 вида утечек памяти в JavaScript и как с ними бороться. Андрей Алексеев](https://habrahabr.ru/post/309318/) -* [S.O.L.I.D-ый JavaScript. Алексей Охрименко (Видео)](https://www.youtube.com/watch?v=wi3wPzReKZQ) -* [Классическое программирование для фронтендеров. Игорь Алексеенко (Видео)](https://www.youtube.com/watch?v=b2AhDtFfSSU) +* [S.O.L.I.D-ый JavaScript. Алексей Охрименко (Видео :movie_camera:)](https://www.youtube.com/watch?v=wi3wPzReKZQ) +* [Классическое программирование для фронтендеров. Игорь Алексеенко (Видео :movie_camera:)](https://www.youtube.com/watch?v=b2AhDtFfSSU) * [Функциональное программирование в браузере. Никита Прокопов](http://tonsky.me/talks/2015-codefest/) * [Делаем свой JavaScript чистым. Jack Franklin. Перевод prgssr.ru](http://prgssr.ru/development/delaem-svoj-javascript-chistym.html) @@ -85,7 +85,7 @@ Frontend WhiteList — это список полезных и интересн * [Как работают замыкания (под капотом) в JavaScript. Hexlet](http://habrahabr.ru/company/hexlet/blog/266443/) * [Асинхронность в JavaScript: Пособие для тех, кто хочет разобраться. Wrike](https://habrahabr.ru/company/wrike/blog/302896/) * [Техники работы с DOM: родительские, дочерние и соседние элементы. Louis Lazaris. Перевод prgssr.ru](http://prgssr.ru/development/tehniki-raboty-s-dom-roditelskie-dochernie-i-sosednie-elementy.html) -* [Фронтенд. DOM, Events. Артем Мезин (Видео)](https://www.youtube.com/watch?v=b9q2j0RyKPw) +* [Фронтенд. DOM, Events. Артем Мезин (Видео :movie_camera:)](https://www.youtube.com/watch?v=b9q2j0RyKPw) ####JavaScript Советы * [Плохой код #1. Евгений Бовыкин](http://jsraccoon.ru/exercise-bad-code-one) @@ -97,12 +97,12 @@ Frontend WhiteList — это список полезных и интересн ####О библиотеках и фреймворках * [Цена использования фреймворков. Paul Lewis. Перевод Mail.Ru Group](https://habrahabr.ru/company/mailru/blog/273613/) -* [Жизнь после js-фреймворков. Андрей Ваганов (Видео)](https://www.youtube.com/watch?v=-W7kFbCXVqw) +* [Жизнь после js-фреймворков. Андрей Ваганов (Видео :movie_camera:)](https://www.youtube.com/watch?v=-W7kFbCXVqw) ##Анимация * [Производительность визуализации](https://developers.google.com/web/fundamentals/performance/rendering/) -* [Аппаратное ускорение. Александр Завьялов (Видео)](https://vimeo.com/97907079#at=3) -* [Веб-анимация на JS и CSS. Александр Завьялов (Видео)](https://vimeo.com/141266409) +* [Аппаратное ускорение. Александр Завьялов (Видео :movie_camera:)](https://vimeo.com/97907079#at=3) +* [Веб-анимация на JS и CSS. Александр Завьялов (Видео :movie_camera:)](https://vimeo.com/141266409) ####CSS-анимации * [CSS Triggers. Таблица со свойствами и процессами, происходящими при изменении свойств](http://csstriggers.com/) @@ -110,25 +110,25 @@ Frontend WhiteList — это список полезных и интересн * [Всё, что вам нужно знать о CSS-свойстве will-change. Sara Soueidan. Перевод Opera Software](https://dev.opera.com/articles/ru/css-will-change-property/) ####JavaScript-анимации -* [Анимируем объекты с использованием физики в JavaScript. Елена Иванова (Видео)](https://www.youtube.com/watch?v=UH3tKb7B5xA) +* [Анимируем объекты с использованием физики в JavaScript. Елена Иванова (Видео :movie_camera:)](https://www.youtube.com/watch?v=UH3tKb7B5xA) ####SVG-анимации -* [Как сделать Инстаграм в браузере. Дмитрий Дудин (Видео)](https://www.youtube.com/watch?v=RJnYkbm66ZI) +* [Как сделать Инстаграм в браузере. Дмитрий Дудин (Видео :movie_camera:)](https://www.youtube.com/watch?v=RJnYkbm66ZI) ####Руководства по созданию анимаций * [CSS-маски для hover-эффекта](https://habrahabr.ru/post/164409/) * [Intermediate CSS3 Hover Effects. Пошаговый туториал](https://habrahabr.ru/post/274003/) ##Инструменты -* [Автоматизация для фронтендеров. Роберт Харитонов (Видео)](https://www.youtube.com/watch?v=y9ERi0PhHEo) +* [Автоматизация для фронтендеров. Роберт Харитонов (Видео :movie_camera:)](https://www.youtube.com/watch?v=y9ERi0PhHEo) * [Bower: зачем фронтенду нужен менеджер пакетов. Артём Сапегин](http://nano.sapegin.ru/all/bower) * [Введение в пакетный менеджер NPM для начинающих. Peter Dierx. Перевод prgssr.ru](http://prgssr.ru/development/vvedenie-v-paketnyj-menedzher-npm-dlya-nachinayushih.html) * [Автоматизация регрессионного тестирования CSS. Garris Shipon. Перевод prgssr.ru](http://prgssr.ru/development/avtomatizaciya-regressionnogo-testirovaniya-css-2016.html) * [Перевод книги "Pro Git"](https://git-scm.com/book/ru/v1) -* [Модульная сборка БЭМ-проектов. И никаких bem-tools. Владимир Гриненко (Видео)](https://www.youtube.com/watch?time_continue=9&v=mHVgZZTJLdk) -* [Автоматизация хранения графики. Тимофей Чаптыков (Видео)](https://www.youtube.com/watch?v=tJmI8p6Ms_M) -* [Cистемы сборки фронтенда. Gulp (Видео)](https://www.youtube.com/watch?time_continue=5&v=MfnTJh-pQWM) -* [Суперсилы Chrome Dev Tools. Роман Сальников (Видео)](https://vimeo.com/107580454) +* [Модульная сборка БЭМ-проектов. И никаких bem-tools. Владимир Гриненко (Видео :movie_camera:)](https://www.youtube.com/watch?time_continue=9&v=mHVgZZTJLdk) +* [Автоматизация хранения графики. Тимофей Чаптыков (Видео :movie_camera:)](https://www.youtube.com/watch?v=tJmI8p6Ms_M) +* [Cистемы сборки фронтенда. Gulp (Видео :movie_camera:)](https://www.youtube.com/watch?time_continue=5&v=MfnTJh-pQWM) +* [Суперсилы Chrome Dev Tools. Роман Сальников (Видео :movie_camera:)](https://vimeo.com/107580454) ##Accessibility * [Недоступный веб: как мы развели такой бардак. Mischa Andrews. Перевод Алексей Уколов](https://habrahabr.ru/post/309076/) @@ -137,42 +137,42 @@ Frontend WhiteList — это список полезных и интересн * [Дизайн государственных систем](http://gov.design/blog/2016/11/08/accessibility.html) ##Браузеры -* [Модель отображения. Основы. Олег Мохов (Видео)](https://www.youtube.com/watch?v=LVqg3N7QYVU) -* [Модель отображения. Тонкости. Олег Мохов (Видео)](https://www.youtube.com/watch?v=_FYV-EjTkfw) -* [Модель отображения. Браузеры. Олег Мохов (Видео)](https://www.youtube.com/watch?v=OGmzplOuRas) -* [WebAPIs. Сергей Гоголев, Максим Воронцов, Олег Семичев (Видео)](https://www.youtube.com/watch?v=OGmzplOuRas) +* [Модель отображения. Основы. Олег Мохов (Видео :movie_camera:)](https://www.youtube.com/watch?v=LVqg3N7QYVU) +* [Модель отображения. Тонкости. Олег Мохов (Видео :movie_camera:)](https://www.youtube.com/watch?v=_FYV-EjTkfw) +* [Модель отображения. Браузеры. Олег Мохов (Видео :movie_camera:)](https://www.youtube.com/watch?v=OGmzplOuRas) +* [WebAPIs. Сергей Гоголев, Максим Воронцов, Олег Семичев (Видео :movie_camera:)](https://www.youtube.com/watch?v=OGmzplOuRas) * [Принципы работы современных веб-браузеров. Tali Garsiel и Paul Irish. Перевод html5rocks.com](https://www.html5rocks.com/ru/tutorials/internals/howbrowserswork/) -* [Фронтенд. Хранение данных.Иван Чашкин (Видео)](https://www.youtube.com/watch?v=BvwHEb5oEJM) +* [Фронтенд. Хранение данных.Иван Чашкин (Видео :movie_camera:)](https://www.youtube.com/watch?v=BvwHEb5oEJM) ##Оптимизация скорости загрузки * [Условная загрузка для адаптивного веб-дизайна. Андрей Голуменов](https://habrahabr.ru/post/218497/) * [Критический путь рендеринга веб-страниц. Николай Лавлинский](https://habrahabr.ru/post/262239/) * [Клиентская точка отказа: SPOF за счет внешних JS-библиотек Николай Лавлинский](https://habrahabr.ru/post/265627/) * [Представляем RAIL: модель оценки производительности сайта. Paul Irish и Paul Lewis. Перевод Николай Мациевский](https://habrahabr.ru/post/308026/) -* [В погоне за производительностью. Денис Мишунов (Видео)](https://www.youtube.com/watch?v=egiLQun-FxI) -* [Производительный client-side. Роман Парадеев (Видео)](https://www.youtube.com/watch?v=kmhg-cV5Vkg) -* [Верстка. Вид снизу. Марина Широчкина (Видео)](https://www.youtube.com/watch?v=9HYHxky799o) -* [Жесточайшая оптимизация загрузки веб-страниц. Дмитрий Дудин (Видео)](https://www.youtube.com/watch?v=KItf0Zrx87c) -* [Фронтенд. Сетевое взаимодействие. Артем Мезин и Егор Дыдыкин (Видео)](https://www.youtube.com/watch?v=feEs6aymPj4) -* [Загрузка главной страницы. Павел Минеев (Видео)](https://www.youtube.com/watch?time_continue=32&v=k5rbC0mBK9A) -* [Оптимизация фронтенда. Олег Мохов (Видео)](https://www.youtube.com/watch?v=Vn1jyRdEbjg) -* [Improving Smashing Mag's Performance. Виталий Фридман (Видео)](https://www.youtube.com/watch?v=ri2XWgIt59U) +* [В погоне за производительностью. Денис Мишунов (Видео :movie_camera:)](https://www.youtube.com/watch?v=egiLQun-FxI) +* [Производительный client-side. Роман Парадеев (Видео :movie_camera:)](https://www.youtube.com/watch?v=kmhg-cV5Vkg) +* [Верстка. Вид снизу. Марина Широчкина (Видео :movie_camera:)](https://www.youtube.com/watch?v=9HYHxky799o) +* [Жесточайшая оптимизация загрузки веб-страниц. Дмитрий Дудин (Видео :movie_camera:)](https://www.youtube.com/watch?v=KItf0Zrx87c) +* [Фронтенд. Сетевое взаимодействие. Артем Мезин и Егор Дыдыкин (Видео :movie_camera:)](https://www.youtube.com/watch?v=feEs6aymPj4) +* [Загрузка главной страницы. Павел Минеев (Видео :movie_camera:)](https://www.youtube.com/watch?time_continue=32&v=k5rbC0mBK9A) +* [Оптимизация фронтенда. Олег Мохов (Видео :movie_camera:)](https://www.youtube.com/watch?v=Vn1jyRdEbjg) +* [Improving Smashing Mag's Performance. Виталий Фридман (Видео :movie_camera:)](https://www.youtube.com/watch?v=ri2XWgIt59U) ##Разработка * [Словарь терминов по фронтенду. Вадим Макеев и Ольга Алексашенко](https://github.com/web-standards-ru/dictionary) -* [Идеологии разработки веб интерфейсов. Сергей Горобцов (Видео)](https://www.youtube.com/watch?v=i1DzrxGlO_g) +* [Идеологии разработки веб интерфейсов. Сергей Горобцов (Видео :movie_camera:)](https://www.youtube.com/watch?v=i1DzrxGlO_g) * [О чём должен помнить веб-дизайнер. Николай Громов и Андрей Алексеев](https://github.com/nicothin/web-design) ####О жизни -* [36. Вадим Макишвили (Видео)](https://vimeo.com/108327741) -* [Как я перестал верить технологиям. Алексей Симоненко (Видео)](https://www.youtube.com/watch?v=p5g4giWmcvE) -* ["Старикам здесь не место?". Олег Мохов и Алексей Симоненко (Видео)](https://youtu.be/ISmD4Lik5oY?list=PLMBnwIwFEFHekmHQcApwkIzEfG8UJ_f-7) -* [Ошибка. Осознание, примирение, извлечение пользы. Вадим Макишвили (Видео)](https://www.youtube.com/watch?v=4srVRott8uU&index=1&list=PLMBnwIwFEFHdZyRHzgiIkMwJpCidILXTN) +* [36. Вадим Макишвили (Видео :movie_camera:)](https://vimeo.com/108327741) +* [Как я перестал верить технологиям. Алексей Симоненко (Видео :movie_camera:)](https://www.youtube.com/watch?v=p5g4giWmcvE) +* ["Старикам здесь не место?". Олег Мохов и Алексей Симоненко (Видео :movie_camera:)](https://youtu.be/ISmD4Lik5oY?list=PLMBnwIwFEFHekmHQcApwkIzEfG8UJ_f-7) +* [Ошибка. Осознание, примирение, извлечение пользы. Вадим Макишвили (Видео :movie_camera:)](https://www.youtube.com/watch?v=4srVRott8uU&index=1&list=PLMBnwIwFEFHdZyRHzgiIkMwJpCidILXTN) * [Заметки о собеседованиях для веб-разработчиков. Артём Сапегин](http://nano.sapegin.ru/all/coding-interview) ####О коде -* [Принципы и приёмы написания эффективного кода. Александр Завьялов (Видео)](https://www.youtube.com/watch?v=A__0VgwlBR0) -* [Типичные ошибки начинающего верстальщика. Олег Мохов (Видео)](https://www.youtube.com/watch?v=d4b3CiwSi9c) +* [Принципы и приёмы написания эффективного кода. Александр Завьялов (Видео :movie_camera:)](https://www.youtube.com/watch?v=A__0VgwlBR0) +* [Типичные ошибки начинающего верстальщика. Олег Мохов (Видео :movie_camera:)](https://www.youtube.com/watch?v=d4b3CiwSi9c) ####О готовых решениях * [Не учите фреймворки, учите архитектуру](https://habrahabr.ru/post/253297/) From 30c13e286cd5328c0fbf8ba6c8d9ac96e067e418 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Mon, 21 Nov 2016 21:43:44 +0300 Subject: [PATCH 51/58] =?UTF-8?q?=D0=A3=D0=BB=D1=83=D1=87=D1=88=D0=B5?= =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D1=84=D0=BE=D1=80=D0=BC=D1=8B=20=D0=BA?= =?UTF-8?q?=D0=BE=D0=BC=D0=BC=D0=B5=D0=BD=D1=82=D0=B0=D1=80=D0=B8=D0=B5?= =?UTF-8?q?=D0=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index ce9ce92..28b69cc 100755 --- a/README.md +++ b/README.md @@ -160,7 +160,6 @@ Frontend WhiteList — это список полезных и интересн ##Разработка * [Словарь терминов по фронтенду. Вадим Макеев и Ольга Алексашенко](https://github.com/web-standards-ru/dictionary) -* [Идеологии разработки веб интерфейсов. Сергей Горобцов (Видео :movie_camera:)](https://www.youtube.com/watch?v=i1DzrxGlO_g) * [О чём должен помнить веб-дизайнер. Николай Громов и Андрей Алексеев](https://github.com/nicothin/web-design) ####О жизни @@ -183,6 +182,10 @@ Frontend WhiteList — это список полезных и интересн * [UX-мифы. Zoltán Gócza и Zoltán Kollin. Перевод Ринат Рехимкулов и Петр Андрианов](http://ru.uxmyths.com/) * [Как отравить мобильного пользователя. Martin Michálek. Перевод prgssr.ru](http://prgssr.ru/development/kak-otravit-polzovatelya-s-mobilnym.html) +##Progressive Enhancement и Graceful degradation +* [Идеологии разработки веб интерфейсов. Сергей Горобцов (Видео :movie_camera:)](https://www.youtube.com/watch?v=i1DzrxGlO_g) +* [Улучшение формы комментариев. Michael Scharnagl. Перевод Анны Кухаревой, редактура Вадима Макеева, Юли Бухваловой и Алексея Симоненко](https://medium.com/web-standards/улучшение-формы-комментариев-7b2ad80f0340#.gn04dxtf9) + ##Книги * [Реактивные веб-сайты. Клиентская оптимизация в алгоритмах и примерах](http://www.ozon.ru/context/detail/id/5322041/) * [JavaScript. Шаблоны](http://www.ozon.ru/context/detail/id/6287517/) From 84ec6dfa06b0fba712886f3b822f9993853cea2d Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Mon, 21 Nov 2016 21:44:52 +0300 Subject: [PATCH 52/58] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=BC=D0=B5=D0=BD=D1=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 28b69cc..66cd843 100755 --- a/README.md +++ b/README.md @@ -33,6 +33,7 @@ Frontend WhiteList — это список полезных и интересн * [О коде](README.md#О коде) * [О готовых решениях](README.md#О-готовых-решениях) * [User Experience](README.md#user-experience) +* [Progressive Enhancement и Graceful degradation](README.md#progressive-enhancement-и-graceful-degradation) * [Книги](README.md#Книги) ##Верстка From 5021a114539781232f29213cb85db314cd02218a Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Sun, 27 Nov 2016 22:21:16 +0300 Subject: [PATCH 53/58] =?UTF-8?q?=D0=A1=D1=82=D0=B5=D0=BA=20=D1=82=D0=B5?= =?UTF-8?q?=D1=85=D0=BD=D0=BE=D0=BB=D0=BE=D0=B3=D0=B8=D0=B9=20JavaScript?= =?UTF-8?q?=20=D1=81=20=D0=BD=D1=83=D0=BB=D1=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 66cd843..0979430 100755 --- a/README.md +++ b/README.md @@ -130,6 +130,7 @@ Frontend WhiteList — это список полезных и интересн * [Автоматизация хранения графики. Тимофей Чаптыков (Видео :movie_camera:)](https://www.youtube.com/watch?v=tJmI8p6Ms_M) * [Cистемы сборки фронтенда. Gulp (Видео :movie_camera:)](https://www.youtube.com/watch?time_continue=5&v=MfnTJh-pQWM) * [Суперсилы Chrome Dev Tools. Роман Сальников (Видео :movie_camera:)](https://vimeo.com/107580454) +* [Стек технологий JavaScript с нуля. Jonathan Verrecchia. Перевод от UsulPro](https://github.com/UsulPro/js-stack-from-scratch) ##Accessibility * [Недоступный веб: как мы развели такой бардак. Mischa Andrews. Перевод Алексей Уколов](https://habrahabr.ru/post/309076/) From 6d43fc0dabbe3effc2df06cd3fcc2ac3ee3865cd Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Tue, 29 Nov 2016 18:50:02 +0300 Subject: [PATCH 54/58] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=B0=D0=B2=D1=82=D0=BE=D1=80=D0=B0=20"Lin=20Clark"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index ef0e152..15f1238 100755 --- a/README.md +++ b/README.md @@ -95,8 +95,8 @@ Frontend WhiteList — это список полезных и интересн ####Руководства по библиотекам и фреймворкам * [Handlebars. Руководство к действию. Олег Лазарев](https://habrahabr.ru/post/273581/) * [Правила хорошего тона при написании плагина на jQuery. Валерий Чупурнов](https://habrahabr.ru/post/277603/) -* [Руководство по Flux в картинках. Перевод Анастасии Абакумовой](https://medium.com/russian/руководство-по-flux-в-картинках-d59c03562ea#.q6688j1wk) -* [Redux в картинках. Перевод Анастасии Абакумовой](https://medium.com/russian/a-cartoon-intro-to-redux-e2108896f7e6#.gukbw0jvz) +* [Руководство по Flux в картинках. Lin Clark. Перевод Анастасии Абакумовой](https://medium.com/russian/руководство-по-flux-в-картинках-d59c03562ea#.q6688j1wk) +* [Redux в картинках. Lin Clark. Перевод Анастасии Абакумовой](https://medium.com/russian/a-cartoon-intro-to-redux-e2108896f7e6#.gukbw0jvz) ####О библиотеках и фреймворках * [Цена использования фреймворков. Paul Lewis. Перевод Mail.Ru Group](https://habrahabr.ru/company/mailru/blog/273613/) From 68f39d5cc56e33256e7e27b90086d09e8fc47ae0 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Wed, 14 Dec 2016 16:23:21 +0300 Subject: [PATCH 55/58] =?UTF-8?q?BEMup=20=D0=B4=D0=BB=D1=8F=20=D0=BD=D0=B0?= =?UTF-8?q?=D1=87=D0=B8=D0=BD=D0=B0=D1=8E=D1=89=D0=B8=D1=85=2009.12.2016?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 15f1238..45ccba1 100755 --- a/README.md +++ b/README.md @@ -71,6 +71,7 @@ Frontend WhiteList — это список полезных и интересн * [Способы организации CSS-кода](https://habrahabr.ru/post/256109/) * [«Пишем БЭМ правильно». Игорь Зенич (Видео :movie_camera:)](https://www.youtube.com/watch?v=hTmxbJF2Tts) * [А вы верите в систематизацию, или методологии верстки? Елизавета Селиванова и Ирина Левина](https://www.youtube.com/watch?v=P4ag4JSNWTM) +* [BEMup для начинающих 09.12.2016. Владимир Гриненко. (Видео :movie_camera:)](https://www.youtube.com/watch?v=Ai-yt0b8iKE&feature=youtu.be) ##JavaScript * [4 вида утечек памяти в JavaScript и как с ними бороться. Андрей Алексеев](https://habrahabr.ru/post/309318/) From 9bb825a4af73dbe892d92abc8278d8036f99a9f1 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Thu, 15 Dec 2016 18:04:23 +0300 Subject: [PATCH 56/58] =?UTF-8?q?=D0=A1=D0=BA=D0=BE=D0=BB=D1=8C=D0=BA?= =?UTF-8?q?=D0=BE=20=D0=B2=D0=B5=D1=81=D1=8F=D1=82=20=D1=81=D0=B5=D0=BB?= =?UTF-8?q?=D0=B5=D0=BA=D1=82=D0=BE=D1=80=D1=8B=3F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 45ccba1..a8dbf27 100755 --- a/README.md +++ b/README.md @@ -40,7 +40,7 @@ Frontend WhiteList — это список полезных и интересн * [Валидация форм на HTML и CSS. Chris Coyier. Перевод Алёны Батицкой](https://medium.com/russian/валидация-форм-на-html-и-css-c34c982d42a0#.885w45m0k) * [Типографика восток. Роман Прудников (Видео :movie_camera:)](https://www.youtube.com/watch?v=9YQzHmIVYag) * [input. Артём Кувалдин (Видео :movie_camera:)](https://www.youtube.com/watch?time_continue=20&v=2uo74fpwCN4) -* [Слова, часто используемые в CSS-классах. Юля Бухвалова](https://github.com/yoksel/common-words) +* [Слова, часто используемые в CSS-классах. Юлия Бухвалова](https://github.com/yoksel/common-words) * [Методическое пособие для начинающих. Стас Мельников](https://www.gitbook.com/book/melnik909/tutorial-for-beginner-front-end-developer/details) ####О мобильных устройствах @@ -58,6 +58,7 @@ Frontend WhiteList — это список полезных и интересн * [Краш-тест вёрстки](https://isqua.ru/blog/2016/06/19/crash-test-viorstki/) ##CSS +*["Сколько весят селекторы?". Юлия Бухвалова](http://css.yoksel.ru/specifity/) ####О свойствах * [Свойство background-clip и его применения. Ana Tudor. Перевод css-live.ru](http://css-live.ru/articles-css/background-clip-use-cases.html) * [Как я научился любить скучные мелочи CSS. Peter Gaston. Перевод Веб-стандарты](http://web-standards.ru/articles/boring-bits-of-css/) @@ -110,7 +111,7 @@ Frontend WhiteList — это список полезных и интересн ####CSS-анимации * [CSS Triggers. Таблица со свойствами и процессами, происходящими при изменении свойств](http://csstriggers.com/) -* [Руководство по CSS Animation. Юля Бухвалова](http://css.yoksel.ru/css-animation/) +* [Руководство по CSS Animation. Юлия Бухвалова](http://css.yoksel.ru/css-animation/) * [Всё, что вам нужно знать о CSS-свойстве will-change. Sara Soueidan. Перевод Opera Software](https://dev.opera.com/articles/ru/css-will-change-property/) ####JavaScript-анимации From c2258baa000f0a8aa4c300ed32004e6769fd9322 Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Thu, 15 Dec 2016 18:05:21 +0300 Subject: [PATCH 57/58] =?UTF-8?q?=D0=A1=D0=BA=D0=BE=D0=BB=D1=8C=D0=BA?= =?UTF-8?q?=D0=BE=20=D0=B2=D0=B5=D1=81=D1=8F=D1=82=20=D1=81=D0=B5=D0=BB?= =?UTF-8?q?=D0=B5=D0=BA=D1=82=D0=BE=D1=80=D1=8B=3F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index a8dbf27..ca0be1c 100755 --- a/README.md +++ b/README.md @@ -58,7 +58,7 @@ Frontend WhiteList — это список полезных и интересн * [Краш-тест вёрстки](https://isqua.ru/blog/2016/06/19/crash-test-viorstki/) ##CSS -*["Сколько весят селекторы?". Юлия Бухвалова](http://css.yoksel.ru/specifity/) +* ["Сколько весят селекторы?". Юлия Бухвалова](http://css.yoksel.ru/specifity/) ####О свойствах * [Свойство background-clip и его применения. Ana Tudor. Перевод css-live.ru](http://css-live.ru/articles-css/background-clip-use-cases.html) * [Как я научился любить скучные мелочи CSS. Peter Gaston. Перевод Веб-стандарты](http://web-standards.ru/articles/boring-bits-of-css/) From d772ec2551a093ea13db6619a16438590b3c72bd Mon Sep 17 00:00:00 2001 From: Stas Melnikov Date: Thu, 15 Dec 2016 18:06:24 +0300 Subject: [PATCH 58/58] =?UTF-8?q?=D0=A1=D0=BA=D0=BE=D0=BB=D1=8C=D0=BA?= =?UTF-8?q?=D0=BE=20=D0=B2=D0=B5=D1=81=D1=8F=D1=82=20=D1=81=D0=B5=D0=BB?= =?UTF-8?q?=D0=B5=D0=BA=D1=82=D0=BE=D1=80=D1=8B=3F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index ca0be1c..72f1f59 100755 --- a/README.md +++ b/README.md @@ -59,6 +59,7 @@ Frontend WhiteList — это список полезных и интересн ##CSS * ["Сколько весят селекторы?". Юлия Бухвалова](http://css.yoksel.ru/specifity/) + ####О свойствах * [Свойство background-clip и его применения. Ana Tudor. Перевод css-live.ru](http://css-live.ru/articles-css/background-clip-use-cases.html) * [Как я научился любить скучные мелочи CSS. Peter Gaston. Перевод Веб-стандарты](http://web-standards.ru/articles/boring-bits-of-css/)