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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #60 – Дмитрий Рожков о создании Senior Software Vlogger, зимовке в Таиланде и жизни в Гамбурге: https://soundcloud.com/frontend-weekend/fw-60

[8] Ночной фронтенд #40 — ГПХ, депрессии, WSD и Patreon: https://medium.com/devschacht/nightly-40-b38fcfa6bb89

[9] #55 Хочешь быть крутым React-разработчиком — слушай сюда! : https://soundcloud.com/frontend_u/e55

[10] Новости 512 — Выпуск №13 (02.07 — 08.07): https://soundcloud.com/csssr/news512_013

[11] Веб-кэширование на примере покупки молока в магазине: https://habr.com/company/alconost/blog/416255/

[12] Мобильный сайт или адаптивная вёрстка: что лучше с точки зрения SEO: https://vc.ru/41305-mobilnyy-sayt-ili-adaptivnaya-verstka-chto-luchshe-s-tochki-zreniya-seo

[13] Как и зачем тестировать верстку: https://medium.com/@lucyhackwrench/%D0%BA%D0%B0%D0%BA-%D0%B8-%D0%B7%D0%B0%D1%87%D0%B5%D0%BC-%D1%82%D0%B5%D1%81%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C-%D0%B2%D0%B5%D1%80%D1%81%D1%82%D0%BA%D1%83-84a378bf7bb4

[14] Publii — новая статическая CMS с GUI для создания безопасных, быстрых и стильных сайтов: https://getpublii.com/

[15] Интернет сложен (Но он не должен быть таким): https://internetingishard.com/

[16] Google: поисковый алгоритм Speed Update будет запущен в июле 2018 года: https://tproger.ru/news/july-google-speed-update/

[17] Google Speed Update будет учитывать даже мелкие улучшения скорости загрузки: https://www.searchengines.ru/speed-update.html

[18] Аудит производительности: A глубокое погружение в Firefox Developer Tools : https://www.sitepoint.com/performance-auditing-a-firefox-developer-tools-deep-dive/

[19] Улучшаем восприятие производительности: ресайз изображений по запросу : https://www.sitepoint.com/improving-performance-perception-on-demand-image-resizing/

[20] Оптимизация скорости сайтов с помощью Chrome DevTools: https://developers.google.com/web/tools/chrome-devtools/speed/get-started

[21] Компоненты, зависимые от соединения: https://mxb.at/blog/connection-aware-components/

[22] Уменьшение полезной загрузки JavaScript с помощью Tree Shaking: https://developers.google.com/web/fundamentals/performance/optimizing-javascript/tree-shaking/

[23] stylelint-a11y: https://github.com/YozhikM/stylelint-a11y

[24] Доступная карусель с использованием ARIA: https://van11y.net/accessible-carrousel/

[25] Мощь и опасность WAI-ARIA: подробнее о распознавании голоса: https://deborah.dreamwidth.org/84274.html

[26] Generative WorldCup: http://zehfernandes.com/generativeworldcup2018/

[27] Представляем GaspTools от Ueno: https://loremipsum.ueno.co/introducing-gsaptools-by-ueno-ce428089e403

[28] div, который по-разному выглядит во всех браузерах: https://codepen.io/MartijnCuppens/pen/MXojmw

[29] Призрачная мышь, следующая за курсором: https://codepen.io/shubniggurath/full/LrXQBe/

[30] GitHub превращается… превращается GitHub… в элегантный Windows 95: https://habr.com/post/416283/

[31] часть 1: оперативная обстановка: http://css-live.ru/articles/effektivnaya-rabota-nad-standartami-chast-1-operativnaya-obstanovka.html

[32] часть 2: трудный путь к компромиссу: http://css-live.ru/articles/effektivnaya-rabota-nad-standartami-chast-2.html

[33] Руководство по интеграции и стилизации иконочных систем — SVG спрайтов, SVG символов и иконочных шрифтов: https://blog.nucleoapp.com/the-guide-to-integrating-and-styling-icon-systems-svg-sprites-svg-symbols-and-icon-fonts-da7c424dac1b

[34] CSS трюки для совершения революции в ваших макетах: https://www.creativebloq.com/features/css-tricks-to-revolutionise-your-layouts

[35] Размещение текста в контейнере: https://css-tricks.com/fitting-text-to-a-container/

[36] Clearfix: урок в эволюции веб-разработки: https://css-tricks.com/clearfix-a-lesson-in-web-development-evolution/

[37] Как работает CSS: создание слоев с помощью z-index: https://blog.logrocket.com/how-css-works-creating-layers-with-z-index-6a20afe1550e

[38] CSS Grid Level 2: и пришел Subgrid: https://www.smashingmagazine.com/2018/07/css-grid-2/

[39] CSS Grid в IE: разоблачение основных заблуждений об IE Grid: https://css-tricks.com/css-grid-in-ie-debunking-common-ie-grid-misconceptions/

[40] CSS Grid в IE: CSS Grid и новый Autoprefixer: https://css-tricks.com/css-grid-in-ie-css-grid-and-the-new-autoprefixer/

[41] CSS Grid в IE: Эмуляция Auto-Placement Grid с помощью Gaps: https://css-tricks.com/css-grid-in-ie-faking-an-auto-placement-grid-with-gaps/

[42] Основы JavaScript для начинающих разработчиков: https://habr.com/company/ruvds/blog/416375/

[43] Разработка собственного фреймворка и профессиональный рост JS-программиста: https://habr.com/company/ruvds/blog/416021/

