Дайджест свежих материалов из мира фронтенда за последнюю неделю №288 (5 — 12 ноября 2017)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

ns7ongrari5-p4mhfldgjr2xcj8.png


    Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры    |    Занимательное

1e465593b1b347eea23b1ab81b6e0a04.pngМедиа


podcast Подкаст «Frontend Weekend» #27 — Денис Радин обо всей правде жизни разработчика за границей
podcast Подкаст «devschacht»: Ночной фронтенд #10 — Тесты, отладка и сложный мёрдж в XCode
podcast Подкаст «Фронтенд Юность (18+)» #26 Во всём виноват Джейк Арчибальд
podcast Подкаст «Веб-стандарты», Выпуск №:93 WSD, YGLF, проблемная ReactiveConf, графика и цвет, фокус и курсоры, React и Kotlin, украинский фронтенд.
podcast Подкаст «Drinkcast», #16 — «К нам зашел бекенд…»
video «ALL YOUR HTML» #22: «Анимация «Мандала» или как рисовать синусами и вдохновляться»
video3 видео с moscowcss_5
video16 видео с FrontTalks 2017
videoКак учиться веб-разработке? Вадим Макеев в гостях у LoftBlog

888d64fa796b4b6e82e98edc17dc85ae.pngВеб-разработка


habrВеб пора спасать?
habrЗнакомство с WebAssembly
• БЭМ для дизайнеров, или Прототипирование на продакшн-технологиях
enПодходы Right-To-Left в разработке и дизайне мобильных сайтов
enИспользование SVG в качестве плейсхолдеров — еще больше техник загрузки изображений
enПирамида тестирования фронтенда: как пересмотреть свой взгляд на тестирование
enСоветы и scripts в npm
enСерия ответов на вопросы (AMA) с разработчиками npm
enAwesome Speakers — пополняющаяся подборка из популярных спикеров, выступающих на митипах и конференциях, посвященных фронтенду

  • Производительность:
    en«HTTP/2 — это легко, просто включите его», -говорят нам ребята из BBC. Рост производительности — от 3% до 34%
    enУменьшаем вес изображений с помощью техники конвертации контраста CSS фильтрами
    en6 шагов к улучшению производительности вашего веб-приложения
    enИзмерение веб-производительности — анализируем, что имеет наибольшее значение
    enРуководство для разработчиков по оптимизации производительности
    enЛучшие практики использования иконок в мире HTTP/2. Краткий обзор нюансов и анализ нескольких популярных сайтов
    enО создании новой быстрой версии сайта BMW: улучшение TTFB, версия AMP, SVG и новые брейкпоинты


  • Accessibility:
    habrРуководство по alt-text от слабовидящего веб-разработчика
    enОтрывок «Planning for Accessibility» из третьей главы книги новой книги Laura Kalbag «Accessibility for Everyone»
    enARIA — это шпаклевка, а не арматура, — если проводить аналогии создания сайтов со строительством зданий


  • Анимация:
    • Еженедельная подборка красивых эффектов на CSS/SVG/JS #61
    enWeb Animation API — используем мощь CSS keyframes в JavaScript
    enchromeography — эффектное перетекание одного изображения в другое в виде частиц, с помощью three.js
    enСоздание анимации с превращением свезды в сердце, с помощью SVG и Vanilla JavaScript
    enАнимация раскрывающихся сеток

3a13046f2d4a46c4a60db0906e962adb.pngCSS


habrОчерки истории CSS
habrНормальный сброс. Про ресеты и нормалайзы, что лучше использовать?
• Простая сетка на гридах с фолбэками с помощью @supports
enГладкие скругленные углы с помощью CSS Houdini
enCSS код с запашком
enПрактическое использование соотношений сторон в медиа запросов
enОбласти в гридах и элементы, которые их занимают, не обязательно имеют одиновый размер
enВсе что вам нужно знать о CSS-in-JS
enGithub Дисуссия на GitHub на тему: Должны ли мы перестать использовать сервис Google Fonts и хостить шрифты самостоятельно?. Вопрос был поднят после очередного изменения значения Weight в популярном шрифте montserrat
enGithubПочему Atomizer (acss.io) не использует более читаемые имена?

1999aed8349b484fb1caa64d98ceb5e3.pngJavaScript


• Google: найденные в JavaScript ссылки полностью передают PageRank
• Mozilla выпустила небольшой обучающий курс по отладке JavaScript с помощью debugger
habrПривет из мезозоя
habrПросто о D3.js
habrЧто такое RxJS и почему о нём полезно знать
enКаково это изучать JavaScript в 2018
en5 руководств по стилю JavaScript — включая AirBnB, GitHub и Google
enПравильная обработка ошибок в JavaScript
enАдаптация JavaScript-абстракций со временем
enСтэк GraphQL: как все сочетается друг с другом
enПервая практика GraphQL First в Quri
enЖив ли Meteorjs

  • ReactReact:
    habrОтладка React-приложений в VS Code
    enИспользование React 16 Portal для создания чего-нибудь крутого
    enНастройки производительности React-приложения на примере реального проекта
    enКлиент Ethereum Light на React


  • AngularAngular:
    habrAngular 5
    habrВпечатления от Angular Connect 2017
    • Общий функционал и Lazy-модули
    enЧто нового в Angular v5: анимации
    enТоп 5 вопросов на собеседовании по AngularJS
    enКак не страдать с Angular — подробное руководство


  • VueVueJS:
    habrVue.js tutorial: от jQuery к Vue.js
    enКак GitLab работает с Vue: спустя год
    enСостояние Vue.js — Основные выводы из ежегодного отчета
    enЗачем тестировать приложения на Vue?


  • Libs & Plugins:
    enGithubEmergence.js — JS плагин для определения видимости элементов во вьюпорте
    enGithubjs2flowchart — библиотека для визуализации, конвертирует любой JavaScript код в красивую SVG диаграмму

8a7fed178dce42c099f5da05982aec87.pngБраузеры


FirefoxВ Firefox 57 появятся средства для блокирования отслеживания перемещений
ChromeВ Chrome появится защита от открытия рекламных страниц без ведома пользователя
• Выпуск web-браузера Opera 49
• Майнингом через браузеры посетителей занимаются почти 2500 интернет-магазинов
enFirefoxAsync Pan/Zoom (APZ) приходит в Firefox Quantum

d4b289ef0a00e969108c25d0c3d75f58.gifЗанимательное


• Intel объединяется с AMD: встречаем процессор Core с графикой Radeon
• Проблемы больших компаний
• «Теневые профили»: Как Facebook вычисляет всех, кого вы когда-либо знали
• Бог есть технология: Как диджитализм стал религией Долины
• Пользователь случайно удалил немного кода на популярной криптоплатформе. И заблокировал эфира на $280 млн
• Flightradar24 — как это работает?
• Как развивается противостояние Bitcoin и Bitcoin Cash и кто за этим стоит

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

© Habrahabr.ru