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


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


Медиа


podcast Подкаст «Веб-стандарты» #86: Как вписаться в iPhone X, редакторы кода, инверсная тема в 153 байтах, жизнь после git --force, история гридов, вёрстка и программирование, ES-модули в Node и в бою.
podcast Подкаст «Пятиминутка React» #35: FrontFest 2017
podcast Подкаст «Frontend Weekend» #19: Юрий Артюх учит как стать самым красивым верстальщиком рунета
podcast Подкаст «Фронтенд Юность (18+)» : FrontTalks — лучшая конференция в галактике
podcast en Подкаст «Веб-стандарты», Episode #85: Ага Наплоха, Гарри Робертс, Ева Леттнер, Зак Лезерман и Хьюго Жирадель в специальном выпуске «Веб-стандартов»
podcast Подкаст «Drinkcast», Выпуск #8: «Что такое FrontOps»
video «ALL YOUR HTML» #14: «Анимируем графики на SVG и Canvas, + perlin noise»
video HTML Шорты: Математика для программиста, плюс текстовая версия
video habr Доклады с Frontend Mix: оптимизация загрузки сайтов и дизайн-система на БЭМ и React

Веб-разработка


Ошибки и спорные вопросы в HTML-CSS вёрстке
Еженедельная подборка красивых эффектов на CSS/SVG/JS #53
en Как убрать белые полосы в Safari на iPhone X (background-color, viewport-fit, safe-area-inset-*)




CSS


Доступ к CSS-переменным и их изменение с помощью Javascript
Заблокированные кнопки — отстой
en CSS-in-JS — это как заменить сломаную отвертку вашим любимым молотком
en Полное руководство по Flexbox? — изучение по примерам
en Новое руководство по поддержке CSS в письмах от campaignmonitor
en video Видео о создании CSS Grid. Посмотрите, как CSS Grid Layout прошел путь от идеи до реального распространения во всех основных браузерах в 2017
en Удаление неиспользуемых правил CSS
en Devices.css — подборка современных устройств, воссозданных на «чистом CSS»

JavaScript


Почему Facebook SDK занимает около 16% JavaScript-кода на сайтах и что это значит
en Babel: изменения, запланированные для версии 7.0
en О том, как можно уменьшить влияние третьесторонних JS скриптов на производительность всего сайта
en Как работает JavaScript: управление памятью + как бороться с четырьмя распространёнными утечками памяти
en Готовы ли поисковые остальные движки, кроме Google, к краулингу и индексированию JavaScript?
en Что я люблю и ненавижу во Flow
en Есть ли смысл в людях, которые не могут писать JavaScript?





  • Libs & Plugins:
    en Github p-progress — создание промиса, который сообщает о прогрессе.
    en Github punchcard — jquery плагин для создания графиков в стиле GitHub перфокарт
    en Github classwrap — js утилита для конкатенации имен CSS классов по заданным условиям
    en Github ellipsed — JS библиотека для добавления троеточия в многострочных текстах

Браузеры


Chrome В Chrome 64 будет прекращено автоматическое воспроизведение видео со звуком, а FTP будет помечаться, как небезопасный протокол
Firefox Проект Mozilla представил дополнение с реализацией контекстных контейнеров для Firefox
Firefox В Firefox 57 будет обновлён внешний вид средств для разработчиков

Занимательное


iPhone X, iPhone 8 и 8 Plus, Apple Watch Series 3 и Apple TV 4K
Российские дизайнеры и разработчики об iPhone X, iPhone 8 и других анонсах презентации Apple
W3C разработал API для криптовалютных платежей в браузерах
Нейросеть дня: 3D-маска лица на основе фотографии
Выпуск Vagrant 2.0, инструментария для создания виртуальных окружений
Сеть казино скомпрометировали через «умный» аквариум
Компания Oracle выбрала Eclipse Foundation для передачи разработки Java EE
Человеческий мозг планируют подключить к «интернету вещей»
Почему Кремниевую долину критикуют все чаще, и что с этим делать
?

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


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

Комментарии (4)


  1. vtvz_ru
    18.09.2017 06:06
    +2

    Честно говоря, в статье «Что нового в React 16» я ожидал увидеть подробный разбор изменений и чем они полезны для нас. А нет, написание музыкального плеера с использованием некоторых фич нового реакта… Просто интересна целевая аудитория. Люди, которым интересны изменения в новой версии их инструмента, и сами смогут слепить плеер. А тех, кто хочет изучить библиотеку, вряд ли прельстит такой заголовок. Или я чего-то не понимаю?

    * К подборке нареканий нет. Всегда огромное спасибо за ваш труд. Всегда с нетерпением жду новый выпуск)


    1. derSmoll
      18.09.2017 09:40
      +1

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


  1. JCHouse
    18.09.2017 10:36

    Atom ide круто конечно, вот только пакет с TS не включает в себя ESNext (например ::this.someMethod), а еще одинарные теги jsx тоже ему взрывают мозг:)


  1. ht-pro
    18.09.2017 14:25
    +1

    Спасибо за подборку.