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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

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

[7] Подкаст CSSSR: Отладка перфоманса, --save-dev, CSS4 и другие мечты, что такое софт-скилы и зачем их качать: https://soundcloud.com/csssr/novosti-512-8-marta-css-4-firefox-devtools-laravel-7-avtomatizatsiya-s-google-app-script

[8] Подкаст «Веб-стандарты» №219: Отладка перфоманса, --save-dev, CSS4 и другие мечты, что такое софт-скилы и зачем их качать: https://soundcloud.com/web-standards/episode-219

[9] Подкаст «Фронтенд Юность (18+)» #127: Мало половин. Часть вторая: https://soundcloud.com/frontend_u/e127_2

[10] Подкаст CSSSR. Argumentarium — Архитектура: строгое следование паттернам vs. интеллектуальный анархизм: https://soundcloud.com/csssr/argumentarium-arkhitektura-strogoe-sledovanie-patternam-vs-intellektualnyy-anarkhizm

[11] Repozitorro #38 — Портфолио наставника: https://www.youtube.com/watch?v=HZhj1cNMmU4

[12] Полное руководство по HTML-атрибутам data-*: https://habr.com/ru/company/ruvds/blog/490626/

[13] Архитектура фронтенда: Оболочка: https://medium.com/front-end-in-regions-grodno/%D0%B0%D1%80%D1%85%D0%B8%D1%82%D0%B5%D0%BA%D1%82%D1%83%D1%80%D0%B0-%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4%D0%B0-%D0%BE%D0%B1%D0%BE%D0%BB%D0%BE%D1%87%D0%BA%D0%B0-3d314bb40ddb

[14] Как мы создали статический сайт, который генерирует тартановые орнаменты в SVG : https://css-tricks.com/how-we-created-a-static-site-that-generates-tartan-patterns-in-svg/

[15] Дата выпуска Bootstrap 5 и что в нем нового: https://themesberg.com/blog/design/bootstrap-5-release-date-and-whats-new

[16] Вариативные шрифты: стоит ли компромисс производительности? : https://blog.logrocket.com/variable-fonts-is-the-performance-trade-off-worth-it/

[17] Rome: что умеет новый универсальный инструмент JavaScript: https://ru.hexlet.io/blog/posts/rome-chto-umeet-novyy-universalnyy-instrument-javascript

[18] Федерация модулей Webpack 5 изменит правила игры в архитектуре JavaScript : https://itnext.io/webpack-5-module-federation-a-game-changer-to-javascript-architecture-bcdd30e02669

[19] Будущая реализация отладчика JavaScript в Firefox: https://hacks.mozilla.org/2020/03/future-proofing-firefoxs-javascript-debugger-implementation/

[20] Почему команда GOV.UK Design System изменила тип инпута для чисел : https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/

[21] Что использовать вместо инпута number: https://css-tricks.com/what-to-use-instead-of-number-inputs/

[22] Подборка креативных веб-демок «Awesome Demos Roundup #14»: https://tympanus.net/codrops/2020/03/03/awesome-demos-roundup-14/

[23] Анимированный эффект искажения ссылок с помощью SVG фильтров : https://tympanus.net/codrops/2020/03/04/distorted-link-effects-with-svg-filters/

[24] Подборка креативных сайтов «Inspirational Websites Roundup #13»: https://tympanus.net/codrops/2020/03/05/inspirational-websites-roundup-13/

[25] Что делать, когда CSS блокирует парсинг страницы?: https://habr.com/ru/company/ruvds/blog/490628/

[26] Стилизация Select-Option (почти) без JavaScript: https://habr.com/ru/post/491000/

[27] 6 первых публичных черновиков новых модулей CSS, которыми вы, возможно, давно пользуетесь: https://css-live.ru/vecssti-s-polej/6-pervyx-publichnyx-chernovikov-novyx-modulej-css-kotorymi-vy-vozmozhno-davno-polzuetes.html

[28] Почему миру нужны разработчики CSS : https://medium.com/@elad/why-the-world-needs-css-developers-318025a6f5c1

[29] Почему мы говорим о CSS4? : https://www.smashingmagazine.com/2020/03/css4-pros-cons-discussion/

[30] Спецификация CSS, обновленные и модернизированные сроки : https://meyerweb.com/eric/thoughts/2020/03/03/css-specification-timelines-updated-and-modernized/

