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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] YaC и WWDC, новинки Chrome, Edge и Firefox, вложенность, calc и CSS-хакеры, как писать код быстро, вариативные шрифты, await и ES-модули, есть ли зверь фулстек, Яндекс Лэндинги.: https://medium.com/web-standards/episode-123-220c10c4489e

[8] #55 – Никита Прокопов про ClojureScript, ведение блогов и создание собственного шрифта: https://soundcloud.com/frontend-weekend/fw-55

[9] Ночной фронтенд #35 — РИТ++ : https://soundcloud.com/devschacht/nightly-35

[10] #50 Мифы о zero configuration : https://soundcloud.com/frontend_u/e50

[11] Новости 512 — Выпуск №8 (28.05 — 03.06) : https://soundcloud.com/csssr/news512_08

[12] «Соединённые частицы в 3д»: https://www.youtube.com/watch?v=WVTLnYL84hQ

[13] GSAP 2.0: https://greensock.com/2-0-0

[14] WordPress 15: https://ma.tt/2018/05/wordpress-at-15/

[15] анонс Lighthouse 3.0: https://developers.google.com/web/updates/2018/05/lighthouse3

[16] выход Material-UI v1: https://medium.com/material-ui/material-ui-v1-is-out-e73ce13463eb

[17] Jest 23: https://facebook.github.io/jest/blog/2018/05/29/jest-23-blazing-fast-delightful-testing.html

[18] анонс TypeScript 2.9: https://blogs.msdn.microsoft.com/typescript/2018/05/31/announcing-typescript-2-9/

[19] Почему разработка фронтенда такая нестабильная?: http://www.breck-mckye.com/blog/2018/05/why-is-front-end-development-so-unstable/

[20] Культ сложности: https://alistapart.com/article/cult-of-the-complex

[21] Создание отзывчивого изображения: https://medium.com/9elements/building-a-responsive-image-e4c6229fa1f6

[22] 9 удивительных секретов PWA: https://www.creativebloq.com/features/9-amazing-pwa-secrets

[23] Доступные индикаторы фокуса: то, на чем стоит сфокусироваться: https://www.deque.com/blog/accessible-focus-indicators/

[24] prerender-loader!: https://github.com/GoogleChromeLabs/prerender-loader

[25] Что такое Client Hints и стоит ли их использовать: https://www.keycdn.com/blog/client-hints/

[26] Уменьшение размера изображений с помощью цветовой дискретизации : https://blog.filestack.com/tutorials/color-quantization/

[27] На Yarn и обратно (на npm) опять: https://mixmax.com/blog/to-yarn-and-back-again-npm

[28] Chrome 67 — что нового в DevTools: https://www.youtube.com/watch?v=4EdPq9Nw6uI&feature=youtu.be

[29] Три шага для развёртывания Webpack приложений на Heroku: https://codeburst.io/deploy-your-webpack-apps-to-heroku-in-3-simple-steps-4ae072af93a8

[30] Алгебра в calc(), новая специфичность селекторов 4 уровня и другие майские новинки CSS: http://css-live.ru/vecssti-s-polej/algebra-v-calc-novaya-specifichnost-selektorov-4-urovnya-i-drugie-majskie-novinki-css.html

[31] Где всё сложно с переносами строк. Вот все CSS- и HTML-хитрости для этого: http://css-live.ru/articles/gde-vsyo-slozhno-s-perenosami-strok-vot-vse-css-i-html-xitrosti-dlya-etogo.html

[32] Объясняем Z-index: как позиционировать элементы с помощью CSS: https://medium.com/nuances-of-programming/%D0%BE%D0%B1%D1%8A%D1%8F%D1%81%D0%BD%D1%8F%D0%B5%D0%BC-z-index-%D0%BA%D0%B0%D0%BA-%D0%BF%D0%BE%D0%B7%D0%B8%D1%86%D0%B8%D0%BE%D0%BD%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C-%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%8B-%D1%81-%D0%BF%D0%BE%D0%BC%D0%BE%D1%89%D1%8C%D1%8E-css-e80bc85cf36c

[33] Решение жизненных проблем с помощью CSS: https://css-tricks.com/solving-lifes-problems-with-css/

[34] critters: https://github.com/GoogleChromeLabs/critters

[35] Как работает CSS: понимание каскада: https://blog.logrocket.com/how-css-works-understanding-the-cascade-d181cd89a4d8

[36] Состояние изменения градиентов с помощью CSS-переходов и анимаций: https://css-tricks.com/the-state-of-changing-gradients-with-css-transitions-and-animations/

[37] HSL() / HSLa() отлично подходят для программного контроля цвета: https://css-tricks.com/hsl-hsla-is-great-for-programmatic-color-control/

[38] Полезные методы массивов и объектов в JavaScript: http://codenative.ru/article/poleznye_metody_massivov_i_obektov_v_javascript

[39] #SmooshGate FAQ: https://developers.google.com/web/updates/2018/03/smooshgate

