Дайджест свежих материалов из мира фронтенда за последнюю неделю №359 (1 — 7 апреля 2019)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] Javascript: #js

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

[6] 168. Why Samsung needs a browser, WebVR to WebXR transition, XR use cases for the Web : https://soundcloud.com/web-standards/episode-168

[7] Выпуск №12, в гостях Антон Кастрицкий — vanila js, You-Dont-Need и недовольный Олег : https://soundcloud.com/begebot/ep12

[8] Новости 512 — Выпуск №45 (30.03 — 05.04) : https://soundcloud.com/csssr/novosti-512-vypusk-45-3003-0504

[9] «Система частиц из текста»: https://www.youtube.com/watch?v=k7CnKHRp4mY

[10] Безопасность клиентских приложений: практические советы для Front-end разработчика: https://habr.com/en/post/445932/

[11] Избавляемся от дублей пакетов в бандлах: https://habr.com/en/post/445878/

[12] 12 базовых рефлексов верстальщика: https://nicothin.pro/page/reflex

[13] Что нового в Foundation 6: https://www.developerdrive.com/2015/11/whats-new-in-foundation-6/

[14] Представляем новый слой рендеринга для theguardian.com по версии 2019 года: https://www.theguardian.com/info/2019/apr/04/revisiting-the-rendering-tier

[15] Нативный lazy-loading для изображения приходит в веб!: https://addyosmani.com/blog/lazy-loading/

[16] Веб-компоненты заменят твой фронтенд фреймворк: https://www.dannymoerkerke.com/blog/web-components-will-replace-your-frontend-framework

[17] Доступность для вестибулярных расстройств: как моя временная нетрудоспособность изменила мою точку зрения: https://alistapart.com/article/accessibility-for-vestibular

[18] Применение передовых методов обеспечения доступности с автоматически генерируемыми идентификаторами: http://bradfrost.com/blog/post/enforcing-accessibility-best-practices-with-automatically-generated-ids/

[19] Прогрессивный компонент раскрывающегося блока с максимальной поддержкой доступности: https://andy-bell.design/wrote/a-progressive-disclosure-component/

[20] Тестирование HTML5 Landmarks : https://www.scottohara.me/blog/2019/04/05/landmarks-exposed.html

[21] Мутные воды ADA Website Compliance могут стать менее мутными в 2019 году: https://www.huntonlaborblog.com/2019/01/articles/public-accommodations/muddy-waters-ada-website-compliance-may-become-less-murky-2019/

[22] Вдохновляющие сайты, подборка #3: https://tympanus.net/codrops/2019/04/04/inspirational-websites-roundup-3/

[23] Креативная анимация переключения режима просмотра: https://coidea.website/categories/challenges/creative-view-mode-switch-animation/

[24] Crossroads Slideshow: https://tympanus.net/codrops/2019/04/03/crossroads-slideshow/

[25] Dogstudio: https://dogstudio.co/

[26] CSSBattle: https://cssbattle.dev/

[27] Что на самом деле делает «supported-color-schemes» в Dark Mode? : https://medium.com/dev-channel/what-does-dark-modes-supported-color-schemes-actually-do-69c2eacdfa1d

[28] Ruby Sass достиг конца жизненного цикла: http://sass.logdown.com/posts/7828841-ruby-sass-is-unsupported

[29] Управление Z-индексом в компонентном веб-приложении: https://www.smashingmagazine.com/2019/04/z-index-component-based-web-application/

[30] CSS Стандартизация: https://www.youtube.com/watch?v=TQ7NqpFMbFs&feature=youtu.be

[31] Как создавать лучшие темы с помощью CSS-переменных : https://blog.logrocket.com/how-to-create-better-themes-with-css-variables-5a3744105c74

[32] Скрытая сила CSS Text Align: https://ishadeed.com/article/the-hidden-power-text-align/?ref=heydesigner

[33] Подробности о GraphQL: что, как и почему: https://habr.com/en/company/ruvds/blog/445268/

[34] Ускоряем WebGL/Three.js с помощью OffscreenCanvas и веб-воркеров: https://habr.com/en/post/446682/

[35] Что такого особенного в TypeScript?: https://itnext.io/whats-the-big-deal-with-typescript-8f25fd85a374

[36] Еще один JavaScript Framework: https://css-tricks.com/yet-another-javascript-framework/

[37] Remy Sharp: Как я не справился с <a> : https://remysharp.com/2019/04/04/how-i-failed-the-a

[38] JavaScript Web Workers: руководство для начинающих: https://www.sitepoint.com/javascript-web-workers/

[39] Как использовать Axios с JavaScript: https://alligator.io/js/axios-vanilla-js/

[40] От Javascript до Typescript и Elm: https://itnext.io/from-javascript-to-typescript-to-elm-5c36fca70b4a

[41] Почему вы должны изучать vanilla javascript в отдельности, если хотите быть лучшим разработчиком: https://medium.com/javascript-in-plain-english/why-you-should-learn-vanilla-javascript-in-isolation-if-you-want-to-be-a-better-developer-dbc15a7e66bb

[42] Прототипно-ориентированное программирование в JavaScript: https://tproger.ru/blogs/js-classes/

