- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа [1] | Веб-разработка [2] | CSS [3] | JavaScript [4]
• Подкаст «Фронтенд Юность (18+)» #148: Vue, React, Svelte, Typescript, PWA [5]
• Подкаст CSSSR: Vue 3 RC, релизы NodeJS, Svelte + TS, TSDX, V8 8.5, JS будущего, результаты опроса от JetBrains [6]
• Подкаст «Сделайте мне красиво», Выпуск №39: Привет, Svelte! Пока, moment.js! [7]
• Хватить это верстать дважды или 2-х сторонняя связь между дизайном и кодом [8]
• Локальное хранилище или куки? Безопасное хранение JWT на клиенте [9]
• О роли фронтенд-разработчика [10]
• Предстоящие изменения в WordPress 5.5, про которые должны знать разработчики тем [11]
• Подготовка к mobile-first-индексации — с учетом дополнительного времени [12]
• Ренессанс No-Code для веб-разработчиков [13]
• this vs that: объяснение разницы между похожими понятиями в веб-разработке [14]
• Визуализация работы CORS [15]
• Нововведения CSS – Июль 2020 (Gap, Aspect ratio, Masonry, Subgrid) [24]
• CSS и множественный фон [25]
• Визуальное сравнение 13 CSS-фреймворков [26]
• Генератор цветовых тем [27]
• Получение максимальной выгоды от вариативных шрифтов в Google Fonts [28]
• Анализ CSS с помощью CSS OM: Получение поддерживаемых свойств, сокращений и других деталей [29]
• PostCSS плагин для исправления бага с 100vh в iOS [30]
• Что означает 100% в CSS? [31]
• Несколько CSS комиксов [32]
• Использование CSS для обнаружения и переключения тем сайта в соответствии с системными настройками [33]
• Хотите стать лучше в написании кода? Научите кого-нибудь CSS. [34]
• Жирный текст при наведении… без сдвигов контента [35]
• Почему CSS Grid Layout не заменит сетку фреймворка [36]
• Пишем свой dependency free WebSocket сервер на Node.js [37]
• style9: компилятор CSS-in-JS, основанный на идеях stylex от Facebook [38]
• Внедрение современного JavaScript в библиотеки [39]
• Хватит дублировать константы в JS и CSS [40]
• Разработка и развертывание микро-фронтендов с Single-Spa [41]
• Chrome (чуть не) снёс расширение, над которым мы работали три года, и не хочет говорить за что [69]
• Релиз Firefox 79 [70], подробности для веб-разработчиков от Марата Таналина [71]
• Защищённые браузеры: выбираем лучший [72]
• Новый браузер Microsoft Edge аварийно завершал работу, если поисковиком по умолчанию в нём был установлен Google [73]
• Android-версия Chrome позволит подтверждать платежи с помощью биометрической аутентификации [74]
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю [75].
Материал подготовили dersmoll [76] и alekskorovin [77].
Автор: alexzfort
Источник [78]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/355571
Ссылки в тексте:
[1] Медиа: #media
[2] Веб-разработка: #development
[3] CSS: #css
[4] JavaScript: #js
[5] Подкаст «Фронтенд Юность (18+)» #148: Vue, React, Svelte, Typescript, PWA: https://soundcloud.com/frontend_u/e148
[6] Подкаст CSSSR: Vue 3 RC, релизы NodeJS, Svelte + TS, TSDX, V8 8.5, JS будущего, результаты опроса от JetBrains: https://soundcloud.com/csssr/vue-3-rc-relizy-nodejs-svelte-ts-tsdx-v8-85-js-budushchego-rezultaty-oprosa-ot-jetbrains
[7] Подкаст «Сделайте мне красиво», Выпуск №39: Привет, Svelte! Пока, moment.js!: https://soundcloud.com/begebot/ep39
[8] Хватить это верстать дважды или 2-х сторонняя связь между дизайном и кодом: https://habr.com/ru/post/513134/
[9] Локальное хранилище или куки? Безопасное хранение JWT на клиенте: https://habr.com/ru/company/ruvds/blog/512866/
[10] О роли фронтенд-разработчика: https://habr.com/ru/company/quarkly/blog/513168/
[11] Предстоящие изменения в WordPress 5.5, про которые должны знать разработчики тем: https://oddstyle.ru/wordpress-2/novosti-wordpress/predstoyashhie-izmeneniya-v-wordpress-5-5-pro-kotorye-dolzhny-znat-razrabotchiki-tem.html
[12] Подготовка к mobile-first-индексации — с учетом дополнительного времени: https://vc.ru/seo/146525-podgotovka-k-mobile-first-indeksacii-s-uchetom-dopolnitelnogo-vremeni
[13] Ренессанс No-Code для веб-разработчиков : https://www.smashingmagazine.com/2020/07/renaissance-no-code-web-designers/
[14] this vs that: объяснение разницы между похожими понятиями в веб-разработке : https://thisthat.dev/
[15] Визуализация работы CORS: https://dev.to/lydiahallie/cs-visualized-cors-5b8h
[16] Создание PWA было нашей лучшей идеей : https://medium.com/javascript-in-plain-english/building-a-pwa-was-our-best-idea-ever-b7b233726b41
[17] Создание PWA в Google, часть 1 : https://web.dev/building-a-pwa-at-google-part-1/
[18] Мы сдаемся, прогрессивные веб-приложения могут отследить вас, говорит W3C: через 5 лет вопрос с приватностью разрешился : https://www.theregister.com/2020/07/31/w3c_progressive_web_app_privacy/
[19] Lock-файлы npm: https://habr.com/ru/company/domclick/blog/513130/
[20] Взгляд на новые возможности Chrome DevTools в 2020 году : https://css-tricks.com/whats-new-in-devtools-2020/
[21] Webpack: плавное введение: https://ui.dev/webpack/
[22] Бесконечный скролл без сдвига макета : https://addyosmani.com/blog/infinite-scroll-without-layout-shifts/
[23] Изучение проблемы с повторяющимися HTML-запросами при загрузке страницы : https://dev.to/paulcalvano/investigating-duplicate-html-requests-on-a-page-load-2eog
[24] Нововведения CSS – Июль 2020 (Gap, Aspect ratio, Masonry, Subgrid): https://habr.com/ru/post/513198/
[25] CSS и множественный фон: https://habr.com/ru/company/ruvds/blog/512864/
[26] Визуальное сравнение 13 CSS-фреймворков: https://habr.com/ru/post/512586/
[27] Генератор цветовых тем: http://css.yoksel.ru/color-themes-generator/
[28] Получение максимальной выгоды от вариативных шрифтов в Google Fonts : https://css-tricks.com/getting-the-most-out-of-variable-fonts-on-google-fonts/
[29] Анализ CSS с помощью CSS OM: Получение поддерживаемых свойств, сокращений и других деталей: https://lea.verou.me/2020/07/introspecting-css-via-the-css-om-getting-supported-properties-shorthands-longhands/
[30] PostCSS плагин для исправления бага с 100vh в iOS: https://github.com/postcss/postcss-100vh-fix
[31] Что означает 100% в CSS? : https://wattenberger.com/blog/css-percents
[32] Несколько CSS комиксов : https://jvns.ca/blog/2020/07/25/some-comics-about-css/
[33] Использование CSS для обнаружения и переключения тем сайта в соответствии с системными настройками: https://seifi.org/css/prefers-color-scheme.html
[34] Хотите стать лучше в написании кода? Научите кого-нибудь CSS. : https://css-tricks.com/want-to-get-better-at-code-teach-someone-css/
[35] Жирный текст при наведении… без сдвигов контента: https://css-tricks.com/bold-on-hover-without-the-layout-shift/
[36] Почему CSS Grid Layout не заменит сетку фреймворка : https://codyhouse.co/blog/post/css-grid-layout-vs-framework-grid
[37] Пишем свой dependency free WebSocket сервер на Node.js: https://habr.com/ru/post/513224/
[38] style9: компилятор CSS-in-JS, основанный на идеях stylex от Facebook : https://css-tricks.com/style9-build-time-css-in-js/
[39] Внедрение современного JavaScript в библиотеки : https://dev.to/garylchew/bringing-modern-javascript-to-libraries-432c
[40] Хватит дублировать константы в JS и CSS : https://medium.com/@smvilar/stop-duplicating-constants-between-js-and-css-40efd253a945
[41] Разработка и развертывание микро-фронтендов с Single-Spa : https://medium.com/swlh/developing-and-deploying-micro-frontends-with-single-spa-c8b49f2a1b1d
[42] Простое объяснение делегирования событий: https://habr.com/ru/post/512782/
[43] Выбор зависимостей JavaScript : https://dailycoding.io/article/PieJ9ZXohbxEnyy2quaF
[44] Что такое композиция? Объяснение от Дена Абрамова: https://whatthefuck.is/composition
[45] Часть 1 : https://www.blog.duomly.com/10-most-popular-javascript-interview-questions-and-answers-for-beginners/
[46] Часть 2: https://www.blog.duomly.com/6-most-popular-front-end-interview-questions-and-answers-for-beginners-part-2/
[47] React: 50 оттенков состояния : https://krasimirtsonev.com/blog/article/react-50-shades-of-state
[48] Современное тестирование React, часть 4: Cypress и Cypress Testing Library : https://blog.sapegin.me/all/react-testing-4-cypress/
[49] Как и почему вы должны использовать React Query : https://blog.bitsrc.io/how-to-start-using-react-query-4869e3d5680d
[50] React Guitar — Красивый и гибкий гитарный компонент для React.: https://react-guitar.com/
[51] reactivue — Используйте API Vue Composition в компонентах React : https://github.com/antfu/reactivue
[52] Vue.js для начинающих, урок 7: вычисляемые свойства: https://habr.com/ru/company/ruvds/blog/512660/
[53] Vue.js для начинающих, урок 8: компоненты: https://habr.com/ru/company/ruvds/blog/512658/
[54] Vue 3 теперь в RC!: https://webdevblog.ru/vue-3-teper-v-rc/
[55] Я создал одинаковое приложение на React и Vue. Вот различия. [Версия 2020 года] : https://sunilsandhu.com/posts/i-created-the-exact-same-app-in-react-and-vue-2020-edition
[56] Как писать хорошие библиотеки под Angular: https://habr.com/ru/company/tinkoff/blog/512608/
[57] Angular Language Service для Visual Studio : https://www.nowayshecodes.com/blog-tech/angular-language-service-for-visual-studio
[58] Blogit — блог на AngularJS + Github в роли хостинга : https://github.com/xepozz/blogit/
[59] 10 лучших советов по Angular, отобранных сообществом : https://indepth.dev/best-angular-tips/
[60] 15 примеров удивительной статистики об Angular : https://dev.to/2muchcoffeecom/15-surprising-stats-about-angular-3fh7
[61] 11 причин, по которым вам следует использовать NGXS в качестве управления состоянием в ваших Angular приложениях : https://dev.to/kuncevic/11-reasons-why-you-should-use-ngxs-as-state-management-in-your-angular-apps-l82
[62] Релиз Ember 3.20 : https://blog.emberjs.com/2020/07/29/ember-3-20-released.html
[63] The Ember Times — Issue No. 158: https://dev.to/embertimes/the-ember-times-issue-no-158-1kg
[64] ember-csz: решение CSS-in-JS для стилизации в Ember: https://dev.to/rajasegar/ember-csz-a-css-in-js-solution-for-styling-in-ember-2mpp
[65] Ember Octane: краткий обзор реактивности : https://dockyard.com/blog/2020/07/31/ember-octane-a-brief-reactivity-overview
[66] tinykeys — Небольшая (~ 400 B) и современная библиотека для регистрации клавиатурных нажатий : https://jamiebuilds.github.io/tinykeys/
[67] moment-guess — Пакет утилит для угадывания формата даты : https://github.com/apoorv-mishra/moment-guess
[68] svelthree — компонент Svelte для использования three.js : https://svelthree.dev/
[69] Chrome (чуть не) снёс расширение, над которым мы работали три года, и не хочет говорить за что: https://habr.com/ru/company/digital-ecosystems/blog/513260/
[70] Релиз Firefox 79: https://www.opennet.ru/opennews/art.shtml?num=53445
[71] подробности для веб-разработчиков от Марата Таналина: https://tanalin.com/blog/2020/07/firefox-79/
[72] Защищённые браузеры: выбираем лучший: https://3dnews.ru/1016608/zashchishchyonnie-brauzeri
[73] Новый браузер Microsoft Edge аварийно завершал работу, если поисковиком по умолчанию в нём был установлен Google: https://itc.ua/news/novyj-brauzer-microsoft-edge-avarijno-zavershal-rabotu-esli-poiskovikom-po-umolchaniyu-v-nyom-byl-ustanovlen-google/
[74] Android-версия Chrome позволит подтверждать платежи с помощью биометрической аутентификации: https://3dnews.ru/1017146
[75] Дайджест за прошлую неделю: https://habr.com/ru/post/512558/
[76] dersmoll: http://habrahabr.ru/users/dersmoll/
[77] alekskorovin: http://habrahabr.ru/users/alekskorovin/
[78] Источник: https://habr.com/ru/post/513526/?utm_source=habrahabr&utm_medium=rss&utm_campaign=513526
Нажмите здесь для печати.