[44] Когда (и почему) стоит использовать стрелочные функции ES6: https://medium.com/@KucherDev/%D0%BA%D0%BE%D0%B3%D0%B4%D0%B0-%D0%B8-%D0%BF%D0%BE%D1%87%D0%B5%D0%BC%D1%83-%D1%81%D1%82%D0%BE%D0%B8%D1%82-%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D1%8C-%D1%81%D1%82%D1%80%D0%B5%D0%BB%D0%BE%D1%87%D0%BD%D1%8B%D0%B5-%D1%84%D1%83%D0%BD%D0%BA%D1%86%D0%B8%D0%B8-es6-3135a973490b

[45] 15 методов HTML элементов о которых вы, возможно, никогда не слышали: http://codenative.ru/article/15_metodov_html_elementov_o_kotoryh_vy_vozmozhno_nikogda_ne_slyshali

[46] Почему GraphQL: преимущества, недостатки и альтернативы: https://www.robinwieruch.de/why-graphql-advantages-disadvantages-alternatives/

[47] Переменные JavaScript var, let и const, объясненные в истории: https://medium.freecodecamp.org/javascripts-var-let-and-const-variables-explained-with-a-story-2038e3c6b2f9

[48] 16 инструментов React, которые пригодятся разработчикам интерфейсов: https://habr.com/company/skillbox/blog/416005/

[49] Самые распространенные ошибки в вашем React коде, которые вы (возможно) совершаете: https://habr.com/post/416511/

[50] Простое (не менее 99% ES2015) обучающее руководство по React.: https://github.com/lex111/react-from-zero

[51] React — это просто JavaScript: https://medium.com/yld-engineering-blog/react-is-just-javascript-88600553269c

[52] Самые основы React: https://reactarmory.com/guides/learn-react-by-itself/react-basics

[53] 5 популярных практик, которые вы можете перестать использовать в React: https://blog.logrocket.com/5-common-practices-that-you-can-stop-doing-in-react-9e866df5d269

[54] Что такое Redux: руководство дизайнера: https://www.smashingmagazine.com/2018/07/redux-designers-guide/

[55] react-scrollbar-custom: https://github.com/xobotyi/react-scrollbars-custom

[56] Vue Test Utils и Jest: как писать простые модульные тесты для фронтенда: https://medium.com/devschacht/simple-unit-tests-with-vue-test-utils-and-jest-a93f4ed3de64

[57] Как использовать роутинг во Vue.js для улучшения пользовательского опыта: https://medium.freecodecamp.org/how-to-use-routing-in-vue-js-to-create-a-better-user-experience-98d225bbcdd9

[58] Создание мобильного приложения с помощью Capacitor и Vue.js: https://www.smashingmagazine.com/2018/07/mobile-apps-capacitor-vue-js/

[59] The Vue Handbook: подробное введение во Vue.js: https://medium.freecodecamp.org/the-vue-handbook-a-thorough-introduction-to-vue-js-1e86835d8446

[60] Vue Authentication и Route Handling с помощью Vue-router: https://scotch.io/tutorials/vue-authentication-and-route-handling-using-vue-router

[61] Лучшие шаблоны для админок на Vue.js в 2018: https://medium.com/@jeweltheme/best-vue-js-admin-template-90456fcf833d

[62] Angular Developer Roadmap: https://github.com/sulco/angular-developer-roadmap

[63] Веб-компоненты в Angular и AngularJS: https://blog.pragmatists.com/web-components-in-angular-and-angularjs-7044faa4b72c

[64] Решения для динамических компонентов в Angular: https://blog.bitsrc.io/how-angular-resolves-dynamic-components-a6f6a86609a0

[65] shepherd: https://github.com/shipshapecode/shepherd

[66] Rete.js: https://github.com/retejs/rete

[67] itty.bitty: https://github.com/alcor/itty-bitty

[68] Скриншоты: обновлённое основное меню Microsoft Edge: http://www.wincore.ru/windows-news/6794-skrinshoty-obnovlennoe-osnovnoe-menyu-microsoft-edge.html

[69] Google и Mozilla удалили из каталогов аддон для браузеров Stylish, который шпионил за пользователями: https://xakep.ru/2018/07/05/stylish/

[70] Сравнение производительности различных реализаций WebAssembly: https://www.opennet.ru/opennews/art.shtml?num=48919

[71] Как использовать Microsoft Edge для чтения электронных книг: https://lifehacker.ru/microsoft-edge-book/

[72] Браузерную защиту от уязвимости Spectre удалось обойти: https://xakep.ru/2018/07/02/browsers-spectre/

[73] Блокчейн — модное словечко или что-то серьёзное?: https://www.computerra.ru/229826/blokchejn-modnoe-slovechko-ili-chto-to-seryoznoe/

[74] Почему многим хочется стать менеджером и это не всегда хорошая идея: https://dou.ua/lenta/columns/why-not-to-become-manager/

[75] В браузерном дополнении Stylish выявлен код для отправки истории посещений: http://www.opennet.ru/opennews/art.shtml?num=48908

[76] Перерождение виртуальности и дополненной реальности: https://www.computerra.ru/229892/pererozhdenie-virtualnosti-i-dopolnennoj-realnosti/

[77] Июльский рейтинг языков программирования TIOBE: популярность TypeScript продолжает расти: https://tproger.ru/news/tiobe-july-2018/

[78] Визуальное введение в машинное обучение: http://www.r2d3.us/visual-intro-to-machine-learning-part-1/

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

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

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

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

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