Дайджест свежих материалов из мира фронтенда за последнюю неделю №424 (13 — 19 июля 2020)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

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

[7] Подкаст «Веб-стандарты» №238: События в Яндексе, Safari, планы браузеров, новый CSS Zen Garden, Houdini vs CSS, Yandex набор UI: https://medium.com/web-standards/episode-238-3533ce9bf361

[8] Подкаст «Фронтенд Юность (18+)» №146: Под суд за отсутствие accessibility: https://soundcloud.com/frontend_u/e146

[9] Подкаст «CSSSR»: Vue 3, новые фичи CSS, web.dev Russia, PHP 8, ML и QA, полиморфизм, State of Frontend 2020: https://soundcloud.com/csssr/vue-3-novye-fichi-css-webdev-russia-php-8-ml-i-qa-polimorfizm-state-of-frontend-2020

[10] Возвращение веба 90-х годов: https://habr.com/ru/company/ruvds/blog/510906/

[11] Wasm или не Wasm?: https://habr.com/ru/company/ruvds/blog/510904/

[12] Как мы решили оптимизировать картинки — а в процессе переделали сайт, админку и подход к интерфейсу: https://habr.com/ru/company/meduza/blog/511090/

[13] Добавление дополненной реальности на ваши сайты : https://medium.com/samsung-internet-dev/adding-augmented-reality-to-your-websites-236cb3257c7a

[14] От Gatsby до Eleventy: Выбор статического генератора сайта для личного сайта: https://css-irl.info/from-gatsby-to-eleventy/

[15] Текущее состояние pixel-perfect верстки: https://ishadeed.com/article/pixel-perfection/

[16] Как перейти с Bootstrap 4 на 5 версию : https://designmodo.com/migrate-bootstrap-5/

[17] Сделать Jamstack медленным? Вызов принят. : https://css-tricks.com/make-jamstack-slow-challenge-accepted/

[18] Детали редизайна сайта The A11Y Project: https://www.a11yproject.com/announcements/2020-07-15-2020-redesign/

[19] Состояние кнопки и доступность : https://gomakethings.com/button-state-and-accessibility/

[20] Чего я не знал о CSS: https://habr.com/ru/post/511574/

[21] Невидимые части CSS: https://webdevblog.ru/nevidimye-chasti-css/

[22] 8 рекомендаций SCSS, о которых следует помнить: https://webdevblog.ru/8-rekomendacij-scss-o-kotoryh-sleduet-pomnit/

[23] Эффект стоящих карточек на CSS : https://codepen.io/lynnandtonic/pen/dyGjvLB

[24] Три CSS альтернативы навигации на JavaScript : https://css-tricks.com/three-css-alternatives-to-javascript-navigation/

[25] Grids Part 1: To grid or not to grid: https://sarahmhigley.com/writing/grids-part1/

[26] CSS брейкпоинты, используемые популярными CSS фреймворками : https://polypane.app/blog/css-breakpoints-used-by-popular-css-frameworks/

[27] Backdrop Filter эффект с CSS : https://css-tricks.com/backdrop-filter-effect-with-css/

[28] Решение “click to animate gif” на чистом CSS: https://christianheilmann.com/2020/07/16/a-css-only-click-to-animate-gif-solution/

[29] Style Stage — различные комбинации современных техник CSS для стилизации одной HTML структуры в стиле CSS Zen Garden: https://stylestage.dev/styles/queer-modes/

[30] Как сделать текст курсивным : https://css-tricks.com/how-to-italicize-text/

[31] 4 революционных возможности JavaScript из будущего: https://habr.com/ru/company/ruvds/blog/510900/

[32] 155 вопросов по JavaScript: https://habr.com/ru/post/510926/

[33] Установка и обновление зависимостей в JavaScript: https://habr.com/ru/company/domclick/blog/510812/

[34] Что такое замыкание, объяснение от Дена Абрамова: https://whatthefuck.is/closure

[35] Простое объяснение делегирования событий в JavaScript : https://dmitripavlutin.com/javascript-event-delegation/

[36] 34 самых популярных репозиториев JS на GitHub в июне 2020 года : https://dev.to/iriskatastic/34-most-popular-js-repositories-on-github-in-june-2020-41k5

[37] 14 советов по оптимизации кода JavaScript для фронтенд разработчиков : https://blog.bitsrc.io/14-javascript-code-optimization-tips-for-front-end-developers-a44763d3a0da

[38] 8 глупых JavaScript-проектов, которые заставят вас улыбнуться : https://www.twilio.com/blog/silly-javascript-projects

[39] Устранение дублирующихся объектов: три подхода : https://2ality.com/2020/07/eliminating-duplicate-objects.html

[40] Борьба за производительность по-настоящему больших форм на React: https://habr.com/ru/company/maxilect/blog/511322/

[41] Повышаем квалификацию с лучшими инструментами для web-разработки на React: https://habr.com/ru/company/vdsina/blog/510922/

[42] Методы улучшения и оптимизации производительности в приложениях React : https://www.smashingmagazine.com/2020/07/methods-performance-react-apps/

