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

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


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


    Медиа


    podcast Подкаст «Веб-стандарты», Выпуск №87 – Зачем вообще Edge, новинки Safari, бета Chrome 62, кому нужен CoffeeScript 2, идеи для DevTools.
    podcast Подкаст «Frontend Weekend» #20 – Павел Ловцевич о том, как нетворкинг на конференции помогает переехать за границу
    podcast video Подкаст «Пятиминутка Angular» #4: Meetups (Ekb, Msk), Angular 5 beta7, Angular CLI 1.4, Schematics, Forms
    podcast video Подкаст «Пятиминутка React» #36: Ring UI от JetBrains. Интервью с Евгением Датским, ведущим разработчиком библиотеки
    podcast Подкаст «Фронтенд Юность (18+)» #19: Майним биткоины на сайте с помощью пользователей
    podcast Подкаст «devschacht»: Ночной фронтенд #4 — FrontTalks 2017
    podcast Подкаст «devschacht»: Ночной фронтенд #5 — От атомной бомбы до персонального компьютера
    podcast Подкаст «Drinkcast», Выпуск #9: «Сколько нужно программистов, чтобы очистить код»
    video «ALL YOUR HTML» #: 15«Плавные переходы между страницами с Barba.js (PJAX)»
    en video Microsoft Edge Web Summit 2017, 14 видео

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


    habr Зачем нужен БЭМ. Следуете ли вы БЭМу, и насколько он востребован вне Яндекса?
    Как создать маску ввода для мобильных устройств
    В WordPress рассматривают агностичный подход к выбору JS-фреймворка для блоков Gutenberg
    Какие метатеги использовать в вебе в 2017 году
    en Мега-шпаргалка по HTML5
    en Сенсоры для веба! Разработчики из Intel в блоге Google делятся своими мыслями о возможностях Generic Sensor API
    en Автомат Руба Голдберга. Введение в постмодернизм веб-разработки. Заметка, вдохновленная посещением CSS-Day Amsterdam 2017





    CSS


    habr Кастомные свойства. Зачем нужны кастомные свойства и как они работают?
    Явный контроль над специфичностью в CSS?
    en Исторический взгляд на FOUT и FOIT от Zach Leatherman
    en Как новые шрифтовые технологии (вариативность и параметричность) улучшат веб в будущем
    en Как Safari работает с пользовательскими свойсвами CSS
    en Написание CSS с мыслями о доступности
    en Выводим линтинг CSS на следующий уровень с помощью Stylelint
    en Интригующий четвертый уровень CSS селекторов
    en Правда веба: CSS — это не настоящее программирование
    en Разработка сайтов под iPhone X. Почти официальное руководство в блоге webkit
    en Событие для CSS position:sticky. О том, как событие sticky-change поможет связать стили с JS для создания прилипающих элементов наиболее нативным способом


    JavaScript


    habr Angular vs. React vs. Vue: Сравнение 2017
    habr Как работает JS: управление памятью, четыре вида утечек памяти и борьба с ними
    en Github Шпаргалка по современному JavaScript
    en JavaScript C++: Современные способы использования C++ в JavaScript проектах





    • Libs & Plugins:
      en Github vuetify — фреймворк компонентов с Material-дизайном для Vue.js 2
      en Github ngraph.path — нахождение пути в графе
      en Github nanoevents — простая библиотека для работы с событиями
      en Github bosket — коллекция компонентов, отображающих древовидные структуры для фреймворков React, Angular, VueJS, RiotJS
      en Github winamp2-js — реализация Windamp 2.9 на HTML5 и JS


    Браузеры


    Chrome В Chrome будет принудительно включаться HTTPS для доменов .dev и .foo
    en Будущие обновления Audio/Video в Chrome 62
    en Chrome 62 Beta: API для предсказания качества сети, вариативные OpenType шрифты и захват медиа с элементов DOM
    en Технические детали Safari Technology Preview 40: поддержка WebAssembly, CSS stroke, Resource/Perf/User timing 2, новые экспериментальные фичи
    Майнить криптовалюту можно прямо через браузеры пользователей. Это уже делают Pirate Bay и хакеры
    Google определила самый небезопасный веб-браузер
    Майнинг криптовалюты через браузер. Сколько на этом можно заработать?

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


    Googlebot всё ещё не сканирует HTTP/2
    Капитализация Apple снизилась почти на $50 млрд за 10 дней после презентации новых iPhone
    Хакеры взломали популярнейший «чистильщик» CCleaner и использовали его для распространения вредоносного ПО
    Как Apple обманула пользователей насчет «дифференциальной безопасности»
    Stack Overflow выпустила новую версию зарплатного калькулятора
    GitHub объявила о выходе из беты приложения GitHub Desktop
    Google приобретёт часть мобильного бизнеса HTC за $1,1 млрд
    Создатель смайлика Скотт Фалман: «Это самая „ботанская“ штука на свете!»
    en iOS 11 достигла более 6% пользователей всего интернета всего за два дня
    en Дэн Абрамов: что я выучил после работы в Facebook за почти два года?
    

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



    Дайджест за прошлую неделю.
    Материал подготовили dersmoll и alekskorovin.
    • +24
    • 15,5k
    • 5

    Zfort Group

    304,70

    Компания

    Поделиться публикацией
    Комментарии 5
      +3

      Про тестирование WebAssembly интересно. Но меня, если честно, удивили результаты. По моим предыдущим тестам выходило, что WebAssembly довольно медленный. Решил проверить последний тест, sha256, т.к. на мой взгляд он самый честный, потому что использует операции работы с памятью, а не простую математику. Вот мои результаты, в которые я включил вычисления с помощью внутреннего модуля crypto, а также результаты с помощью портированной мной библиотеки Nettle (windows 10, i5 4690):


      SHA256:
         Native x 8,834 ops/sec ±1.94% (87 runs sampled)
         Crypto x 21,975 ops/sec ±1.51% (87 runs sampled)
         N-API Addon x 18,001 ops/sec ±1.42% (90 runs sampled)
         Web Assembly x 13,855 ops/sec ±0.82% (88 runs sampled)
         Web Assembly # Nettle x 17,405 ops/sec ±2.92% (87 runs sampled)

      И тут у меня возникают вопросы к автору и вообще корректности его тестов. Как он так умудрился замедлить в ~3 раза нативный вариант? Каким образом его Web Assembly медленнее на 3,5к операций?


      А вот результаты на Microsoft`овском движке chakracore (использовался node-chakracore):


      SHA256:
         Native x 3,267 ops/sec ±1.45% (88 runs sampled)
         Crypto x 21,237 ops/sec ±4.13% (81 runs sampled)
         N-API Addon x 19,272 ops/sec ±3.23% (82 runs sampled)
         Web Assembly x 15,180 ops/sec ±2.74% (86 runs sampled)
         Web Assembly # Nettle x 19,377 ops/sec ±3.81% (83 runs sampled)

      И тут я удивлён тем, что у Web Assembly результаты реально выше, чем в V8. В общем, если интересно, могу сделать пару статей про Web Assembly по своим примерам.

        0

        "Правда веба: CSS — это не настоящее программирование".
        Проиграл с заголовка.

          0
          А почему все обходят стороной Ember.js в своих дайджестах?
            0
            Мы не специально. А подскажите, пожалуйста, где можно мониторить свежие материалы по емберу?

        Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

        Самое читаемое