- PVSM.RU - https://www.pvsm.ru -

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

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №319 (11 — 17 июня 2018) - 1

    Медиа [1]    |    Веб-разработка [2]    |    CSS [3]    |    Javascript [4]    |    Браузеры [5]    |    Занимательное [6]


Дайджест свежих материалов из мира фронтенда за последнюю неделю №319 (11 — 17 июня 2018) - 2 Медиа

podcast Подкаст «Веб-стандарты», Выпуск №124: Гитхаб продался, Safari в часах, доступные карточки, разная сложность кода, конец cssnext и будущее PostCSS. [7]
podcast Подкаст «Frontend Weekend» #57 – Михаил Башкиров о нюансах переезда в Нидерланды и причинах ухода из RadioJS [8]
podcast Подкаст «devschacht»: Ночной фронтенд #37 — Школа разработки интерфейсов Яндекса. Итоги. [9]
podcast Подкаст «Фронтенд Юность (18+)» #52 Как Райан Дал вашу ноду шатал [10]
podcast Подкаст «uWebDesign» [18+] Об ИТ-рынке в России по-чесноку — Суровый веб #169 [11]
video «ALL YOUR HTML» #53: Декомпиляция сайта azarclub.fr, 2d анимация, + three.js с 2d канвас [12]
video en DeltaV Conference London 2018 [13]
video en JSConf EU 2018, 12 видео [14]
video en Frontend United 2018 — Utrecht, 27 видео [15]
video en O'Reilly Fluent Conference 2018 — San Jose, California, 6 видео [16]

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

habr Как выживать в изменяющемся мире разработки [17]
en Непоследовательное поведение изображений в вебе: как и когда браузеры загружают картинки [18]
en Что каждый разработчик должен знать про HTML для писем [19]
en Автоматизация создания шаблонов писем двумя способами: Snippets vs. Partials [20]
en Дополненная реальность в вебе [21]
en 5 способов обработать формы на статических сайтах [22]
en Что такое CDN и как это работает [23]
en Взгляд с другой стороны: пять вещей, которые должен знать каждый адвокат о цифровой доступности [24]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №319 (11 — 17 июня 2018) - 36 CSS

Почему браузер читает CSS-селекторы справа налево [35]
en Новые (и старые) единицы в CSS, о которых вы никогда не слышали [36]
en Еще креативные паттерны для заполнения фона юникод символами [37]
en M o t u s [38] — библиотека для анимации, которая имитирует CSS keyframes во время скроллинга
en Прекращение работы над cssnext [39]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №319 (11 — 17 июня 2018) - 41 JavaScript

Функции-декораторы, которые можно написать с нуля [40]
en Почти весь Office 365 переписан с помощью JS. [41]
en Интерактивная визуализация данных с помощью JavaScript и D3 [42]
en Как работает JavaScript: движки хранилищ + как выбрать правильное API хранилища [43]
en JS не хуже, чем … [44]
en Как улучшить ваш процесс разработки с помощью консоли JavaScript [45]
en Основы JS движка: формы и встроенное кеширование [46]
en Отправка HTML форм с помощью JS фреймворков (Vue, React, Hyperapp) [47]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №319 (11 — 17 июня 2018) - 70 Браузеры

В Chrome будет прекращена поддержка установки дополнений по запросу сторонних сайтов [68]
Mozilla рассматривает возможность создания системы голосовой навигации для браузера [69]
11 способов ускорить тормозящий Chrome [70]
В Firefox для iOS появилась возможность скачивать файлы [71]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №319 (11 — 17 июня 2018) - 71 Занимательное

habr Пропущенный дедлайн, или почему больше половины компаний оказались не готовы к GDPR [72]
В США перестал действовать принцип сетевого нейтралитета [73]
Будущий генеральный директор GitHub Нэт Фридман ответил на вопросы пользователей Reddit о сделке с Microsoft [74]
В процессорах Intel обнаружена новая критическая уязвимость [75]
Наборы эксплоитов уже используют свежие баги во Flash и Internet Explorer [76]
Google открыла конструктор для создания приложений без навыков программирования [77]
Microsoft прекратит помогать пользователям Windows 7 и 8 на своих форумах [78]
Итоги E3 2018 [79]


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

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

