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

---

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

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

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

[1] Медиа: #media

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

[3] CSS: #css

[4] JavaScript: #js

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

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

[7] Подкаст «Веб-стандарты» №242. Инспектор гридов, настройка форм, content-visibility, вариативные шрифты, бесконечные списки : https://medium.com/web-standards/episode-242-88c8c5f13710

[8] Подкаст Фронтенд Юность (18+) №150: Не засоряй окружающую среду своим билдом: https://soundcloud.com/frontend_u/e150

[9] Подкаст CSSSR: Релиз-кандидат TypeScript 4.0, веб-сервер на Rust, новый подкаст от dev.to: https://soundcloud.com/csssr/reliz-kandidat-typescript-40-veb-server-na-rust

[10] The Stack Overflow Podcast, Podcast 259: от веб-комиксов до React core с Rachel Nabors: https://stackoverflow.blog/2020/08/11/podcast-259-web-comics-react-core-rachel-nabors/

[11] Продуманный front-end. Правильная архитектура для быстрых сайтов: https://habr.com/ru/company/piter/blog/514662/

[12] Веб-компоненты в реальном мире (часть 2): https://habr.com/ru/post/515332/

[13] Веб-разработчику: 10 полезных инструментов: https://habr.com/ru/company/ruvds/blog/515004/

[14] Как не закопаться в рефакторинге на фронте. Советы новичку: https://habr.com/ru/company/maxilect/blog/515082/

[15] Вышел WordPress 5.5 «Экстайн»: появился каталог блоков, паттерны блоков, а также автообновление тем и плагинов: https://oddstyle.ru/wordpress-2/novosti-wordpress/vyshel-wordpress-5-5-ekstajn-poyavilsya-katalog-blokov-patterny-blokov-a-takzhe-avtoobnovlenie-tem-i-plaginov.html

[16] 5 причин выбрать PWA для ваших веб и мобильных приложений : https://blog.bitsrc.io/5-reasons-to-choose-pwa-for-your-web-and-mobile-apps-515c6d0e784d

[17] Single Page приложения с использованием Rust: http://www.sheshbabu.com/posts/rust-wasm-yew-single-page-application/

[18] Accessibility в Chrome DevTools: https://www.smashingmagazine.com/2020/08/accessibility-chrome-devtools/

[19] Что нового в WCAG 2.2 : https://adrianroselli.com/2020/08/whats-new-in-wcag-2-2.html

[20] WCAG для дизайнеров : https://gerireid.com/wcag-for-designers.html?ref=heydesigner

[21] Новое CSS-свойство content-visibility ускоряет отрисовку страницы в несколько раз: https://habr.com/ru/company/vdsina/blog/514760/

[22] Единицы размеров в CSS: http://css.yoksel.ru/size-units/

[23] Что я узнал, исправив одну строку CSS в проекте с открытым исходным кодом : https://css-tricks.com/what-i-learned-by-fixing-one-line-of-css-in-an-open-source-project/

[24] Создание зигзагообразных градиентов : https://css-irl.info/building-the-zig-zag-gradient-lab/

[25] Вертикальное выравнивание текста в кнопках и инпутах : https://codyhouse.co/blog/post/vertical-text-alignment-in-buttons-and-inputs

[26] Как я структурирую свой CSS (на текущий момент) : https://matthiasott.com/notes/how-i-structure-my-css?ref=heydesigner

[27] Улучшение взаимодействия с пользователем с помощью CSS-анимации : https://stephaniewalter.design/blog/enhancing-user-experience-with-css-animations/?ref=heydesigner

[28] Как настроить цветовые схемы веб-приложения с помощью кастомных свойств CSS : https://www.smashingmagazine.com/2020/08/application-color-schemes-css-custom-properties/

[29] Ошибки CSS, которые случаются на автопилоте : https://ishadeed.com/article/css-mistakes/

[30] Еще несколько комиксов про CSS : https://jvns.ca/blog/2020/08/10/some-more-css-comics/

[31] 8 ресурсов, посвященных Tailwind CSS, для вашего следующего проекта : https://dev.to/andrewmcodes/8-tailwind-css-resources-to-help-your-next-project-takeoff-2b92

[32] Четыре интересных эффекта для текста, которые оживят ваш сайт : https://dev.to/akhilarjun/four-subtle-text-effects-to-spice-up-your-web-site-27e7

[33] JavaScript: 250+ практических вопросов (список + викторина + бонус): https://habr.com/ru/post/515028/

[34] Архитектура современных корпоративных Node.js-приложений: https://habr.com/ru/company/yandex/blog/514550/

[35] Как начать думать функционально в JavaScript: https://css-live.ru/articles/kak-nachat-dumat-funkcionalno-v-javascript.html

[36] TypeScript 4.0 наконец-то дает то, что я от него ждал : https://medium.com/javascript-in-plain-english/typescript-4-0-i-want-a-list-of-generic-params-with-good-labels-c6087d2df935

[37] Рекомендации по отладке Javascript : https://blog.bitsrc.io/javascript-debugging-best-practices-e28a09b4528a

[38] Нативное форматирование чисел в JavaScript : https://elijahmanor.com/format-js-numbers

[39] Раcширение возможностей <input type=number> : https://kilianvalkhof.com/2020/javascript/supercharging-input-type-number/

[40] Мажорные изменения jQuery на пути к WordPress 5.5 : https://wptavern.com/major-jquery-changes-on-the-way-for-wordpress-5-5-and-beyond

