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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #32 – Андрей Смирнов о том, как появился Frontend Weekend и как из разработчика стать руководителем: https://soundcloud.com/frontend-weekend/fw-32

[8] #38 — React + Typescript = ?: https://medium.com/@frontman/%D0%BD%D0%BE%D0%B2%D1%8B%D0%B9-%D0%B2%D1%8B%D0%BF%D1%83%D1%81%D0%BA-5min-react-a8d5cded1af4

[9] Ночной фронтенд #15  —  HolyJS день 2, Rust захватывает мир, новости V8: https://medium.com/devschacht/nightly-15-fbd89859c089

[10] #29 Vue.js для нищебродов: https://soundcloud.com/frontend_u/e29

[11] Метод Кнута и Пряника: https://soundcloud.com/frontend_u/holytrain

[12] #21 — «RN vs PWA»: https://spb-frontend.ru/podcast/21/

[13] «Новогодняя анимация с Лидой»: https://www.youtube.com/watch?v=qxTPZiL2s9U

[14] 29 видео с FrontendConf 2017: https://www.youtube.com/playlist?list=PLH-XmS0lSi_zf4qPxvWDmMkf4foWonrH7

[15] Веб-разработка в 2017 && взгляд в 2018: https://syntax.fm/show/023/web-development-in-2017-and-and-a-look-ahead-at-2018

[16] HTML 5.2 получил статус рекомендованного стандарта: http://www.opennet.ru/opennews/art.shtml?num=47744

[17] Новая политика WHATWG: шаг к единому стандарту HTML?: http://css-live.ru/vecssti-s-polej/novaya-politika-whatwg-shag-k-edinomu-standartu-html.html

[18] Руководство по поисковой оптимизации для начинающих: https://support.google.com/webmasters/answer/7451184

[19] Polymer 2 и Googlebot: https://medium.com/dev-channel/polymer-2-and-googlebot-2ad50c5727dd

[20] Как использовать язык шаблонизации в разработке HTML писем: https://blog.edmdesigner.com/templating-languages-in-html-email/

[21] Работа с HTML5 Canvas с использованием Konva: https://code.tutsplus.com/series/manipulating-html5-canvas-using-konva--cms-1242

[22] Google AMP: все, что вам нужно знать: https://www.zfort.com/blog/google-amp-guide/

[23] Делаем сайт более приложение-подобным: https://www.voorhoede.nl/en/blog/making-our-site-more-app-y/

[24] Google Maps тихо запустили PWA под названием Google Maps Go: http://www.androidpolice.com/2017/12/13/google-maps-go-shows-play-store-go-phones-can-give-try-anyway/

[25] О метриках рендеринга страниц в блоге speedcurve: https://speedcurve.com/blog/rendering-metrics/

[26] Игорь Алексеенко из HTML Academy подробно рассказывает об оптимизации производительности фронтенда: https://www.youtube.com/watch?v=Ybz6P-l9YHc&list=PLH-XmS0lSi_zf4qPxvWDmMkf4foWonrH7&index=16

[27] О том, как и зачем заботиться о производительности: https://www.youtube.com/watch?v=M5l-3z0Aulg

[28] Parcel: https://habrahabr.ru/post/344486/

[29] npm vs Yarn: https://www.keycdn.com/blog/npm-vs-yarn/

[30] microbundle: https://github.com/developit/microbundle

[31] Как на самом деле работают браузеры? 5 видео с внутренними деталями: https://medium.freecodecamp.org/the-inner-workings-of-the-browser-for-javascript-web-developers-course-d26f11270f41

[32] WCAG 2.1 и кодовое имя Silver (AG): что будет в обновленном руководстве по доступности: https://www.24a11y.com/2017/wcag-2-1-silver-ag-next-accessibility-guidelines/

[33] Доступность в контексте семантичной HTML разметки: https://24ways.org/2017/accessibility-through-semantic-html/

[34] Инструменты для тестирования доступности: https://css-tricks.com/accessibility-testing-tools/

[35] SVG, иконочные шрифты и доступность на примере реального сайта: https://www.24a11y.com/2017/svg-icon-fonts-accessibility-case-study/

[36] Пишем автоматизированные тесты для доступности : https://www.24a11y.com/2017/writing-automated-tests-accessibility/

[37] Переход от страха к мотивации при разговоре о законе о цифровой доступности: https://www.24a11y.com/2017/shifting-fear-motivation-talking-digital-accessibility-law/

[38] Как использовать подчеркивание текста для улучшения UX: https://www.smashingmagazine.com/2017/12/underlined-text-improve-ux/

[39] Еженедельная подборка красивых эффектов на CSS/SVG/JS #66: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-nacsssvgjs-66.html

[40] Игровая графика с помощью WebGL/three.js и Lazy-Loading для 3D моделей: https://manu.ninja/game-graphics-with-webgl-three-js-and-lazy-loading-of-3d-models/

[41] 3D Particle Explorations: https://tympanus.net/codrops/2017/12/12/3d-particle-explorations/

[42] shuffle: http://alteredqualia.com/xg/examples/shuffle.html

[43] NEBULAAN: http://samsy.ninja/nebula/index.html

[44] Изучение CSS Разметки: http://ru.learnlayout.com/

[45] Делаем адаптивный HTML, добавляя одну строку в CSS: https://habrahabr.ru/company/edison/blog/344878/

[46] 11 вещей, которые я выучил, читая спецификацию CSS Grid : https://medium.freecodecamp.org/11-things-i-learned-reading-the-css-grid-specification-fb3983aa5e0

