- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа [1] | Веб-разработка [2] | CSS [3] | JavaScript [4] | Браузеры [5]
• Подкаст «Сделайте мне красиво», выпуск №41: «Бездарные программисты и токсичность» [6]
• Подкаст Фронтенд Юность (18+) #151: React 17 по Dialup-у [7]
• Подкаст CSSSR: React 17 RC, архитектура NodeJS-приложений, OOCSS, PHP 8, npm 7 Beta, дебаг утечек памяти в WASM [8]
• Подкаст «Веб-стандарты» №243: PhoneGap всё, проблема фокуса, цвета и темы, зачем в CSS км, кризис Mozilla и бесплатный веб [9]
• Туториал. График на Canvas [10]
• Атака на пользователей почтовых клиентов при помощи ссылок «mailto:» [11]
• Используйте продвинутую типографику при работе с локальными шрифтами при помощи Local Font Access API [12]
• Особенности веб-разработки при работе с устройствами с двойным экраном часть 1 [13], часть 2 [14]
• Проект Phone Gap закрыт в 2020? [15]
• Исследование CSS-свойства flex [29]
• Grid для макетов, Flexbox для компонентов [30]
• Leading-Trim: будущее цифровой типографики и роль Miscrosoft в работе над соответствующими спецификациями [31]
• Создание 3D-иллюстраций с помощью CSS [32]
• Как определить поддержку Flexbox Gap браузером [33]
• Стилизация Select с использованием чистого CSS [34]
• Разбор худшего в мире куска кода [35]
• Как бесплатно перенести свои любимые треки в Spotify, используя Javascript [36]
• Насколько JavaScript сильный? [37]
• Введение в Set в JavaScript — все, что нужно знать о наборах [38]
• Релизы: Анонс TypeScript 4.0 [39], Storybook 6.0 [40], Cypress v5.0.0 [41]
• Что нового в TypeScript 4 [42]
• История Javascript и почему вы должны ее знать [43]
• Насколько хорошо вы знаете свои основы JavaScript? [44]
• Microsoft прекратит поддержку Internet Explorer 11 и старой версии Edge в 2021 году [64]
• Для Chrome развивается API для прямых TCP и UDP коммуникаций [65]
• В Chrome 86 появится защита от небезопасной отправки web-форм [66]
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю [67].
Материал подготовили dersmoll [68] и alekskorovin [69].
Автор: alexzfort
Источник [70]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/356268
Ссылки в тексте:
[1] Медиа: #media
[2] Веб-разработка: #development
[3] CSS: #css
[4] JavaScript: #js
[5] Браузеры: #browser
[6] Подкаст «Сделайте мне красиво», выпуск №41: «Бездарные программисты и токсичность»: https://soundcloud.com/begebot/ep41
[7] Подкаст Фронтенд Юность (18+) #151: React 17 по Dialup-у: https://soundcloud.com/frontend_u/e151
[8] Подкаст CSSSR: React 17 RC, архитектура NodeJS-приложений, OOCSS, PHP 8, npm 7 Beta, дебаг утечек памяти в WASM: https://soundcloud.com/csssr/react-17-rc-arkhitektura-nodejs-prilozheniy-oocss-php-8-npm-7-beta-debag-utechek-pamyati-v-wasm
[9] Подкаст «Веб-стандарты» №243: PhoneGap всё, проблема фокуса, цвета и темы, зачем в CSS км, кризис Mozilla и бесплатный веб: https://soundcloud.com/web-standards/episode-243
[10] Туториал. График на Canvas: https://htmlacademy.ru/blog/boost/frontend/canvas-chart
[11] Атака на пользователей почтовых клиентов при помощи ссылок «mailto:»: https://www.opennet.ru/opennews/art.shtml?num=53570
[12] Используйте продвинутую типографику при работе с локальными шрифтами при помощи Local Font Access API : https://web.dev/local-fonts/
[13] часть 1: https://daverupert.com/2020/07/gettin-foldy-with-the-dual-screen-web-part-i/
[14] часть 2: https://daverupert.com/2020/07/gettin-foldy-with-the-dual-screen-web-part-ii/
[15] Проект Phone Gap закрыт в 2020?: https://firt.dev/phonegap-end/
[16] Как npm обеспечивает безопасность: https://habr.com/ru/company/domclick/blog/515848/
[17] Фигма против Фотошопа. Что выбрать начинающему верстальщику: https://htmlacademy.ru/blog/boost/tools/figma-vs-photoshop
[18] Грядет новый npm: https://webdevblog.ru/gryadet-novyj-npm/
[19] Omatsuri — набор из 10 фронтенд инструментов, реализованный в качестве PWA с оффлайн-режимом : https://omatsuri.app/
[20] Google готовит к запуску обновлённую версию Chrome DevTools: https://searchengines.guru/ru/news/2048484
[21] Что нового в DevTools (Chrome 86) : https://developers.google.com/web/updates/2020/08/devtools
[22] Измеряем изменения в скорости загрузки сайта в различных сетевых (и не только) условиях. Теперь удобнее: https://habr.com/ru/post/514406/
[23] Chrome на Android вскоре начнет маркировать быстрые сайты специальной отметкой — ее наличие будет влиять на ранжирование в поиске Google: https://itc.ua/news/chrome-na-android-vskore-nachnet-markirovat-bystrye-sajty-speczialnoj-otmetkoj-v-budushhem-eto-budet-vliyat-na-ranzhirovanie-v-poiske-google/
[24] Как быстро должен загружаться ваш сайт? : https://medium.com/firebase-developers/how-fast-should-your-site-load-cfb14be48e8b
[25] Оптимизация веб-сайтов с помощью новых медиаформатов : https://blog.bitsrc.io/website-optimization-with-media-formats-such-as-webp-and-webm-1df43bd252d
[26] Понимание мониторинга веб-производительности : https://blog.bitsrc.io/understanding-web-performance-monitoring-2ed52f97a974
[27] Удивительные методы анимации с GSAP : https://frontend.horse/articles/amazing-animation-techniques-with-gsap/
[28] Эффект трансформации миниатюры в полноразмерное изображение : https://tympanus.net/codrops/2020/08/19/thumbnail-to-full-width-image-animation/
[29] Исследование CSS-свойства flex: https://habr.com/ru/company/ruvds/blog/515298/
[30] Grid для макетов, Flexbox для компонентов: https://webdevblog.ru/grid-dlya-maketov-flexbox-dlya-komponentov/
[31] Leading-Trim: будущее цифровой типографики и роль Miscrosoft в работе над соответствующими спецификациями : https://medium.com/microsoft-design/leading-trim-the-future-of-digital-typesetting-d082d84b202
[32] Создание 3D-иллюстраций с помощью CSS : https://frontend.horse/articles/creating-3d-illustrations-with-css/
[33] Как определить поддержку Flexbox Gap браузером : https://ishadeed.com/article/flexbox-gap/
[34] Стилизация Select с использованием чистого CSS : https://dev.to/5t3ph/custom-select-styles-with-pure-css-4f58?ref=heydesigner
[35] Разбор худшего в мире куска кода: https://habr.com/ru/company/ruvds/blog/515676/
[36] Как бесплатно перенести свои любимые треки в Spotify, используя Javascript: https://habr.com/ru/company/dentsuaegisnetworkrussia/blog/515640/
[37] Насколько JavaScript сильный?: https://medium.com/devschacht/javascript-coercions-9a36505c1370
[38] Введение в Set в JavaScript — все, что нужно знать о наборах: https://webdevblog.ru/vvedenie-v-set-v-javascript-vse-chto-nuzhno-znat-o-naborah/
[39] Анонс TypeScript 4.0 : https://devblogs.microsoft.com/typescript/announcing-typescript-4-0/
[40] Storybook 6.0: https://medium.com/storybookjs/storybook-6-0-1e14a2071000
[41] Cypress v5.0.0: https://github.com/cypress-io/cypress
[42] Что нового в TypeScript 4 : https://medium.com/better-programming/whats-new-in-typescript-4-fe8d50f08e31
[43] История Javascript и почему вы должны ее знать : https://dev.to/manikbajaj/the-history-of-javascript-and-why-you-should-know-it-3aik
[44] Насколько хорошо вы знаете свои основы JavaScript? : https://medium.com/better-programming/quiz-how-well-do-you-know-your-js-fundamentals-df813504ff53
[45] Организация разработки крупномасштабных React-приложений: https://habr.com/ru/company/ruvds/blog/515682/
[46] ТОП 25 инструментов React разработчика: https://www.youtube.com/watch?v=_T57mBi_VQs
[47] Начало работы с Adobe’s React Spectrum: https://blog.bitsrc.io/getting-started-with-adobes-react-spectrum-15322be00c12
[48] Что React 17 означает для разработчиков : https://www.telerik.com/blogs/what-react-17-means-for-developers
[49] Создание модальных окон в React с конечными автоматами : https://daveceddia.com/react-confirmation-modal-state-machine/
[50] Понимание React's useRef Hook : https://ui.dev/useref/
[51] Освоение Props и PropTypes в React : https://www.smashingmagazine.com/2020/08/mastering-props-proptypes-react/
[52] 4 рекомендации для крупномасштабных проектов на Vue.js : https://blog.bitsrc.io/4-best-practices-for-large-scale-vue-js-projects-9a533450bdb2
[53] VueJS + Wicket = Vuecket: https://medium.com/orienteer/vuejs-wicket-vuecket-ee7bd5534fee
[54] Приближается Vue 3 — чего ожидать и как подготовиться : https://levelup.gitconnected.com/vue-3-is-coming-what-to-expect-and-how-to-prepare-dbf35c67c52d
[55] Давайте сделаем ежемесячный календарь на базе Vue : https://css-tricks.com/lets-make-a-vue-powered-monthly-calendar/
[56] Генерируйте QR-коды с помощью Angular 10 : https://codeburst.io/generate-qr-codes-with-angular-10-dc698df0713d
[57] Обзор Angular для веб-разработчиков : https://dev.to/nalaka/a-tour-of-angular-for-web-developers-4he1
[58] Новые возможности с рендерингом Angular и push pipe — Часть 1 : https://indepth.dev/angulars-push-pipe-part-1/
[59] 5 советов по развитию навыков работы с Angular : https://medium.com/its-tinkoff/5-tips-to-boost-your-angular-skills-ae665c10816f
[60] The Ember Times — Issue No. 161: https://dev.to/embertimes/the-ember-times-issue-no-161-37gg
[61] Миграция PromiseProxyMixin в Ember Octane : https://v5.chriskrycho.com/journal/migrating-off-of-promiseproxymixin-in-ember-octane/
[62] Каково текущее состояние более продвинутых функций Glimmer VM? : https://discuss.emberjs.com/t/what-is-the-current-state-of-more-advanced-glimmer-vm-features/18114/3
[63] Как создать простое приложение с Svelte : https://dev.to/phongduong/how-to-create-a-simple-application-with-svelte-gka
[64] Microsoft прекратит поддержку Internet Explorer 11 и старой версии Edge в 2021 году: https://itc.ua/news/microsoft-prekratit-podderzhku-internet-explorer-11-i-staroj-versii-edge-v-2021-godu/
[65] Для Chrome развивается API для прямых TCP и UDP коммуникаций: https://www.opennet.ru/opennews/art.shtml?num=53582
[66] В Chrome 86 появится защита от небезопасной отправки web-форм: https://www.opennet.ru/opennews/art.shtml?num=53561
[67] Дайджест за прошлую неделю: https://habr.com/ru/post/515378/
[68] dersmoll: http://habrahabr.ru/users/dersmoll/
[69] alekskorovin: http://habrahabr.ru/users/alekskorovin/
[70] Источник: https://habr.com/ru/post/516294/?utm_source=habrahabr&utm_medium=rss&utm_campaign=516294
Нажмите здесь для печати.