Дайджест свежих материалов из мира фронтенда за последнюю неделю №341 (26 ноября — 2 декабря 2018)

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

v4f7h4a-rcjikvodgddiwk-5y7s.png


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

1e465593b1b347eea23b1ab81b6e0a04.pngМедиа


podcast Подкаст «Frontend Weekend» #81 — Екатерина Павленко о том, как работает программный комитет HolyJS изнутри
podcast Девшахта — подкаст: 59: Как сделать крутой доклад
podcast Подкаст «CSSSR», Новости 512 — Выпуск №31 (26.11 — 02.12)
video Видеоблог Вадима Макеева: 11. Прототип изоляции стилей для Shower на веб-компонентах
videoWSD в Минске, 2018, запись трансляции
videoperformance.now (), 16 видео с конференции, где 16 спикеров мирового уровня покрыли самые важные стороны веб-производительности (+ заметки к каждому докладу)
videoFrontend NE: The conference 2018

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


• Полезные правила доступности, которые останутся в памяти
enBackground Fetch API: Готовьтесь к его использованию!
enКак и когда использовать атрибут tabindex

3a13046f2d4a46c4a60db0906e962adb.pngCSS


habrCraSSh: ломаем все современные браузеры вычислениями в CSS
habrВведение в пользовательские CSS-свойства
• Правильная шпаргалка по CSS-каскаду
• css-grid-layout-generator.pw — инструмент, с помощью которого можно быстро и наглядно проводить эксперименты с CSS-гридами и получать код на выходе
enВведение в CSS Shapes
enВзгляд на CSS Reset (обнуление стилей) в 2018
enВарианты включения и остановки CSS анимации
enПросто используйте: focus стили, черт побери
enCSS Animation 101 — Популярный курс от Donovan Hutchinson теперь в виде бесплатной книги
enВсе о переменных окружения в CSS
enNES.css CSS фреймворк, вдохновленный NES
enЭффекты креативной визуализации изображений по наведению по ссылкам
enНачинаем работать с вариативными шрифтами в CSS
enСоздание CSS-галереи с Grid раскладкой (с эффектом размытия и интерактивными медиа выражениями)
envideoСоздание интерфейсов будущего: нестандартные формы

1999aed8349b484fb1caa64d98ceb5e3.pngJavaScript


habrРуководство по обработке ошибок в JavaScript
video State Of JavaScript 2018: Фронт, Данные решают всё. Илья Климов разбирает результаты популярного опроса
• Microsoft выпустила TypeScript 3.2
• Прячем JavaScript-код на фронтенде от посторонних
• Как меня задолбало противопоставление хренова const чертову let
enОсновные сайты содержат неавторизованный JavaScript на своих платежных страницах
enСкомпроментированный npm пакет: event-stream
enInfinite Scroll с помощью генераторов
enМалоизвестные функции JavaScript
enКонцепции функционального программирования в Javascript

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


habrНастройка Firefox/Chrome для очень медленного и лимитированного интернета
• Разработчики Chrome задумались о прекращении поддержки FTP
• Opera 57 получила «умные» новости и рекомендации от Netflix
• В Firefox 64 появится встроенный менеджер задач
• Вышел браузер для VR-устройств Firefox Reality 1.1
enWeb Audio, Autoplay Policy и игры

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


• Картина мира. Интернет вещей. Как автоматизировать свою однушку сегодня
• Почему падают криптовалюты — 5 причин от The New York Times
• SEO 101: факты, советы и мифы поисковой оптимизации
• Визуализация данных в работе аналитика: типы диаграмм и какую выбрать
• Почему не стоит давать тестовые задания. И почему не стоит их делать
• Проект OpenSSL переходит на лицензию Apache и меняет схему нумерации выпусков
• Instagram будет описывать фотографии для слабовидящих пользователей
• Хронология: какие проекты закрыла Google и почему


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

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

© Habrahabr.ru