[47] Заметки по поводу вертикального написания и CSS гриды : https://www.chenhuijing.com/blog/notes-on-vertical-writing-and-grid/

[48] Понимание CSS Layout и блочного контекста форматирования : https://www.smashingmagazine.com/2017/12/understanding-css-layout-block-formatting-context/

[49] Сохранияем видимость родительского элемента, когда дочерний в фокусе: https://css-tricks.com/keeping-parent-visible-child-focus/

[50] ABEM. Еще одна адаптация БЭМ : https://css-tricks.com/abem-useful-adaptation-bem/

[51] Мое путешествие в мир изображений на чистом CSS: https://codepen.io/EleftheriaBatsou/post/my-journey-with-pure-css-images

[52] Specificity Visualizer: https://isellsoap.github.io/specificity-visualizer/

[53] Контроль отображения шрифтов с помощью font-display: https://advent2017.digitpaint.nl/11/

[54] Опубликованы результаты опроса по использованию javascript-технологий «The state of JavaScript 2017»: https://habrahabr.ru/post/344576/.com

[55] 30 seconds of code: https://github.com/Chalarangelo/30-seconds-of-code

[56] Уместен ли все еще jQuery? : https://remysharp.com/2017/12/15/is-jquery-still-relevant

[57] Как присоединяться к API с помощью JavaScript : https://www.taniarascia.com/how-to-connect-to-an-api-with-javascript/

[58] Представление Nexus.js: мультипотоковая среда выполнения JavaScript: https://dev.to/voodooattack/introducing-nexusjs-a-multi-threaded-javascript-run-time-3g6

[59] JavaScript — Map vs. ForEach: https://codeburst.io/javascript-map-vs-foreach-f38111822c0f

[60] Почему [не] надо использовать async/await: https://medium.com/@vkozulya/%D0%BF%D0%BE%D1%87%D0%B5%D0%BC%D1%83-%D0%BD%D0%B5-%D0%BD%D0%B0%D0%B4%D0%BE-%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D1%8C-async-await-7e999c981049

[61] Запускаем тесты Mocha в качестве нативных ES6 модулей в браузере : https://medium.com/dailyjs/running-mocha-tests-as-native-es6-modules-in-a-browser-882373f2ecb0

[62] Текущее состояние имплементации и планирования для ESModules : https://medium.com/the-node-js-collection/the-current-state-of-implementation-and-planning-for-esmodules-a4ecb2aac07a

[63] 11 библиотек компонентов для Vue.js, которые стоит иметь в виду в 2018м: https://blog.bitsrc.io/11-vue-js-component-libraries-you-should-know-in-2018-3d35ad0ae37f

[64] Vue.js инспектор для мобильных устройств: https://github.com/calirojas506/vue-inspector

[65] React Starter Kit: https://glitch.com/react-starter-kit

[66] Чем React отличается от Vue? How Is React Different from Vue?: https://javascriptreport.com/how-is-react-different-from-vue/

[67] Разбираемся в понимании Redux с помощью создания собственного стора: https://toddmotto.com/redux-typescript-store

[68] Вопрос на собеседовании по React: что ренерится в браузере, компонент или элемент?: https://medium.freecodecamp.org/react-interview-question-what-gets-rendered-in-the-browser-a-component-or-an-element-1b3eac777c85

[69] Часть 1: начало работы с фреймворком, создание приложения, хостинг на github-pages.: https://medium.com/@nsmirnova/creating-pwa-with-angular-5-e36ea2378b5d

[70] Часть 2: прогрессификация приложений: https://medium.com/@nsmirnova/creating-pwa-with-angular-5-part-2-progressifying-the-application-449e3a706129

[71] Упрощение импортов scss/less/styl в Angular: https://dev.nvx.me/2017/103-angular-cli-scss-include-paths/

[72] Что нового в Angular CLI 1.6?: http://blog.ninja-squad.com/2017/12/12/angular-cli-1.6/

[73] NGRX Store: Actions versus Action Creators: https://toddmotto.com/ngrx-store-actions-versus-action-creators

[74] Альтернатива Protractor для проектов на Angular: https://www.cypress.io/blog/2017/12/11/an-alternative-to-protractor-for-angular-projects/#Cypress-tests

[75] В США отменили принцип сетевого нейтралитета: https://www.searchengines.ru/net-neutrality-dead.html

[76] Много новостей о сетевом нейтралитете. Что это такое?: https://ain.ua/2017/12/13/setevoj-nejtralitet

[77] Битва за сетевой нейтралитет: история вопроса : https://habrahabr.ru/company/vasexperts/blog/344122/

[78] Некоторым пользователям Firefox навязано непонятное дополнение Looking Glass: http://www.opennet.ru/opennews/art.shtml?num=47752

[79] Ученые: ИИ превратился в черный ящик, и с этим нужно что-то делать: https://itc.ua/blogs/uchenyie-ii-prevratilsya-v-chernyiy-yashhik-i-s-etim-nuzhno-chto-to-delat/

[80] 9 дизайнерских трендов, которые определят 2018 год: https://ain.ua/2017/12/17/9-dizajnerskix-trendov-2018

[81] В даркнете нашли базу данных, содержащую более 1 400 000 000 учетных данных: https://xakep.ru/2017/12/12/darkweb-data-base/

[82] Дайджест за прошлую неделю: https://habrahabr.ru/company/zfort/blog/344362/

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

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

[85] Источник: https://habrahabr.ru/post/344926/?utm_source=habrahabr&utm_medium=rss&utm_campaign=344926

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