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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

[6] Подкаст «Веб-стандарты» №211. Софт-скилы, футбол и жизнь без фронтенда, веб-компоненты, React, гриды, перфоманс, дайвёрсити: https://medium.com/web-standards/episode-211-82b58d3dc805

[7] Подкаст «Сделайте мне красиво», Выпуск №33 — Тренды дизайна, микробраузеры и развивающие этюды: https://soundcloud.com/begebot/ep33

[8] Подкаст Фронтенд Юность (18+) #122 Справедливая зарплата для планктона: https://soundcloud.com/frontend_u/e122

[9] Рендеринг веб сайтов 101: https://habr.com/ru/post/484900/

[10] Прощай, чистый код: https://habr.com/ru/company/ruvds/blog/484610/

[11] Новичок в JAMstack? Вот все, что нужно знать, чтобы начать: https://snipcart.com/blog/jamstack

[12] Веб в 2020 году: расширяемость и функциональная совместимость: https://css-tricks.com/the-web-in-2020-extensibility-and-interoperability/

[13] Шесть советов при работе над интернационализацией веб-приложений : https://blog.sapegin.me/all/internationalization/

[14] Полное руководство по iframes : https://blog.logrocket.com/the-ultimate-guide-to-iframes/

[15] Нет необходимости ненавидеть веб-компоненты : https://itnext.io/theres-no-need-to-hate-web-components-ebf2ec8a998c

[16] Воссоздание кнопки Arduino с использованием SVG и lit-element : https://www.smashingmagazine.com/2020/01/recreating-arduino-pushbutton-svg/

[17] Prettier в крупных проектах: тратим 20 минут на настройку, забываем о форматировании навсегда: https://habr.com/ru/company/skyeng/blog/484992/

[18] Оптимизация времени сборки проекта: https://habr.com/ru/company/ruvds/blog/484612/

[19] Встречайте Yarn 2!: https://dev.to/arcanis/introducing-yarn-2-4eh1

[20] Playwright — новая Node библиотека от Microsoft для автоматизации браузеров на Chromium, WebKit и Firefox. Созданная разработчиками Puppeteer, Playwright нацелена на создание кросс-браузерной, быстрой и вечнозеленой веб-платформы для автоматизации: https://github.com/microsoft/playwright/blob/master/README.md

[21] Конфигурация ESLint и лучшие практики : https://blog.geographer.fr/eslint-guide

[22] Моя история об устаревших инструментах, технологиях и решениях в веб-разработке : https://pineco.de/my-history-with-outdated-web-design-tools-technologies-and-solutions/

[23] Микрооптимизации производительности и JavaScript: https://medium.com/devschacht/optimizations-and-javascript-f8e060d3eae3

[24] Google PageSpeed ​​Insights: правда о значении 100/100 : https://kinsta.com/blog/google-pagespeed-insights/

[25] Скорость от тысячи порезов: https://tech.ebayinc.com/engineering/speed-by-a-thousand-cuts/

[26] Доступность в новом Microsoft Edge : https://support.microsoft.com/en-us/help/4538354/microsoft-edge-new-accessibility

[27] Плохая доступность означает плохое качество : https://www.matuzo.at/blog/bad-accessibility-equals-bad-quality/

[28] Реализуем визуальный эффект из фильма «Матрица»: https://habr.com/ru/post/485404/

[29] Эффект разворачивания изображения из рулона с помощью Three.js: https://tympanus.net/codrops/2020/01/22/how-to-unroll-images-with-three-js/

[30] Подборка креативных интерфейсов «UI Interactions & Animations Roundup #2»: https://tympanus.net/codrops/2020/01/25/ui-interactions-animations-roundup-2/

[31] Night at the Museum of Very Good Boys: https://codepen.io/cobra_winfrey/full/XWJyPwK

[32] RTL Styling 101 — подробное руководство по RTL-стилизации в CSS: https://habr.com/ru/post/484886/

[33] The CSS Cascade. Или, как браузеры разрешают вопрос с конкурирующими CSS стилями : https://wattenberger.com/blog/css-cascade

[34] CSS Houdini: все, что вам нужно знать о самых популярных API : https://www.creativebloq.com/features/css-houdini

[35] Понимание ключевых слов CSS «Initial», «Inherit» и «Unset»: https://medium.com/@elad/understanding-the-initial-inherit-and-unset-css-keywords-2d70b7121695

[36] Использование адаптивных модификаторов для управления изменениями компоновки в ваших компонентах : https://codyhouse.co/blog/post/using-responsive-modifiers-to-control-layout-changes-in-your-components

[37] Создание разнонаправленных макетов : https://css-tricks.com/building-multi-directional-layouts/

[38] Немного воображаемого CSS : https://cloudfour.com/thinks/some-imaginary-css/

[39] 4 макета CSS без использования медиа-запросов : https://polypane.app/blog/4-css-layouts-without-using-media-queries/

[40] Многострочные градиентные ссылки : https://zellwk.com/blog/multi-line-gradient-links/

[41] Волшебные радужные градиенты с CSS Houdini и React Hooks : https://www.joshwcomeau.com/posts/rainbow-button/

[42] Внутренние размеры в CSS : https://ishadeed.com/article/intrinsic-sizing-in-css/

[43] Нововведения JavaScript ES2020 с простыми примерами: https://habr.com/ru/company/plarium/blog/485362/