[41] Отказ от create-react-app и создание собственного шаблона для React-приложений: https://habr.com/ru/company/ruvds/blog/515008/

[42] Релиз-кандидат React v17.0: новых функций нет : https://reactjs.org/blog/2020/08/10/react-v17-rc.html

[43] Styled Components: краткое руководство: https://scalablecss.com/styled-components-quickstart-guide/

[44] 6 основных изменений в React v17.0 : https://medium.com/better-programming/the-6-major-changes-in-react-v17-0-d14fed5b0529

[45] Знакомство с Vuecket: https://habr.com/ru/company/orienteer/blog/514938/

[46] Vue.js для начинающих, урок 11: вкладки, глобальная шина событий: https://habr.com/ru/company/ruvds/blog/514516/

[47] Обработка асинхронности в Vue 3 / Composition API — Часть 1: Управление Async state: https://medium.com/@martinmalinda/handling-asynchrony-in-vue-3-composition-api-part-1-managing-async-state-e993842ebf8f

[48] Разработка приложения с использованием Vue 3 Composition API : https://levelup.gitconnected.com/developing-a-full-app-using-the-vue-3-composition-api-4fd9431f2136

[49] Обзор новых функций Vue 3 : https://pitayan.com/posts/vue-next-features/

[50] Топ-10 Angular-приемов, выбранных сообществом: https://habr.com/ru/company/tinkoff/blog/514928/

[51] Двустороннее связывание данных в Angular — введение : https://medium.com/javascript-in-plain-english/angular-two-way-data-binding-an-easy-introduction-35c87648c652

[52] Angular — почему мы должны избегать использования публичных методов для разработки компонентов : https://medium.com/@liutingchun_95744/angular-why-we-should-avoid-using-public-methods-to-design-components-f2ecbee12be2

[53] Анонс NgRx 10: новые пакеты для local component state и реактивных компонентов, swag store и многое другое : https://medium.com/ngrx/announcing-ngrx-version-10-new-packages-for-local-component-state-and-reactive-components-swag-62bedda0be91

[54] Renderless в Angular: вся функциональность, никакого рендеринга : https://netbasal.com/going-renderless-in-angular-all-of-the-functionality-none-of-the-render-1b105e001c8a

[55] Функция in-element в Ember.js : https://dev.to/shayanypn/ember-js-in-element-feature-273l

[56] The Ember Times — Issue No. 160: https://dev.to/embertimes/the-ember-times-issue-no-160-19ii

[57] Ember.js tutorial for beginners #01 Introduction & Setup (2020) : https://www.youtube.com/watch?v=eQUvN9Ujs1s&amp;list=PLk51HrKSBQ88wDXgPF-QLMfPFlLwcjTlo

[58] Elder.js: ориентированный на SEO фреймворк на Svelte. Поддерживает SSR и статическую генерацию: https://github.com/elderjs/elderjs

[59] Разработка на Svelte — все, что вам нужно знать, прежде чем начать : https://dev.to/dailydotdev/building-with-svelte-all-you-need-to-know-before-you-start-2knj

[60] omg-curry — принимает аргументы один за другим, в отличие от функций, которые принимают все аргументы сразу.: https://github.com/Debdut/omg-curry

[61] Vest — это библиотека валидации и тестирования для JS-приложений, синтаксис которой основан на современных средах модульного тестирования JS, таких как Mocha или Jest.: https://github.com/ealush/vest

[62] GreenSock 3 Web Animation: познакомьтесь с новыми функциями GSAP: https://www.sitepoint.com/greensock-3-animation-features/

[63] Mozilla и Google продлили до 2023 года соглашение о стандартном поисковике в Firefox: https://3dnews.ru/1018344

[64] Разработчики Chrome и Edge обновят внешний вид HTML-форм: https://my-chrome.ru/2020/04/razrabotchiki-chrome-i-edge-obnovjat-vneshnij-vid-html-form/

[65] «Vivaldi — это бренд». Разработчик браузера объяснил отказ от открытого кода: https://my-chrome.ru/2020/08/vivaldi-jeto-brend-razrabotchik-brauzera-objasnil-otkaz-ot-otkrytogo-koda/

[66] В свое 25-летие наследие Internet Explorer как никогда актуально : https://www.engadget.com/internet-explorer-25-133058478.html

[67] Период полураспада программиста, или Боремся с профессиональным выгоранием: https://dou.ua/lenta/columns/programmer-burnout/

[68] Компания Microsoft ввела в строй сайт opensource.microsoft.com: https://www.opennet.ru/opennews/art.shtml?num=53548

[69] Компания Mozilla объявила об увольнении 250 сотрудников: https://www.opennet.ru/opennews/art.shtml?num=53533

[70] Итоги первой пятилетки Windows 10: утешительные и не очень: https://3dnews.ru/1017691

[71] Мессенджеру Telegram исполнилось 7 лет, к этой дате разработчики выпустили новую версию Telegram 7.0 с видеозвонками: https://itc.ua/news/messendzheru-telegram-ispolnilos-7-let-k-etoj-date-razrabotchiki-vypustili-novuyu-versiyu-telegram-7-0-s-videozvonkami/

[72] Тред: ручки на устройствах от Apple и их важность для восприятия : https://vc.ru/design/150570-tred-ruchki-na-ustroystvah-ot-apple-i-ih-vazhnost-dlya-vospriyatiya

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

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

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

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

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