Автор: alexzfort

Источник [83]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/283167

Ссылки в тексте:

[1] Медиа: #media

[2] Веб-разработка: #webdev

[3] CSS: #css

[4] Javascript: #js

[5] Браузеры: #browser

[6] Занимательное: #intresting

[7] Выпуск №124: Гитхаб продался, Safari в часах, доступные карточки, разная сложность кода, конец cssnext и будущее PostCSS.: https://medium.com/web-standards/episode-124-b87a41bffd

[8] #57 – Михаил Башкиров о нюансах переезда в Нидерланды и причинах ухода из RadioJS: https://soundcloud.com/frontend-weekend/fw-57

[9] Ночной фронтенд #37 — Школа разработки интерфейсов Яндекса. Итоги.: https://medium.com/devschacht/nightly-37-16e2447d6f7e

[10] #52 Как Райан Дал вашу ноду шатал : https://soundcloud.com/frontend_u/e52

[11] [18+] Об ИТ-рынке в России по-чесноку — Суровый веб #169: https://www.youtube.com/watch?v=anOXYm4YnBk

[12] Декомпиляция сайта azarclub.fr, 2d анимация, + three.js с 2d канвас: https://www.youtube.com/watch?v=4x6wAFggne8

[13] DeltaV Conference London 2018: https://www.youtube.com/playlist?list=PLGUWTxqQHq52UYQJVPrDBI7YOZNWlp1en&mc_cid=59e41239f8&mc_eid=2c3668be2f

[14] JSConf EU 2018, 12 видео : https://www.youtube.com/playlist?list=PL37ZVnwpeshG2YXJkun_lyNTtM-Qb3MKa

[15] Frontend United 2018 — Utrecht, 27 видео : https://www.youtube.com/playlist?list=PL7xqy2B8uXNI-uKDix02rQRIgy9Y_lM6-

[16] O'Reilly Fluent Conference 2018 — San Jose, California, 6 видео: https://www.youtube.com/playlist?list=PL055Epbe6d5YbQsWDDPDb4cZOVuAVvrAB

[17] Как выживать в изменяющемся мире разработки: https://habr.com/post/414001/

[18] Непоследовательное поведение изображений в вебе: как и когда браузеры загружают картинки: https://csswizardry.com/2018/06/image-inconsistencies-how-and-when-browsers-download-images/

[19] Что каждый разработчик должен знать про HTML для писем: https://blog.logrocket.com/what-every-developer-needs-to-know-about-html-email-df70b7c01b39

[20] Автоматизация создания шаблонов писем двумя способами: Snippets vs. Partials: https://litmus.com/blog/automate-your-emails-in-two-ways-snippets-vs-partials

[21] Дополненная реальность в вебе: https://developers.google.com/web/updates/2018/06/ar-for-the-web

[22] 5 способов обработать формы на статических сайтах: https://forestry.io/blog/5-ways-to-handle-forms-on-your-static-site/

[23] Что такое CDN и как это работает: https://www.sitepoint.com/what-is-a-cdn-and-how-does-it-work/

[24] Взгляд с другой стороны: пять вещей, которые должен знать каждый адвокат о цифровой доступности: http://www.lawtechnologytoday.org/2018/06/digital-accessibility/

[25] Приоритизация долговременной производительности: https://timkadlec.com/remembers/2018-06-07-prioritizing-the-long-tail-of-performance/

[26] О том, как ускоряли новую версию сайта scotch, добившись времени загрузки страницы 1s : https://scotch.io/bar-talk/the-next-scotch-v8-how-were-getting-to-1s-load-times

[27] 7 советов по производительности для плавной JavaScript анимации: https://www.sitepoint.com/7-performance-tips-jank-free-javascript-animations/

