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

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


        Медиа    |    Веб-разработка    |    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
    Zfort Group
    Company
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 4

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

      * К подборке нареканий нет. Всегда огромное спасибо за ваш труд. Всегда с нетерпением жду новый выпуск)
        +1
        Соглашусь. Статья для новичков возможно и неплохая, но с заголовком они однозначно промахнулись, либо намеренно занимаются кликбейтом. Что касается разбора изменений, рекомендую соответствующий выпуск Пятиминутки React
        0
        Atom ide круто конечно, вот только пакет с TS не включает в себя ESNext (например ::this.someMethod), а еще одинарные теги jsx тоже ему взрывают мозг:)
          +1
          Спасибо за подборку.

          Only users with full accounts can post comments. Log in, please.