[31] CSS библиотека с набором красивых переключателей: https://github.com/JNKKKK/MoreToggles.css

[32] Как сделать размытие фона в CSS с помощью одной строки кода : https://blog.prototypr.io/how-to-make-a-background-blur-in-css-with-one-line-of-code-e446c7236e60

[33] CSS Import: https://www.keycdn.com/blog/css-import

[34] К сожалению, clip-path: path () по-прежнему не подходит для использования : https://css-tricks.com/unfortunately-clip-path-path-is-still-a-no-go/

[35] Как создать Sticky Footer с Flexbox: https://www.developerdrive.com/sticky-footer-with-flexbox/

[36] 4 способа анимировать цвет текстовой ссылки при наведении : https://css-tricks.com/4-ways-to-animate-the-color-of-a-text-link-on-hover/?ref=heydesigner

[37] Каррирование в CSS?: https://www.trysmudford.com/blog/currying-in-css/

[38] Лучшие практики JavaScript — замена старого на новый : https://levelup.gitconnected.com/javascript-best-practice-replacing-old-with-new-dd7a6c8228fb

[39] Менее известные, но все еще популярные JavaScript фреймворки разработчиков фронтенда: https://medium.com/better-programming/lesser-known-yet-still-popular-javascript-frameworks-for-front-end-developers-8b429c887998

[40] Экосистема JavaScript в Индонезии : https://rizafahmi.com/2020/02/03/ekosistemjs/en/

[41] Основные советы по SEO-оптимизации сайтов на JavaScript: https://css-live.ru/articles/osnovnye-sovety-po-seo-optimizacii-sajtov-na-javascript.html

[42] Техническое интервью по JavaScript в Google (Callback, Promise, Await / Async): https://medium.com/javascript-in-plain-english/google-javascript-technical-interview-question-callback-promise-await-async-74b8dda2e331

[43] Intersection Observer API позволяет быстро обеспечить ленивую загрузку: https://www.telerik.com/blogs/intersection-observer-api-makes-lazy-loading-a-snap