[28] Базовый анализ сайта с помощью GTmetrix : https://gtmetrix.com/blog/basic-analysis-with-gtmetrix/

[29] PageSpeed Insights: лучший инструмент для проверки производительности вашего сайта для Google Speed Update?: https://blog.dareboost.com/en/2018/06/google-pagespeed-insights/

[30] Parcel v1.9.0 — Tree Shaking, укоренный в два раза вотчер и многое другое: https://medium.com/@devongovett/parcel-v1-9-0-tree-shaking-2x-faster-watcher-and-more-87f2e1a70f79

[31] Усовершенствование автоматизированного тестирования в Microsoft Edge с новыми возможностями WebDriver, поддержкой протокола W3C и автоматическими обновлениями: https://blogs.windows.com/msedgedev/2018/06/14/webdriver-w3c-recommendation-feature-on-demand/#s1AXvzRjp1ci86yf.97

[32] Введение для новичков в Webpack: https://medium.freecodecamp.org/a-beginners-introduction-to-webpack-2620415e46b3

[33] Эффект полного раскрытия изображения: https://tympanus.net/codrops/2018/06/12/full-image-reveal-effect/

[34] Эффект скроллинга фона, основанный на физике: https://codersblock.com/blog/physics-based-background-scroll-effects/

[35] Почему браузер читает CSS-селекторы справа налево: http://andrew-r.ru/notes/css-selectors-matching

[36] Новые (и старые) единицы в CSS, о которых вы никогда не слышали: https://dev.to/maxart2501/the-new-and-old-css-units-youve-never-heard-about-1mn1

[37] Еще креативные паттерны для заполнения фона юникод символами: https://css-tricks.com/more-unicode-patterns/

[38] M o t u s: https://alexcambose.github.io/motus/

[39] Прекращение работы над cssnext: https://moox.io/blog/deprecating-cssnext/

[40] Функции-декораторы, которые можно написать с нуля: https://medium.com/web-standards/function-decorators-23c89843e950

[41] Почти весь Office 365 переписан с помощью JS.: https://twitter.com/TheLarkInn/status/1006746626617008128

[42] Интерактивная визуализация данных с помощью JavaScript и D3: https://www.sitepoint.com/interactive-data-visualization-javascript-d3/

[43] Как работает JavaScript: движки хранилищ + как выбрать правильное API хранилища: https://blog.sessionstack.com/how-javascript-works-storage-engines-how-to-choose-the-proper-storage-api-da50879ef576

[44] JS не хуже, чем …: https://itnext.io/js-is-not-worse-than-84a5fca0e87d

[45] Как улучшить ваш процесс разработки с помощью консоли JavaScript : https://medium.freecodecamp.org/how-you-can-improve-your-workflow-using-the-javascript-console-bdd7823a9472

[46] Основы JS движка: формы и встроенное кеширование: https://mathiasbynens.be/notes/shapes-ics

[47] Отправка HTML форм с помощью JS фреймворков (Vue, React, Hyperapp): https://blog.logrocket.com/submitting-html-forms-using-javascript-frameworks-vue-react-hyperapp-44664dba1218

[48] Когда и почему стоит использовать стрелочные функции ES6, а когда нет: https://habr.com/post/413953/

[49] Изучаем промисы в JavaScript: из грязи в князи за 25 тестов: https://medium.freecodecamp.org/learn-more-about-javascripts-promises-from-zero-to-hero-in-25-tests-ddaaf4d3c928

[50] JavaScript async/await: хорошая часть, ловушки и способы использования: https://hackernoon.com/javascript-async-await-the-good-part-pitfalls-and-how-to-use-9b759ca21cda

[51] Что нового в ES2018: https://www.sitepoint.com/es2018-whats-new/

[52] Опыт разработки SPA на VueJS + Nuxt: https://habr.com/post/414137/

[53] Переход с jQuery на Vue.js: https://habr.com/company/ruvds/blog/414073/