[40] Свойства современного JavaScript, которые вы должны использовать каждый день для улучшения разработки и какие проблемы они решают: https://medium.com/@tkwebdev/modern-javascript-features-which-you-should-be-using-every-day-for-better-development-and-what-66d74633e896

[41] Лучшие практики для использования современого синтаксиса JavaScript: https://www.sitepoint.com/modern-javascript-best-practices/

[42] Захват и отчет по JavaScript ошибкам с помощью window.onerror: https://scotch.io/tutorials/capture-and-report-javascript-errors-with-windowonerror

[43] Что нового в ES2017: функции Async, улучшенные объекты и остальное: https://www.sitepoint.com/es2017-whats-new/

[44] ES6 (ES2015) и после него: понимание версионирования JavaScript: https://www.sitepoint.com/javascript-versioning-es6-es2015/

[45] ES6 в действии: улучшенные литералы объектов: https://www.sitepoint.com/es6-enhanced-object-literals/

[46] Контроль потока в современном JS: Callbacks to Promises to Async/Await: https://www.sitepoint.com/flow-control-callbacks-promises-async-await/

[47] Создание современных приложений с помощью Django и Vue.js: https://auth0.com/blog/building-modern-applications-with-django-and-vuejs/

[48] Создание графиков в реальном времени с помощью Vue.js: https://medium.com/js-dojo/build-a-realtime-chart-with-vue-js-d7e2e25a5e21

[49] Лучшие ресурсы для изучения Vue.js в 2018: https://vuejsfeed.com/blog/best-resources-to-learn-vue-js-in-2018

[50] От VanillaJS к Vue.js: история рефакторинга: https://hackernoon.com/from-vanillajs-to-vue-js-a-refactoring-tale-846bee20ba3d

[51] Давайте влюбимся в React Fiber: https://medium.freecodecamp.org/lets-fall-in-love-with-react-fiber-90f2e1f68ded

[52] Reach Router: https://reach.tech/router

[53] Руководство по Next.js: SEO-Friendly React E-Commerce SPA: https://snipcart.com/blog/react-seo-nextjs-tutorial

[54] react-ideal-image: https://github.com/stereobooster/react-ideal-image

[55] Самые важные уроки, которые я вынес после года работы с React: https://medium.freecodecamp.org/mindset-lessons-from-a-year-with-react-1de862421981

[56] Понимание Redux: самое простое руководство в мире по для начинающих: https://medium.freecodecamp.org/understanding-redux-the-worlds-easiest-guide-to-beginning-redux-c695f45546f6

[57] Управление состоянием приложения в React с Unstated: https://css-tricks.com/managing-state-in-react-with-unstated/

[58] NgRx — лучшие практики для Enterprise приложений на Angular: https://itnext.io/ngrx-best-practices-for-enterprise-angular-applications-6f00bcdf36d7

[59] Angular + Redux — урок, который мы для вас выучили: https://medium.com/supercharges-mobile-product-guide/angular-redux-the-lesson-weve-learned-for-you-93bc94391958

[60] 44 быстрых совета для тонкой настройки производительности в Angular: https://medium.com/@spp020/44-quick-tips-to-fine-tune-angular-performance-9f5768f5d945

[61] proppyjs: https://proppyjs.com/

[62] 11 библиотек Javascript, которые вы должны знать в 2018: https://blog.bitsrc.io/11-javascript-utility-libraries-you-should-know-in-2018-3646fb31ade

[63] minipack: https://github.com/ronami/minipack

[64] Релиз web-браузера Chrome 67: http://www.opennet.ru/opennews/art.shtml?num=48682

[65] В Firefox 63 будет представлен блокировщик скриптов майнинга криптовалют: http://www.opennet.ru/opennews/art.shtml?num=48668

[66] Уязвимость в Chrome и Firefox в течение года позволяла получать данные о Facebook-профилях: https://ain.ua/2018/06/01/chrome-firefox-slivali-facebook-profili

[67] В Google Chrome появилась поддержка беспарольной аутентификации на сайтах по стандарту WebAuthn: https://itc.ua/news/v-google-chrome-poyavilas-podderzhka-besparolnoy-autentifikatsii-na-saytah-po-standartu-webauthn/

[68] Возвращение Geektimes на Хабр : https://habr.com/company/tm/blog/93947/

[69] Архитектор Big Data Tesla: наш автопилот — это SkyNet из «Терминатора»: https://autogeek.com.ua/arhitektor-big-data-tesla-nash-avtopilot-eto-skynet-iz-terminatora/

[70] Какие шрифты лучше использовать для оформления сложных данных: https://vc.ru/37767-kakie-shrifty-luchshe-ispolzovat-dlya-oformleniya-slozhnyh-dannyh

[71] Как научить ребёнка программировать: https://tproger.ru/digest/programming-for-kids/

[72] Действительно ли QWERTY — плохая раскладка и почему мы не сможем от нее отказаться: https://ain.ua/2018/06/03/qwerty-protiv-dvoraka

[73] Microsoft ведёт переговоры о покупке GitHub: http://www.opennet.ru/opennews/art.shtml?num=48696

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

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

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

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

Нажмите здесь для печати.