[43] React Spectrum — коллекция библиотек и инструментов от Adobe, которые помогут вам создать адаптивный, доступный и надежный пользовательский интерфейс : https://react-spectrum.adobe.com/blog/introducing-react-spectrum.html

[44] Почему я перешел с Vue в React : https://brettfisher.dev/why-i-switched-to-react/

[45] Взгляд на React Router 6 : https://www.carlrippon.com/a-look-at-react-router-6/

[46] Vue.js для начинающих, урок 3: условный рендеринг: https://habr.com/ru/company/ruvds/blog/510628/

[47] Vue.js для начинающих, урок 4: рендеринг списков: https://habr.com/ru/company/ruvds/blog/510898/

[48] Vue 3 теперь в RC : https://github.com/vuejs/rfcs/issues/189

[49] Взгляд на новый Vue: что ожидать во Vue 3 : https://www.telerik.com/blogs/what-to-expect-vue-3

[50] Вам не нужен Vuex с Vue 3 : https://dev.to/blacksonic/you-might-not-need-vuex-with-vue-3-52e4

[51] Использование IntersectionObserver с Vue.js : https://medium.com/@sebassegros/using-intersectionobserver-with-vue-js-8d5dd0134606

[52] Неправильное представление о методах жизненного цикла в Angular : https://medium.com/javascript-in-plain-english/a-misconception-about-angular-life-cycle-methods-346f1be73d7

[53] Хакаем формы Angular с Rxjs : https://dev.to/muhammedmoussa/hack-angular-forms-with-rxjs-4he7

[54] Создание пользовательской библиотеки с Angular : https://itnext.io/creating-a-custom-library-with-angular-888a7e3689ca

[55] The Ember Times — Issue No. 156: https://dev.to/embertimes/the-ember-times-issue-no-156-3pc

[56] Как модификаторы Ember могут управляться изнутри? : https://dev.to/_raja_sk_/how-do-ember-modifiers-get-to-be-managed-internally-1i40

[57] Использование ember-concurrency с TypeScript : https://jamescdavis.com/using-ember-concurrency-with-typescript/

[58] Ленивая загрузка изображений в Svelte : https://css-tricks.com/lazy-loading-images-in-svelte/

[59] Интерактивные карты с Leaflet и Svelte : https://imfeld.dev/writing/leaflet_with_svelte

[60] Отзывчивый Svelte (исследуя реактивность Svelte) : https://dev.to/kevinast/responsive-svelte-exploring-svelte-s-reactivity-5cen

[61] uvu — чрезвычайно быстрый и легкий тест-раннер для Node.js и браузера : https://github.com/lukeed/uvu

[62] form-validation.js — Самый настраиваемый фреймворк для валидации в JavaScript. : https://github.com/iendeavor/form-validation.js

[63] Введение в Stimulus.js, скромный JavaScript фреймворк, который дополняет ваш существующий HTML: https://www.smashingmagazine.com/2020/07/introduction-stimulusjs/

[64] Bree — лучший планировщик для Node.js с поддержкой cron, dates, ms, later и human-friendly strings: https://jobscheduler.net/#/

[65] Bumblebee — JavaScript фреймворк для создания голосовых приложений: https://github.com/jaxcore/bumblebee

[66] Воссоздание библиотеки Facebook Recoil: https://krasimirtsonev.com/blog/article/recreating-facebooks-recoil

[67] Новое в Chrome 84 : https://developers.google.com/web/updates/2020/07/nic84

[68] Релиз Chrome 84: https://www.opennet.ru/opennews/art.shtml?num=53362

[69] Исправление Windows 10, снизившее потребление памяти в Chrome, отключили в новой версии браузера: https://3dnews.ru/1015698

[70] Google развеял SEO-мифы о краулинговом бюджете: https://www.seonews.ru/events/google-razveyal-seo-mify-pro-kraulingovyy-byudzhet/

[71] Официально запущен сервис Mozilla VPN: https://www.opennet.ru/opennews/art.shtml?num=53368

[72] GitHub ушёл под лёд: 21 Тбайт открытого кода спрятано в арктическом хранилище: https://3dnews.ru/1016028

[73] Apple обновила стайлгайд для разработчиков и заменила в нём слова blacklist, master и slave для борьбы с дискриминацией : https://vc.ru/dev/143081-apple-obnovila-staylgayd-dlya-razrabotchikov-i-zamenila-v-nem-slova-blacklist-master-i-slave-dlya-borby-s-diskriminaciey

[74] NYT: взломавший Twitter-аккаунты Маска и других получил доступ к внутренним инструментам через чат компании в Slack : https://vc.ru/social/143125-nyt-vzlomavshiy-twitter-akkaunty-maska-i-drugih-poluchil-dostup-k-vnutrennim-instrumentam-cherez-chat-kompanii-v-slack

[75] Линус Торвальдс одобрил исключение из кода ядра Linux терминов slave, blacklist и прочих: https://xakep.ru/2020/07/14/no-more-slaves/

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

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

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

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

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