Дайджест свежих материалов из мира фронтенда за последнюю неделю №327 (13 — 19 августа 2018)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

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

[7] #11 — WSD, Community, ngrx-data, websocket, Angular 7.0, CLI 6.2 beta: https://www.youtube.com/watch?v=5jEgQlbiv-M

[8] #66 — Жанна Круглова о судьбе разработчиц в декрете и истории Больших Интервью: https://soundcloud.com/frontend-weekend/fw-66

[9] #46 — Путь джуна — как за год полностью сменить профессию: https://medium.com/devschacht/devschacht-46-618f0b548295

[10] Интервью с преподавателем ШРИ Дмитрием Андрияновым: https://www.youtube.com/watch?v=FAGfUBQngAA

[11] Web Standards Days: https://www.youtube.com/watch?v=gi1bQ_enE8w

[12] JSCamp Barcelona 2018, 13 videos: https://www.youtube.com/playlist?list=PLB17qI-lepyhGQCeq1bGawXeftOYMZtRj

[13] WebAssembly: как и почему: https://blog.logrocket.com/webassembly-how-and-why-559b7f96cd71

[14] Изучение веб-разработки в 2018: https://zendev.com/2018/08/14/learning-web-development-2018.html

[15] Полная анатомия редактора Gutenberg WordPress: https://www.smashingmagazine.com/2018/08/complete-anatomy-gutenberg-wordpress-editor/

[16] Создание сайтов для Safari Reader Mode и других приложений для чтения: https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9

[17] API датчиков для веб: https://mobiforge.com/design-development/the-generic-sensor-api

[18] Семь лучших онлайн-песочниц для написания кода: https://www.sitepoint.com/7-code-playgrounds/

[19] Accessibility: ваши ссылки пропуска контента сломаны: https://axesslab.com/skip-links/

[20] 18 советов о том, как ускорить WordPress: https://www.keycdn.com/blog/speed-up-wordpress/

[21] Friday Frontend: Client Side Performance Edition: https://zendev.com/2018/08/17/client-side-performance-edition.html

[22] Foot tap loader | SVG + GreenSock: https://codepen.io/dsenneff/full/JBvaQd/

[23] Chromatic aberration effect: https://codepen.io/robin-dela/full/oMOeGg/

[24] Прокрутка сайта эффектом отскока: https://www.smashingmagazine.com/2018/08/scroll-bouncing-websites/

[25] Максимальная адаптивность с минимальным количеством медиа запросов, или метод обратной адаптивности: https://habr.com/post/420105/

[26] 5 приемов работы с CSS, о которых вам следует знать: https://habr.com/post/420307/

[27] Стандарт для нестандартного: http://css-live.ru/articles-css/standart-dlya-nestandartnogo.html

[28] Первый публичный черновик модуля величин и единиц CSS 4 уровня: http://css-live.ru/vecssti-s-polej/pervyj-publichnyj-chernovik-modulya-velichin-i-edinic-css-4-urovnya.html

[29] Вариативные шрифты: что они такое и как их использовать: https://www.sitepoint.com/variable-fonts-introduction/

[30] Все возможности свойства color-adjust: https://css-tricks.com/the-possibilities-of-the-color-adjust-property/

[31] Функции 3D трансформации в CSS: https://www.sitepoint.com/css-3d-transformation-functions/

[32] О переключении с HEX & RGB на HSL: https://www.sarasoueidan.com/blog/hex-rgb-to-hsl/

[33] Техники сохранения времени CSS для создания отзывчивых изображений: https://medium.freecodecamp.org/time-saving-css-techniques-to-create-responsive-images-ebb1e84f90d5

[34] Простой интерактивный круговой график с помощью CSS Variables и магии Гудини: https://css-tricks.com/simple-interactive-pie-chart-with-css-variables-and-houdini-magic/

[35] CSS Scroll Snapping на практике: https://css-tricks.com/practical-css-scroll-snapping/

[36] Создание морского боя на CSS: https://css-tricks.com/building-battleship-in-css/

[37] Простой и отзывчивый современный шаблон на CSS Grid Layout: https://www.sitepoint.com/easy-responsive-modern-css-grid-layout/

[38] Экспериментальные раскладки с помощью CSS Shapes и clip-path: https://codepen.io/michellebarker/post/experimental-layouts-with-css-shapes-and-clip-path

[39] Редизайн сайта с использованием CSS Grid раскладки: https://www.sitepoint.com/css-grid-retrofit/

[40] Все что вам нужно знать о выравнивании в Flexbox: https://www.smashingmagazine.com/2018/08/flexbox-alignment/

[41] Синхронизация между табами с помощью Web Locks API: https://www.sitepen.com/blog/2018/08/14/cross-tab-synchronization-with-the-web-locks-api/

[42] Встроенные функции в V8 (builtins): https://v8project.blogspot.com/2018/08/embedded-builtins.html

[43] Как создать простой компонент для работы с камерой: https://frontendnews.io/editions/2018-08-15-simple-camera-component

[44] JSJ 326: Разговор с создателем Ember Томом Дейлом об Ember 3.0 и будущем Ember: https://devchat.tv/js-jabber/jsj-326-conversation-with-ember-co-creator-tom-dale-on-ember-3-0-and-the-future-of-ember/

[45] «JavaScript & SEO»: https://thewebplatformpodcast.com/168-javascript-seo

[46] «REST easy, GraphQL is here»: https://changelog.com/jsparty/38

[47] Fun ES #5: для нердов: https://medium.com/@frontman/fun-es-5-%D0%B4%D0%BB%D1%8F-%D0%BD%D0%B5%D1%80%D0%B4%D0%BE%D0%B2-cbc91eda732f