[44] Распространенные ошибки при использование Promise в Javascript: https://webdevblog.ru/rasprostranennye-oshibki-pri-ispolzovanie-promise-v-javascript/

[45] Чтение и обработка файлов с помощью JavaScript FileReader API : https://alligator.io/js/file-reader/

[46] 10 самых важных фреймворков JavaScript за последнее десятилетие : https://blog.logrocket.com/10-most-important-javascript-frameworks-past-decade/

[47] Svelte — рецепт для успешного фреймворка?: https://areknawo.com/svelte-a-recipe-for-a-successful-framework/

[48] Уважаемые поклонники for Loop: давайте будем использовать методы Array : https://levelup.gitconnected.com/dear-for-loop-fans-let-us-use-array-methods-in-peace-af851ca9e85f

[49] Визуализация JavaScript: генераторы и итераторы : https://dev.to/lydiahallie/javascript-visualized-generators-and-iterators-e36

[50] Как использовать Инверсию Управления в JavaScript и в Reactjs для упрощения работы с кодом: https://habr.com/ru/post/485012/

[51] Обзор JSX с тремя примерами не из React : http://thecodebarbarian.com/overview-of-jsx-with-non-react-examples.html

[52] 10 концепций JavaScript, которые вам нужны, чтобы освоить React (+ шпаргалка) : https://codeartistry.io/10-javascript-concepts-you-need-to-master-react/

[53] Руководство для начинающих по циклам в React JSX : https://www.telerik.com/blogs/beginners-guide-loops-in-react-jsx

[54] Создавайте более доступные формы с помощью React Icons : https://blog.logrocket.com/build-more-accessible-forms-with-react-icons/

[55] Динамическая загрузка компонентов React с помощью хуков : https://alligator.io/react/loading-components-dynamically-hooks/

[56] Чего ждать во Vue 3.0?: https://www.telerik.com/blogs/what-to-get-excited-about-vue-3

[57] Как написать приложение Vue.js полностью на TypeScript : https://blog.logrocket.com/how-to-write-a-vue-js-app-completely-in-typescript/

[58] Как создать прогрессивное веб-приложение на Vue.js : https://dev.to/aumayeung/how-to-create-a-progressive-web-app-with-vue-js-4h72

[59] Любите Vuetify? Встречайте PrimeVue, новую мощную библиотеку Vue UI. : https://dev.to/heyshadowsmith/love-vuetify-meet-primevue-a-powerful-new-vue-ui-library-55p7

[60] Карусели на Vue.js: SSR поддержка и производительность : https://dev.to/gsshop/vue-js-carousels-ssr-support-and-performance-24nh

[61] Angular 9 и Ivy: ленивая загрузка компонентов: https://habr.com/ru/company/ruvds/blog/484618/

[62] Практическое руководство по Angular: сервисы и внедрение зависимостей : https://www.telerik.com/blogs/a-practical-guide-to-angular-services-dependency-injection

[63] Как реализовать микро-фронтенд архитектуру с Angular : https://medium.com/bb-tutorials-and-thoughts/how-to-implement-micro-frontend-architecture-with-angular-e6828a0a049c

[64] The Ember Times — Выпуск 131: https://habr.com/ru/post/484654/

[65] The Ember Times — Issue No. 132: https://dev.to/embertimes/the-ember-times-issue-no-132-4bb2

[66] Как мы добились «вечнозеленых» сборок в корпоративном приложении на Ember.js : https://medium.com/@shibulijack/how-we-achieved-green-builds-in-an-enterprise-ember-js-app-be55431ac23e

[67] RouteInfo Metadata (3.10): https://embermap.com/topics/what-s-new-in-ember/routeinfo-metadata-3-10

[68] JS библиотека для проверки свойств JS, представляющего из себя данные формы. : https://github.com/OxCom/constraint-validator

[69] React Nice Dates: адаптивная, с поддержкой тач событий, модульная библиотека для выбора дат: https://reactnicedates.hernansartorio.com/

[70] Микробраузеры повсюду. Но что мы о них знаем?: https://habr.com/ru/company/dcmiran/blog/485386/

[71] Исследователи обвинили Opera в выдаче микрозаймов под 438% годовых в обход правил Google Материал редакции: https://vc.ru/services/102086-issledovateli-obvinili-opera-v-vydache-mikrozaymov-pod-438-godovyh-v-obhod-pravil-google

[72] Google тестирует новый интерфейс меню «Поделиться» в Chrome – с инструментами для создания QR-кодов и скриншотов: https://itc.ua/news/google-testiruet-novyj-interfejs-menyu-podelitsya-v-chrome-s-instrumentami-dlya-sozdaniya-qr-kodov-i-skrinshotov/

[73] Обзор финальной версии Microsoft Edge на базе Chromium: новый старый знакомый: https://3dnews.ru/1001829/obzor-microsoft-edge-na-chromium

[74] Следующая версия браузера Apple Safari выйдет уже без поддержки Adobe Flash: https://itc.ua/news/sleduyushhaya-versiya-brauzera-apple-safari-vyjdet-uzhe-bez-podderzhki-adobe-flash/

[75] За последние две недели компания Mozilla заблокировала 197 дополнений к Firefox: https://www.opennet.ru/opennews/art.shtml?num=52255

[76] Edgium: https://css-tricks.com/edgium/

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

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

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

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

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