- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа [1] | Веб-разработка [2] | CSS [3] | JavaScript [4] | Браузеры [5]
• UnderJS Podcast №18 — Yarn2 и баг длиною… [6]
• Девшахта/Ночной фронтенд: Мониторинг node.js на примере интересного кейса [7]
• Подкаст «Фронтенд Юность (18+)» №130: Первый изолированный [8]
• Подкаст «Веб-стандарты» №222. GitHub и npm, iPad с курсором, URL, липкие таблицы, User-Agent, вёрстка писем, закрывайте теги! [9]
• Repozitorro #39 — Дизайн и Front-end [10]
• The CSS Podcast 003: Specificity [11]
• Чистая архитектура для фронтендера [12]
• Методы борьбы с legacy-кодом на примере GitLab [13]
• Архитектура фронтенда: Ядро [14]
• Автоматически увеличивающиеся инпуты и текстовые поля [15]
• Современные форматы изображений: использование Webp в HTML и React [16]
• Устранение уязвимостей в зависимостях npm менее чем за 3 минуты [17]
• Как использовать Web Storage API [18]
• Favicons: Emojis в качестве фавиконки [19], Лайфхак от Криса Койера: использование другой фавиконки для разработки [20]
• Front-end RSS Feeds (2020 Edition) [21]
• Bootstrap 5 отказывается от поддержки IE 10 и 11: c чем мы останемся? [22]
• CSS: полное руководство по функции calc() [27]
• Комбинации в CSS: custom properties и ::selection [28]
• Объяснение специфики CSS пятилетке [29]
• Как повторить текст в качестве Background Image в CSS с помощью element() [30]
• Индикация позиции прокрутки на странице с помощью CSS [31]
• Как анимировать текст с помощью SVG и CSS [32]
• Стилизация скроллбаров с помощью CSS: современный способ оформления полос прокрутки [33]
• Вывод типов в TypeScript с использованием конструкции as const и ключевого слова infer [34]
• Новые возможности TypeScript, повышающие удобство разработки [35]
• Шпаргалки по безопасности: Nodejs [36]
• Проект CoreJS столкнулся с проблемами сопровождения из-за лишения свободы автора [37]
• 14 лучших JavaScript-конференций для участия в 2020 году [38]
• Как начать юнит тестирование JavaScript кода [39]
• Как использовать новейшие функции JavaScript в любом браузере [40]
• VueJS против ReactJS: кто будет править в 2020 году? [41]
• Как управлять HTML DOM только с помощью ванильного JavaScript? [42]
• Firefox внедряет режим «только HTTPS» [65]
• В Chrome 83 появится настройка для показа полного URL в адресной строке [66]
• Google пропустит выпуск Chrome 82 [67]
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю [68].
Материал подготовили dersmoll [69] и alekskorovin [70].
Автор: alexzfort
Источник [71]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/351138
Ссылки в тексте:
[1] Медиа: #media
[2] Веб-разработка: #development
[3] CSS: #css
[4] JavaScript: #js
[5] Браузеры: #browser
[6] UnderJS Podcast №18 — Yarn2 и баг длиною… : https://underjs.ru/podcast/2020/03/25/yarn2.html
[7] Девшахта/Ночной фронтенд: Мониторинг node.js на примере интересного кейса: https://soundcloud.com/devschacht/devschacht-114
[8] Подкаст «Фронтенд Юность (18+)» №130: Первый изолированный: https://soundcloud.com/frontend_u/e130
[9] Подкаст «Веб-стандарты» №222. GitHub и npm, iPad с курсором, URL, липкие таблицы, User-Agent, вёрстка писем, закрывайте теги!: https://soundcloud.com/web-standards/episode-222
[10] Repozitorro #39 — Дизайн и Front-end: https://www.youtube.com/watch?v=eZRPs5LNTIQ
[11] The CSS Podcast 003: Specificity: https://thecsspodcast.libsyn.com/003-specificity
[12] Чистая архитектура для фронтендера: https://habr.com/ru/post/494638/
[13] Методы борьбы с legacy-кодом на примере GitLab: https://habr.com/ru/company/oleg-bunin/blog/493000/
[14] Архитектура фронтенда: Ядро: https://medium.com/front-end-in-regions-grodno/%D0%B0%D1%80%D1%85%D0%B8%D1%82%D0%B5%D0%BA%D1%82%D1%83%D1%80%D0%B0-%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4%D0%B0-%D1%8F%D0%B4%D1%80%D0%BE-5e8752ca02b1
[15] Автоматически увеличивающиеся инпуты и текстовые поля : https://css-tricks.com/auto-growing-inputs-textareas/
[16] Современные форматы изображений: использование Webp в HTML и React : https://joshwcomeau.com/performance/embracing-modern-image-formats/
[17] Устранение уязвимостей в зависимостях npm менее чем за 3 минуты : https://itnext.io/fixing-security-vulnerabilities-in-npm-dependencies-in-less-than-3-mins-a53af735261d
[18] Как использовать Web Storage API: https://blog.bitsrc.io/localstorage-sessionstorage-the-web-storage-of-the-web-6b7ca51c8b2a
[19] Emojis в качестве фавиконки: https://css-tricks.com/emojis-as-favicons/
[20] Лайфхак от Криса Койера: использование другой фавиконки для разработки: https://css-tricks.com/different-favicon-for-development/
[21] Front-end RSS Feeds (2020 Edition): https://www.impressivewebs.com/frontend-rss-feeds-2020/
[22] Bootstrap 5 отказывается от поддержки IE 10 и 11: c чем мы останемся? : https://dev.to/themesberg/bootstrap-5-dropping-ie-10-11-browser-support-where-does-that-leave-us-1b4a
[23] ADA Compliance обязательно для цифровых агентств, вот как это делается: https://www.sitepoint.com/the-ultimate-ada-compliance-guide/
[24] Почему 2020 год — год, когда нужно серьезно относиться к доступности: Верховный суд больше не шутит, и вам не следует : https://www.telerik.com/blogs/why-2020-is-the-year-to-get-serious-about-accessibility
[25] Эффекты анимации частиц при выделении текста : https://tj.ie/text-selection-particle-effects/
[26] Анимированные эффекты для курсора : https://tympanus.net/codrops/2020/03/24/animated-custom-cursor-effects/
[27] CSS: полное руководство по функции calc(): https://habr.com/ru/company/ruvds/blog/493660/
[28] Комбинации в CSS: custom properties и ::selection: https://medium.com/front-end-in-regions-grodno/%D0%BA%D0%BE%D0%BC%D0%B1%D0%B8%D0%BD%D0%B0%D1%86%D0%B8%D0%B8-%D0%B2-css-custom-properties-%D0%B8-selection-8300376b3400
[29] Объяснение специфики CSS пятилетке : https://codepen.io/AmeliaBR/post/explaining-css-specificity-to-a-5-year-old
[30] Как повторить текст в качестве Background Image в CSS с помощью element(): https://css-tricks.com/how-to-repeat-text-as-a-background-image-in-css-using-element/
[31] Индикация позиции прокрутки на странице с помощью CSS : https://css-tricks.com/indicating-scroll-position-on-a-page-with-css/
[32] Как анимировать текст с помощью SVG и CSS : https://css-tricks.com/how-to-animate-text-with-svg-and-css/
[33] Стилизация скроллбаров с помощью CSS: современный способ оформления полос прокрутки : https://alligator.io/css/css-scrollbars/
[34] Вывод типов в TypeScript с использованием конструкции as const и ключевого слова infer: https://habr.com/ru/company/ruvds/blog/493716/
[35] Новые возможности TypeScript, повышающие удобство разработки: https://habr.com/ru/company/ruvds/blog/493712/
[36] Шпаргалки по безопасности: Nodejs: https://habr.com/ru/company/acribia/blog/493714/
[37] Проект CoreJS столкнулся с проблемами сопровождения из-за лишения свободы автора: https://www.opennet.ru/opennews/art.shtml?num=52606
[38] 14 лучших JavaScript-конференций для участия в 2020 году : https://blog.jscrambler.com/14-javascript-conferences-in-2020-every-developer-should-attend/
[39] Как начать юнит тестирование JavaScript кода : https://www.freecodecamp.org/news/how-to-start-unit-testing-javascript/
[40] Как использовать новейшие функции JavaScript в любом браузере : https://medium.com/javascript-in-plain-english/use-the-latest-javascript-features-in-any-browser-f047f5c426a8
[41] VueJS против ReactJS: кто будет править в 2020 году? : https://towardsdatascience.com/vuejs-vs-reactjs-which-will-reign-in-2020-c5591213784c
[42] Как управлять HTML DOM только с помощью ванильного JavaScript? : https://htmldom.dev/
[43] Знание и состояние: https://habr.com/ru/post/494354/
[44] Упрости свой JavaScript – используй map, reduce и filter : https://dailycoding.io/article/WUKl4cSlPxvkEpw7Wq5Z
[45] Введение в MDXJS: https://css-tricks.com/an-introduction-to-mdxjs/
[46] Как уменьшить количество и увеличить читаемость кода в react-redux, redux-saga: https://habr.com/ru/post/494114/
[47] Использование FuseBox в качестве альтернативы бандлингу вебпаком в React : https://css-tricks.com/using-fusebox-as-a-bundling-alternative-to-webpack-for-react/
[48] Server-Side Rendering в React — Redux: https://medium.com/javascript-in-plain-english/server-side-rendering-in-react-redux-8d6209fbfed
[49] Миграция в земли React: Gatsby: https://blog.cloudflare.com/migrating-to-react-land-gatsby/
[50] Airbnb передает право собственности на Enzyme, его библиотеку для тестирования для React: https://www.infoq.com/news/2020/03/airbnb-drops-ownership-enzyme/
[51] Создание приложения для чата в реальном времени с React и Firebase : https://css-tricks.com/building-a-real-time-chat-app-with-react-and-firebase/
[52] Реализация i18n в Vue.js с использованием vue-i18n : https://alligator.io/vuejs/vue-with-i18n/
[53] Что происходит под капотом, когда вы объявляете ref() в Vue 3? : https://dev.to/bornfightcompany/what-happens-under-the-hood-when-you-declare-ref-in-vue-3-5hda
[54] Создайте свой собственный Vue.js с нуля — Часть 3 (Сборка VDOM) : https://dev.to/_marcba/create-your-own-vue-js-from-scratch-part-2-building-the-vdom-3bp2
[55] Руководство по стилизации компонентов Angular: https://medium.com/javascript-in-plain-english/styling-angular-components-ca4237bcff5f
[56] Преобразование кодовой базы: создание проекта MEAN.js AngularJS с помощью Create-React-App : https://blog.isquaredsoftware.com/2020/03/codebase-conversion-building-mean-with-cra/
[57] Доступна версия 9.1 Angular — TypeScript 3.8, более быстрые сборки и многое другое : https://blog.angular.io/version-9-1-of-angular-now-available-typescript-3-8-faster-builds-and-more-eb292f989428
[58] The Ember Times — Issue No. 141: https://dev.to/embertimes/the-ember-times-issue-no-141-5hap
[59] Почему вы должны начать использовать Svelte Js для веб-проектов, если вы все еще этого не делаете : https://dev.to/vaniukov/why-you-need-to-start-using-svelte-js-for-web-development-projects-if-you-still-don-t-40dh
[60] Курируемый список с ресурсами по Svelte JS: https://dev.to/sm0ke/svelte-js-open-source-starters-e1m
[61] Обзор видеоплееров для веба: https://habr.com/ru/post/493674/
[62] 9 лучших игровых движков и JS библиотек в 2020 году : https://blog.bitsrc.io/9-top-js-gaming-engines-and-libraries-for-2020-81707d9f095
[63] Rsup Progress — Крошечный индикатор прогресса, который поддерживает промисы : https://skt-t1-byungi.github.io/rsup-progress/
[64] jsSHA — JavaScript реализация полного семейства Secure Hash Standard: https://github.com/Caligatio/jsSHA
[65] Firefox внедряет режим «только HTTPS»: https://habr.com/ru/company/globalsign/blog/494024/
[66] В Chrome 83 появится настройка для показа полного URL в адресной строке: https://www.opennet.ru/opennews/art.shtml?num=52612
[67] Google пропустит выпуск Chrome 82: https://www.opennet.ru/opennews/art.shtml?num=52593
[68] Дайджест за прошлую неделю: https://habr.com/ru/post/493578/
[69] dersmoll: http://habrahabr.ru/users/dersmoll/
[70] alekskorovin: http://habrahabr.ru/users/alekskorovin/
[71] Источник: https://habr.com/ru/post/494702/?utm_source=habrahabr&utm_medium=rss&utm_campaign=494702
Нажмите здесь для печати.