Дайджест свежих материалов из мира фронтенда за последнюю неделю №430 (24 — 30 августа 2020)

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

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

[7] Подкаст «Веб-стандарты» №244: Новая типографика, опыт Яндекса и Фейсбука в доступности, отладка a11y и новые интерфейсы: https://soundcloud.com/web-standards/episode-244

[8] Подкаст CSSSR: Cокращения в Mozilla, TypeScript 4.0, DI с TS на практике, сила JavaScript, Laravel 8: https://soundcloud.com/csssr/cokrashcheniya-v-mozilla-typescript-40-di-s-ts-na-praktike-sila-javascript-laravel-8

[9] Подкаст «Сделайте мне красиво», Выпуск №42: Напишем свой Fortnite в вебе и станем сеньорами : https://soundcloud.com/begebot/ep42

[10] Подкаст «Фронтенд Юность (18+)» №152: Только синьор может писать на джаваскрипте: https://soundcloud.com/frontend_u/e152

[11] Эффективное тестирование верстки: https://habr.com/ru/company/oleg-bunin/blog/499638/

[12] Вот как я исправил странную ошибку, используя проверенные и актуальные стратегии отладки: https://css-tricks.com/heres-how-i-solved-a-weird-bug-using-tried-and-true-debugging-strategies/

[13] Google ответил на частые вопросы о переносе сайтов: https://searchengines.guru/ru/news/2048552

[14] Modern Web — Руководства, инструменты и библиотеки для современной веб-разработки. : https://modern-web.dev/

[15] Глубокое погружение в WebAssembly: пробуем основы: https://evilmartians.com/chronicles/hands-on-webassembly-try-the-basics

[16] Архитектура фронтенда: стабильные и изменчивые зависимости : https://dmitripavlutin.com/frontend-architecture-stable-and-volatile-dependencies/

[17] Изучаем Parcel — альтернативу Webpack для небольших проектов: https://habr.com/ru/post/516704/

[18] Полное руководство по Windows Terminal : https://www.sitepoint.com/windows-terminal/

[19] Yarn 2.2: быстрее, легче, дедупликация: https://dev.to/arcanis/yarn-2-2-dedupe-faster-lighter-ha5

[20] Небольшое руководство по CI/CD для фронтенд разработчиков : https://blog.maximeheckel.com/posts/guide-to-cicd-for-frontend-developers

[21] Релиз официального плагина AMP для WordPress версии 2.0, технические детали : https://blog.amp.dev/2020/08/27/success-with-wordpress-powered-by-amp/

[22] Лучший способ отложенной загрузки изображений для максимальной производительности : https://blog.prototyp.digital/best-way-to-lazy-load-images-for-maximum-performance/

[23] Подготовьте свою сайт к появлению ярлыка Fast page в Chrome : https://medium.com/javascript-in-plain-english/prepare-your-webpage-for-chromes-upcoming-fast-page-label-f89e95ed7c77

[24] Недоступность в картинках: http://css.yoksel.ru/inaccessibility/

[25] История Section 508 Accessibility : https://www.deque.com/blog/a-history-of-section-508-accessibility/

[26] Разница между aria-label и aria-labelledby : https://tink.uk/the-difference-between-aria-label-and-aria-labelledby/

[27] 5 самых раздражающих особенностей веб-сайта, с которыми я сталкиваюсь каждый божий день, будучи слепым : https://bighack.org/5-most-annoying-website-features-i-face-as-a-blind-screen-reader-user-accessibility/

[28] Экспериментальные переходы изображений с помощью треугольников на WebGL : https://tympanus.net/codrops/2020/08/27/experimental-triangle-image-transitions-with-webgl/

[29] Подборка креативных визуализаций «Awesome Demos Roundup #17»: https://tympanus.net/codrops/2020/08/25/awesome-demos-roundup-17/

[30] Для CSS создают параметр leading-trim: он исправит видимый беспорядок между строками текста при равных отступах в коде Материал редакции: https://vc.ru/design/152417-dlya-css-sozdayut-parametr-leading-trim-on-ispravit-vidimyy-besporyadok-mezhdu-strokami-teksta-pri-ravnyh-otstupah-v-kode

[31] Пропорциональное изменение размера с помощью CSS переменных : https://ishadeed.com/snippet/proportional-resizing-css-variables/

[32] Почему CSS ::before не работает с инпутами и изображениями : https://webplatform.news/issues/2020-08-26

[33] Почему логические свойства CSS не готовы к использованию: https://medium.com/@elad/why-css-logical-properties-arent-ready-for-use-c102925a5cba

[34] Преобразование GIF в буквы с помощью Clip Paths : https://frontend.horse/articles/make-gifs-into-letters-with-clip-paths/?ref=heydesigner

[35] Визуализаци техник сброса CSS : https://elijahmanor.com/css-resets

[36] CSS Shapes Layout Experiment: https://codepen.io/KristopherVanSant/full/xxVqLLO

[37] Как сделать CSS реактивным: https://dev.to/adam_cyclones/how-to-make-css-reactive-5eol

[38] CSSPLIT — CSS-сплиттер, который берет ваш файл main.css и разбивается на css файлы для конкретных компонентов. : https://github.com/royalbhati/CSSplit

[39] Самые популярные CSS фреймворки в 2020 : https://dev.to/theme_selection/the-most-trending-css-frameworks-analogy-2020-a15