[54] Функция render() — что такое аргумент h: https://medium.com/devschacht/%D1%84%D1%83%D0%BD%D0%BA%D1%86%D0%B8%D1%8F-render-%D1%87%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5-%D0%B0%D1%80%D0%B3%D1%83%D0%BC%D0%B5%D0%BD%D1%82-h-bfc357a82160

[55] Vue обогнал React по звездам на GitHub: https://twitter.com/dan_abramov/status/1007439168400654336

[56] vuesax: https://github.com/lusaxweb/vuesax

[57] Как создать компонент Vue как профессионал: https://blog.bitsrc.io/how-to-build-vue-components-like-a-pro-fd89fd4d524d

[58] Видео со встреч React Kyiv в марте и апреле + TDD Workshop: https://dou.ua/forums/topic/24187/

[59] Реактивный фронтенд. История о том, как мы снова всё переписали: https://habr.com/company/yamoney/blog/414183/

[60] Создание приложения для трекинга здоровья с помощью React, GraphQL и User Authentication: https://scotch.io/tutorials/build-a-health-tracking-app-with-react-graphql-and-user-authentication

[61] Погружение в React Context: https://css-tricks.com/digging-into-react-context/

[62] Шаблон управления состоянием в Angular приложениях : https://netbasal.com/introducing-akita-a-new-state-management-pattern-for-angular-applications-f2f0fab5a8

[63] Angular и Internet Explorer: https://blog.angularindepth.com/angular-and-internet-explorer-5e59bb6fb4e9

[64] Simonwep/pickr: https://github.com/Simonwep/pickr

[65] jeelizWeboji: https://github.com/jeeliz/jeelizWeboji

[66] yett: https://github.com/snipsco/yett

[67] 9 Javascript библиотек 2018 года для манипуляцией временем и датой: https://blog.bitsrc.io/9-javascript-date-time-libraries-for-2018-12d82f37872d

[68] В Chrome будет прекращена поддержка установки дополнений по запросу сторонних сайтов: http://www.opennet.ru/opennews/art.shtml?num=48776

[69] Mozilla рассматривает возможность создания системы голосовой навигации для браузера: https://www.opennet.ru/opennews/art.shtml?num=48792

[70] 11 способов ускорить тормозящий Chrome: https://lifehacker.ru/kak-uskorit-chrome/

[71] В Firefox для iOS появилась возможность скачивать файлы: https://lifehacker.ru/firefox-12-ios/

[72] Пропущенный дедлайн, или почему больше половины компаний оказались не готовы к GDPR: https://habr.com/company/it-grad/blog/413889/

[73] В США перестал действовать принцип сетевого нейтралитета: https://tproger.ru/news/net-neutrality-usa-june-2018/

[74] Будущий генеральный директор GitHub Нэт Фридман ответил на вопросы пользователей Reddit о сделке с Microsoft: https://vc.ru/39801-budushchiy-generalnyy-direktor-github-net-fridman-otvetil-na-voprosy-polzovateley-reddit-o-sdelke-s-microsoft

[75] В процессорах Intel обнаружена новая критическая уязвимость: https://xakep.ru/2018/06/14/lazy-fp-state-restore/

[76] Наборы эксплоитов уже используют свежие баги во Flash и Internet Explorer: https://xakep.ru/2018/06/15/new-0days-for-eks/

[77] Google открыла конструктор для создания приложений без навыков программирования: https://tproger.ru/news/google-app-maker/

[78] Microsoft прекратит помогать пользователям Windows 7 и 8 на своих форумах: https://tjournal.ru/72284-microsoft-prekratit-pomogat-polzovatelyam-windows-7-i-8-na-svoih-forumah

[79] Итоги E3 2018 : https://dtf.ru/games/21460-itogi-e3-2018

[80] Дайджест за прошлую неделю: https://habr.com/company/zfort/blog/413811/

[81] dersmoll: http://habrahabr.ru/users/dersmoll/

[82] alekskorovin: http://habrahabr.ru/users/alekskorovin/

[83] Источник: https://habr.com/post/414363/?utm_source=habrahabr&utm_medium=rss&utm_campaign=414363