[44] Настало ли время покинуть виртуальный дом [React'a]?: https://habr.com/ru/post/485948/

[45] Список лучших практик в Node.js (март 2020): https://github.com/goldbergyoni/nodebestpractices

[46] 5 малоизвестных возможностей JSON.stringify(): https://habr.com/ru/post/491252/

[47] Понимаем каррирование в JavaScript: https://medium.com/@stasonmars/%D0%BF%D0%BE%D0%BD%D0%B8%D0%BC%D0%B0%D0%B5%D0%BC-%D0%BA%D0%B0%D1%80%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D0%B2-javascript-5ec4a1d88827

[48] Визуализация сервис-воркеров в JavaScript Service: https://medium.com/better-programming/javascript-service-workers-visualized-308ca3292b6a

[49] Почему вы должны учить React вместо Angular : https://medium.com/javascript-in-plain-english/why-you-should-learn-react-instead-of-angular-f2333dd1228b

[50] React Styled Components: инлайновый стили + 3 других подхода к CSS стилизации (с примерами): https://www.freecodecamp.org/news/react-styled-components-inline-styles-3-other-css-styling-approaches-with-examples/

[51] Как создать безопасное для типов приложение React Redux : https://blog.logrocket.com/how-to-build-a-type-safe-react-redux-app/

[52] Возможности Vue, о которых не следует забывать: https://habr.com/ru/post/491130/

[53] Когда использовать новое Composition API во Vue (а когда нет): https://webdevblog.ru/kogda-ispolzovat-novoe-composition-api-vo-vue-a-kogda-net/

[54] Сниппета кода с v-директивами для улучшения навыков у новичков во Vue : https://medium.com/better-programming/commonly-used-v-directive-examples-6d0805c139c9

[55] Отображение списков с помощью Vue.js — числа, компоненты и шаблоны : https://medium.com/javascript-in-plain-english/list-rendering-with-vue-js-numbers-components-and-templates-aa856f8ca95f

[56] Vue Formulate — Самый простой способ создания форм с помощью Vue : https://vueformulate.com/

[57] Понимание CSS Deep селектора во Vue : https://www.telerik.com/blogs/understanding-vue-deep-css-selector

[58] Обработка метаданных в Vue с помощью vue-meta : https://alligator.io/vuejs/vue-meta/

[59] Проекция контента в Angular или затерянная документация по ng-content: https://habr.com/ru/post/491136/

[60] 3 способа рендера больших списков в Angular : https://blog.bitsrc.io/3-ways-to-render-large-lists-in-angular-9f4dcb9b65

[61] Ленивая загрузка модулей в Angular с Ivy : https://medium.com/angular-in-depth/lazy-loading-angular-modules-with-ivy-92c3a890eae1

[62] The Ember Times — Issue No. 138: https://dev.to/embertimes/the-ember-times-issue-no-138-2fa

[63] Представляем модификаторы Ember : https://gaiety.life/introducing-ember-modifiers

[64] Уйти от jQuery к Svelte, как это было: https://habr.com/ru/post/491388/

[65] Создание панели инструментов в Svelte : https://dev.to/geeksrishti/building-a-dashboard-in-svelte-2fkp

[66] Svelte с точки зрения разработчика React. Часть 3: События : https://delvalle.dev/posts/svelte-from-react-perspective-part-3/svelte-from-react-perspective-part-3/

[67] Элегантный способ ветвления в JavaScript: https://github.com/finom/elegant-threading

[68] Представляем Alpine.js: крошечный JavaScript Framework : https://www.smashingmagazine.com/2020/03/introduction-alpinejs-javascript-framework/

[69] Библиотеки JavaScript практически никогда не обновляются после установки : https://blog.cloudflare.com/javascript-libraries-are-almost-never-updated/

[70] Stryker: тестируй свои тесты на мутации. : https://stryker-mutator.io/

[71] Firefox 75 будет автоматически удалять отслеживающие файлы cookie: https://habr.com/ru/news/t/491152/

[72] Firefox появилась возможность установки сайтов как приложений: https://www.opennet.ru/opennews/art.shtml?num=52483

[73] Huawei запускает свой собственный браузер: https://www.computerra.ru/255210/huawei-zapuskaet-svoj-sobstvennyj-brauzer/

[74] Избегайте ошибок, связанных с событиями клавиатуры в браузерной транслитерации : https://www.smashingmagazine.com/2020/03/keyboard-event-related-bugs-browser-based-transliteration/

[75] Google переведёт все сайты на mobile-first индексацию с сентября: https://www.searchengines.ru/mobile-first-default.html

[76] Apple разрешила рекламу в push-уведомлениях на iOS Материал редакции: https://vc.ru/marketing/110737-apple-razreshila-reklamu-v-push-uvedomleniyah-na-ios

[77] Twitter начала тестировать в Бразилии собственную версию формата «истории» Материал редакции: https://vc.ru/social/110684-twitter-nachala-testirovat-v-brazilii-sobstvennuyu-versiyu-formata-istorii

[78] Технический долг, как игра в Тетрис: https://medium.com/front-end-in-regions-grodno/%D1%82%D0%B5%D1%85%D0%BD%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9-%D0%B4%D0%BE%D0%BB%D0%B3-%D0%BA%D0%B0%D0%BA-%D0%B8%D0%B3%D1%80%D0%B0-%D0%B2-%D1%82%D0%B5%D1%82%D1%80%D0%B8%D1%81-b22d2426addf

[79] Почему ИИ не заменит людей на тяжёлой работе, а будет руководить ими — и сделает труд ещё более изнурительным Материал редакции: https://vc.ru/future/110890-pochemu-ii-ne-zamenit-lyudey-na-tyazheloy-rabote-a-budet-rukovodit-imi-i-sdelaet-trud-eshche-bolee-iznuritelnym

[80] Квантовое превосходство, невзламываемый интернет, суперперсонализированная медицина и другое. Десять прорывных технологий 2020 года по версии MIT Technology Review: https://itc.ua/blogs/kvantovoe-prevoshodstvo-nevzlamyvaemyj-internet-superpersonalizirovannaya-mediczina-i-drugoe-desyat-proryvnyh-tehnologij-2020-goda-po-versii-mit-technology-review/

[81] «Я офис-менеджер в Долине и видела много дерьма»: взгляд со стороны на инфантилизм и эгоцентричность работников IT: https://ain.ua/

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

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

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

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

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