[48] Fun ES #6: перевернуть число: https://medium.com/@frontman/fun-es-6-%D0%BF%D0%B5%D1%80%D0%B5%D0%B2%D0%B5%D1%80%D0%BD%D1%83%D1%82%D1%8C-%D1%87%D0%B8%D1%81%D0%BB%D0%BE-c3c90be6e9c7

[49] Разбор паттерна «Модуль» в JavaScript: https://habr.com/company/ruvds/blog/419997/

[50] Иван Тулуп: асинхронщина в JS под капотом: https://habr.com/company/oleg-bunin/blog/417461/

[51] Основы движка JavaScript: оптимизация прототипов: https://mathiasbynens.be/notes/prototypes

[52] Исследование Ivy — нового компилятора Angular: https://habr.com/company/ruvds/blog/419995/

[53] Начните работу с Angular Grid за 5 минут: http://jem-space.ru/nachnitie-rabotu-s-angular-grid-za-5-minut/

[54] Команда Angular выпустила инструменты, упрощающие переход с AngularJS на Angular: https://tproger.ru/news/angularjs-to-angular-migration/

[55] Angular 7 грядёт: https://itnext.io/angular-7-is-coming-766c2bf644f9

[56] Отладка приложений Angular CLI в Visual Studio Code: https://scotch.io/tutorials/debugging-angular-cli-applications-in-visual-studio-code

[57] 10 наиболее полезных свойств Angular, о которых вы, возможно, не слышали: https://angular-guru.com/blog/angular-more-unknown-features

[58] Как Angular CLI Budgets спасли мой день, и как он может спасти ваш: https://medium.com/@tomastrajan/how-did-angular-cli-budgets-save-my-day-and-how-they-can-save-yours-300d534aae7a

[59] Vuex: структурирование больших проектов и работа с модулями: https://habr.com/company/ruvds/blog/420357/

[60] Паттерны Vue: https://translation-gang.github.io/vue-patterns/ru/

[61] репозиторию: https://github.com/translation-gang/vue-patterns

[62] Три причины использовать Vue.js в вашем следующем проекте: https://prismic.io/blog/3-reasons-to-use-vuejs-in-your-next-web-project

[63] Часть 1: https://medium.com/javascript-in-plain-english/i-built-a-browser-extension-with-vue-76779d0a6238

[64] Часть 2: https://medium.com/javascript-in-plain-english/how-i-built-a-browser-extension-with-vue-part-2-2c4ab2dd752d

[65] Практический React: управляем рендерингом — производительность: http://jem-space.ru/praktichieskii-react-upravliaiem-riendieringhom-musor-i-pierformans/

[66] Работа с refs в React: https://css-tricks.com/working-with-refs-in-react/

[67] Как вы можете распланировать три дня наперед с помощью React: https://medium.freecodecamp.org/how-you-can-plan-three-days-ahead-with-react-99ca0f8eb0f6

[68] Простая интернационализация приложений на React: https://itnext.io/simple-internationalization-of-react-apps-34b3bda95725

[69] Tone.js: https://tonejs.github.io/

[70] from-html: https://github.com/m3g4p0p/from-html

[71] TheoremJS: https://github.com/arguiot/TheoremJS

[72] Какие видеокодеки (не) используют браузеры для видеозвонков: https://habr.com/company/Voximplant/blog/419949/

[73] Инженеры Mozilla удалили 23 аддона для Firefox, собиравших информацию о пользователях: https://xakep.ru/2018/08/17/web-security-banned/

[74] Вышла Opera 55: новый интерфейс настроек и упрощенная установка расширений Chrome: https://tproger.ru/news/opera-55/

[75] Создание расширения Chrome в 2018-м: хороший, плохой и злой: https://checklyhq.com/blog/2018/08/creating-a-chrome-extension-in-2018-the-good-the-bad-and-the-meh/

[76] Новая система ИИ DeepMind способна диагностировать и назначить лечение по более чем 50 заболеваниям глаз: https://itc.ua/news/novaya-sistema-ii-deepmind-sposobna-diagnostirovat-i-naznachit-lechenie-po-bolee-chem-50-zabolevaniyam-glaz/

[77] «Мы здесь власть». Как «Двач» спасает и калечит чужие жизни: http://4pda.ru/2018/08/17/352997/

[78] Как Amazon создает из Twitch конкурента YouTube: https://ain.ua/2018/08/18/twitch-protiv-youtube

[79] Три десятилетия «Меча и Магии»: разбираемся в истории легендарной франшизы: https://dtf.ru/games/24668-tri-desyatiletiya-mecha-i-magii-razbiraemsya-v-istorii-legendarnoy-franshizy

[80] Искусственный интеллект в действии: https://vc.ru/43823-iskusstvennyy-intellekt-v-deystvii

[81] Реально ли создать супер-язык программирования — отвечают эксперты: https://tproger.ru/experts/is-it-possible-to-create-universal-programming-language/

[82] «Не понравится — выращу новую руку»: дизайнер протезов о выращивании конечностей и киберпанке в России: https://vc.ru/43763-ne-ponravitsya-vyrashchu-novuyu-ruku-dizayner-protezov-o-vyrashchivanii-konechnostey-i-kiberpanke-v-rossii

[83] В процессорах Intel обнаружен новый набор уязвимостей класса Spectre: Foreshadow или L1TF: https://xakep.ru/2018/08/15/foreshadow/

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

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

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

[87] Источник: https://habr.com/post/420609/?utm_campaign=420609

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