[43] Самые необходимые строковые и числовые методы в JavaScript: https://medium.com/@stasonmars/%D1%81%D0%B0%D0%BC%D1%8B%D0%B5-%D0%BD%D0%B5%D0%BE%D0%B1%D1%85%D0%BE%D0%B4%D0%B8%D0%BC%D1%8B%D0%B5-%D1%81%D1%82%D1%80%D0%BE%D0%BA%D0%BE%D0%B2%D1%8B%D0%B5-%D0%B8-%D1%87%D0%B8%D1%81%D0%BB%D0%BE%D0%B2%D1%8B%D0%B5-%D0%BC%D0%B5%D1%82%D0%BE%D0%B4%D1%8B-%D0%B2-javascript-66ca6da651ef

[44] Основы движков JavaScript: общие формы и Inline кэширование. Часть 1: https://habr.com/ru/company/otus/blog/446446/

[45] 12 приемов работы с JavaScript, которых нет в большинстве туториалов: https://habr.com/ru/company/skillbox/blog/446770/

[46] Как сделать ваш код JavaScript простым и легким для чтения: https://medium.freecodecamp.org/how-to-keep-your-javascript-code-simple-and-easy-to-read-bff702523e7c

[47] Все, что вам нужно знать о Promise.all: https://medium.freecodecamp.org/promise-all-in-javascript-with-example-6c8c5aea3e32

[48] Каррирование длины переменной в JavaScript: https://medium.com/swlh/variable-length-currying-in-javascript-cdf559c74bf5

[49] Плагины VueJS и Vue CLI 3 для повышения производительности вашего приложения: https://www.bacancytechnology.com/blog/plugins-to-boost-vuejs-and-vue-cli3-performance

[50] VueJs Amsterdam 2019 — Краткий обзор мероприятия и докладов (часть 1): https://www.telerik.com/blogs/vuejs-amsterdam-2019-an-experience-and-talks-summary-part-1

[51] Unit vs E2E тестирование во Vue.js: https://vuejsdevelopers.com/2019/04/01/vue-testing-unit-vs-e2e/

[52] Как создать редактируемую таблицу данных в реальном времени в Vue.js: https://www.telerik.com/blogs/how-to-build-a-real-time-editable-data-table-in-vuejs

[53] Представляем Vue Chimera, реактивный restful api client: https://medium.com/js-dojo/vue-chimera-reactive-restful-api-client-910d6b0eb945

[54] PreVue: инструмент прототипирования для Vue: https://prevue.io/

[55] Дан Абрамов обучает меня React Hooks: https://www.twitch.tv/videos/404530952

[56] Функции высшего порядка: что это такое и пример на React: https://medium.freecodecamp.org/higher-order-functions-what-they-are-and-a-react-example-1d2579faf101

[57] Как создать современное веб-приложение с использованием WordPress и React: https://medium.freecodecamp.org/wordpress-react-how-to-create-a-modern-web-app-using-wordpress-ef6cc6be0cd0

[58] Как создать доступное модальное окно на React: https://levelup.gitconnected.com/how-to-create-an-accessible-react-modal-5b87e6a27503?ref=heydesigner

[59] Как создать собственные React хуки: https://blog.logrocket.com/how-to-create-your-own-react-hooks-77b426ac0e26

[60] Мультиязычные приложения в Angular: https://habr.com/ru/post/446402/

[61] Планы на Angular 8.0 и Ivy: https://habr.com/en/post/446476/

[62] What to Expect in Angular 8: https://medium.com/grapecity/what-to-expect-in-angular-8-940b217b63cb

[63] Создание расширяемого динамического подключаемого Enterprise приложения на Angular: https://medium.com/@a.yurich.zuev/building-extensible-dynamic-pluggable-enterprise-application-with-angular-aed8979faba5

[64] Дорожная Angular карта — прошлое, настоящее и будущее: https://medium.com/grapecity/an-angular-roadmap-the-past-present-and-future-of-angular-7af4cd4ec6e7

[65] Как начать летать с Angular и NgRx: https://blog.angularindepth.com/how-to-start-flying-with-angular-and-ngrx-b18e84d444aa

[66] Как создавать темы для ваших приложений на Angular 7, используя CSS-переменные: https://medium.freecodecamp.org/how-to-create-themes-for-your-angular-7-apps-using-css-variables-69251690e9c5

[67] Управление состоянием с использованием объектов RxJS в приложениях Angular : https://www.telerik.com/blogs/managing-state-using-rxjs-subjects-in-angular-applications

[68] Solid — лучшая JS UI-библиотека на, о которой вы никогда не слышали: https://levelup.gitconnected.com/solid-the-best-javascript-ui-library-youve-never-heard-of-297b22848ac1

[69] code-server: запускает VS Code на удалённом сервере: https://github.com/codercom/code-server

[70] Лог изменений в V8 помог создать эксплоит для неисправленной уязвимости в Chrome: http://www.opennet.ru/opennews/art.shtml?num=50457

[71] В ночные сборки Firefox добавлен блокировщик назойливых уведомлений и API UserScripts: http://www.opennet.ru/opennews/art.shtml?num=50442

[72] Can I Stop?: https://canistop.net/

[73] Оценка популярных браузеров с точки зрения безопасности и конфиденциальности: https://medium.com/readwrite/evaluating-popular-web-browsers-in-terms-of-security-and-privacy-30b79091d86f

[74] Дайджест за прошлую неделю: https://habr.com/ru/post/446202/

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

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

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

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