[40] Решение частых алгоритмических вопросов на JavaScript: https://habr.com/ru/post/516568/

[41] В TypeScript 4.0 наконец появилось то, чего я очень ждал: https://habr.com/ru/company/ruvds/blog/516304/

[42] Руководство по Express.js. Часть 1: https://habr.com/ru/post/516774/

[43] Крошечный генератор мелодий на JS — как он устроен: https://habr.com/ru/company/audiomania/blog/516680/

[44] Разработка системы плагинов в JavaScript : https://css-tricks.com/designing-a-javascript-plugin-system/

[45] Движки JavaScript: обзор : https://blog.bitsrc.io/javascript-engines-an-overview-2162bffa1187

[46] Погружаемся в Jamstack с помощью React, Serverless и Airtable : https://css-tricks.com/going-jamstack-with-react-serverless-and-airtable/

[47] Полное пошаговое руководство по API GraphQL с React и FaunaDB: https://css-tricks.com/a-complete-walkthrough-of-graphql-apis-with-react-and-faunadb/

[48] Анимируйте SVG viewBox с помощью React : https://elijahmanor.com/react-svg-viewbox

[49] Морфинг SVG с помощью react-spring : https://css-tricks.com/morphing-svg-with-react-spring/

[50] 6 советов и лучших практик для масштабируемого проекта на React : https://blog.bitsrc.io/best-practices-and-tips-for-a-scalable-react-application-db708ae49227

[51] Minimal React: начало работы с фронтенд-библиотекой : https://2ality.com/2020/08/minimal-react.html

[52] Шаблоны компонентов React : https://dev.to/alexi_be3/react-component-patterns-49ho

[53] API Composition Vue 3 и разделение проблем: https://webdevblog.ru/api-composition-vue-3-i-razdelenie-problem/

[54] Настройка микро-архитектуры фронтенда с помощью Vue и single-spa : https://itnext.io/setup-a-micro-frontend-architecture-with-vue-and-single-spa-2c89528bf72f

[55] Что можно положить в механизм Dependency Injection в Angular?: https://habr.com/ru/company/tinkoff/blog/516622/

[56] Пользовательская тема для Angular Material Components: Часть 1 — Создание темы : https://indepth.dev/custom-theme-for-angular-material-components-series-part-1-create-a-theme/

[57] The Ember Times — Issue No. 162: https://blog.emberjs.com/2020/08/28/the-ember-times-issue-162.html

[58] Подключение аккаунтов Stripe в Ember Octane : https://mattfrankjames.com/blog/connected-stripe-accounts-with-ember-octane/

[59] Асинхронные данные и Autotracking в Ember Octane : https://v5.chriskrycho.com/journal/async-data-and-autotracking-in-ember-octane/

[60] ztext.js — Простая в реализации трехмерная типографика для веба. Работает со всеми шрифтами. : https://bennettfeely.com/ztext/

[61] handwritten.js — Преобразование текста в реалистичный почерк : https://github.com/alias-rahil/handwritten.js

[62] Представляем Danfo.js, библиотеку в стиле Pandas на JavaScript, которая обеспечивает высокопроизводительные, интуитивно понятные и простые в использовании структуры данных для управления и обработки структурированных данных. : https://blog.tensorflow.org/2020/08/introducing-danfo-js-pandas-like-library-in-javascript.html?linkId=98080391

[63] fastest-levenshtein — Самая быстрая реализация расстояния Левенштейна в JS. Измерьте разницу между двумя строками.: https://github.com/ka-weihe/fastest-levenshtein

[64] Релиз Chrome 85: https://www.opennet.ru/opennews/art.shtml?num=53600

[65] Релиз Firefox 80: https://www.opennet.ru/opennews/art.shtml?num=53598

[66] Вышла версия браузера Edge 85 — новые возможности Collections, расширенный режим Internet Explorer и аннотации к PDF-файлам: https://itc.ua/news/vyshla-versiya-brauzera-edge-85-novye-vozmozhnosti-collections-rasshirennyj-rezhim-internet-explorer-i-annotaczii-k-pdf-fajlam/

[67] Google ускоряет Chrome, обещая +10% к скорости загрузки вкладок: https://itc.ua/news/google-uskoryaet-chrome-obeshhaya-10-k-skorosti-zagruzki-vkladok/

[68] Mozilla Firefox для Android сильно изменилась внешне и обрела новые возможности: https://3dnews.ru/1019056

[69] 30% из тысячи крупнейших сайтов используют скрипты для скрытой идентификации: https://www.opennet.ru/opennews/art.shtml?num=53607

[70] Что такое cryptojacking? Как предотвратить, обнаружить и восстановиться от него: https://webdevblog.ru/chto-takoe-cryptojacking-kak-predotvratit-obnaruzhit-i-vosstanovitsya-ot-nego/

[71] Опубликован шрифт, автоматически цензурирующий оскорбительные выражения: https://www.opennet.ru/opennews/art.shtml?num=53623

[72] Согласно внутренним документам, даже сотрудники Google путаются в настройках конфиденциальности компании: https://itc.ua/news/soglasno-vnutrennim-dokumentam-dazhe-sotrudniki-google-putayutsya-v-nastrojkah-konfidenczialnosti-kompanii/

[73] Windows 95 исполнилось 25 лет: https://itc.ua/news/613772/

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

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

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

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

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