- PVSM.RU - https://www.pvsm.ru -
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа [1] | Веб-разработка [2] | CSS [3] | JavaScript [4] | Браузеры [5]
• MinskCSS Meetup #7 — 12 декабря 2019 [6]
• Подкаст CSSSR, Remote Talk #10 — Виталий Слободин, Ростов-на-Дону, JS после C#, PhantomJS, работа в GitLab [7]
• UnderJS Podcast #12 — Денис Радин про конференции и WebGL [Ламповый] [8]
• Подкаст «Фронтенд Юность (18+)» #119 Балансировка через плечо [9]
• Взлом с помощью Юникода (на примере GitHub) [10]
• 30 полезностей для Firefox Developer Tools [11]
• Как быстро провести тестирование и инспекцию своего веб-сайта? [12]
• Что такое TDD и BDD на пальцах, и что должен знать о них фронтендер [13]
• Новый экспериментальный облик CSS-live.ru [14]
• State of JavaScript 2019 [15]. Результаты ежегодного опроса веб-разработчиков
• Мой идеальный стек 2020 года: новый стек для нового поколения [16]
• Добавление динамической и асинхронной функциональности на сайты c JAMstack [17]
• Крис Койер: сегодняшняя веб-разработка проще или сложнее, чем была 10 лет назад? [18]
• Современный веб становится непригодной для использования, враждебной для пользователя пустошью [19]
• Лучшие практики использования сервис-воркеров в разработке [20]
• Front-end 2020 Roadmap и тренды | Что учить в 2020? [21]
• Топ 5 причин, почему мне нравятся пользовательские свойства CSS [28]
• CSS-модуль режимов письма (Writing Modes) 3 уровня официально стал стандартом W3C [29]
• RTL Styling 101 — подробное руководство по использованию RTL в CSS [30]
• Динамический цвет на основе данных с помощью JavaScript, HSL и CSS переменных [31]
• <select> your poison [32]
• Понимание позиционирования в CSS [33]
• 3 малоиспользуемые функции CSS для изучения в 2020 году [34]
• Кастомизация чекбокса по версии 2020 года [35]
• Библиотека минималистичных иконок, реализованных на CSS [36]
• Современное масштабирование типографики [37]
• Гибкие наклонные изображения с подписями [38]
• Выравнивание в Flexbox. Визуальная шпаргалка по margins [39]
• Релиз V8 v8.0 [40]
• Обзор Svelte 3 [41]
• Threading в вебе с помощью module workers [42]
• Scroll, Refraction и Shader Effects c помощью Three.js и React [43]
• Глубокое погружение в типы TypeScript — Часть 2. Absence of Value [44]
• Взгляд на все 13 ловушек JavaScript Proxy [45]
• Разработчики теперь могут опубликовать расширения для Edge на Chromium в Microsoft Edge Addons [68]
• Обновление Chrome 79 для Android привело к исчезновению данных приложений на базе WebView [69]
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю [70].
Материал подготовили dersmoll [71] и alekskorovin [72].
Автор: alexzfort
Источник [73]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/340913
Ссылки в тексте:
[1] Медиа: #media
[2] Веб-разработка: #development
[3] CSS: #css
[4] JavaScript: #js
[5] Браузеры: #browser
[6] MinskCSS Meetup #7 — 12 декабря 2019: https://www.youtube.com/playlist?list=PL3uk4LxG9ZzkpS9Pp6jc6V7AZWwLz22oZ
[7] Подкаст CSSSR, Remote Talk #10 — Виталий Слободин, Ростов-на-Дону, JS после C#, PhantomJS, работа в GitLab: https://soundcloud.com/csssr/remote-talk-10-vitaliy-slobodin-rostov-na-donu-js-posle-c-phantomjs-rabota-v-gitlab
[8] UnderJS Podcast #12 — Денис Радин про конференции и WebGL [Ламповый] : https://soundcloud.com/underjs/12-denis-radin-pro-konferentsii-i-webgl-lampovyy
[9] Подкаст «Фронтенд Юность (18+)» #119 Балансировка через плечо: https://soundcloud.com/frontend_u/e119
[10] Взлом с помощью Юникода (на примере GitHub): https://habr.com/ru/company/globalsign/blog/481318/
[11] 30 полезностей для Firefox Developer Tools: https://habr.com/ru/post/481036/
[12] Как быстро провести тестирование и инспекцию своего веб-сайта?: https://medium.com/front-end-in-regions-grodno/%D0%BA%D0%B0%D0%BA-%D0%B1%D1%8B%D1%81%D1%82%D1%80%D0%BE-%D0%BF%D1%80%D0%BE%D0%B2%D0%B5%D1%81%D1%82%D0%B8-%D1%82%D0%B5%D1%81%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D0%B8-%D0%B8%D0%BD%D1%81%D0%BF%D0%B5%D0%BA%D1%86%D0%B8%D1%8E-%D1%81%D0%B2%D0%BE%D0%B5%D0%B3%D0%BE-%D0%B2%D0%B5%D0%B1-%D1%81%D0%B0%D0%B9%D1%82%D0%B0-92c1b341e990
[13] Что такое TDD и BDD на пальцах, и что должен знать о них фронтендер: https://medium.com/@lucyhackwrench/%D1%87%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5-tdd-%D0%B8-bdd-%D0%BD%D0%B0-%D0%BF%D0%B0%D0%BB%D1%8C%D1%86%D0%B0%D1%85-%D0%B8-%D1%87%D1%82%D0%BE-%D0%B4%D0%BE%D0%BB%D0%B6%D0%B5%D0%BD-%D0%B7%D0%BD%D0%B0%D1%82%D1%8C-%D0%BE-%D0%BD%D0%B8%D1%85-%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4%D0%B5%D1%80-701a10e06bb9
[14] Новый экспериментальный облик CSS-live.ru: https://css-live.ru/css/novyj-eksperimentalnyj-oblik-css-live-ru.html
[15] State of JavaScript 2019: https://2019.stateofjs.com/
[16] Мой идеальный стек 2020 года: новый стек для нового поколения : https://medium.com/better-programming/2020-002-my-perfect-2020-stack-43be78df37dd
[17] Добавление динамической и асинхронной функциональности на сайты c JAMstack : https://www.smashingmagazine.com/2019/12/dynamic-async-functionality-jamsstack-websites/
[18] Крис Койер: сегодняшняя веб-разработка проще или сложнее, чем была 10 лет назад?: https://css-tricks.com/is-web-design-easier-or-harder-than-it-was-10-years-ago/
[19] Современный веб становится непригодной для использования, враждебной для пользователя пустошью: https://omarabid.com/the-modern-web
[20] Лучшие практики использования сервис-воркеров в разработке: https://love2dev.com/serviceworker/development-best-practices/
[21] Front-end 2020 Roadmap и тренды | Что учить в 2020?: https://www.youtube.com/watch?v=HJBpubsXONM
[22] Всё, что нужно знать о Progressive Web App (PWA): https://habr.com/ru/company/wrike/blog/481240/
[23] Как превратить ваш сайт в прогрессивное веб-приложение (с примерами кода) : https://www.c2experience.com/blog/how-to-turn-your-website-into-a-pwa-with-code-examples
[24] Как я создал свое второе Прогрессивное веб-приложение (PWA): https://www.silvestar.codes/articles/how-i-built-my-second-progressive-web-app-pwa/
[25] Быстрая загрузка веб-страниц на телефоне за 20 долларов : https://dev.to/addyosmani/loading-web-pages-fast-on-a-20-feature-phone-8h6
[26] Бандлинг в JavaScript для повышения производительности: лучшие практики: https://calendar.perfplanet.com/2019/bundling-javascript-for-performance-best-practices/
[27] Производительность для разработчиков. Часть 1: Типографика : https://calibreapp.com/blog/performance-for-designers-typography
[28] Топ 5 причин, почему мне нравятся пользовательские свойства CSS: https://habr.com/ru/post/480806/
[29] CSS-модуль режимов письма (Writing Modes) 3 уровня официально стал стандартом W3C: https://css-live.ru/vecssti-s-polej/css-modul-rezhimov-pisma-writing-modes-3-urovnya-oficialno-stal-standartom-w3c.html
[30] RTL Styling 101 — подробное руководство по использованию RTL в CSS : https://www.rtlstyling.com/posts/rtl-styling/
[31] Динамический цвет на основе данных с помощью JavaScript, HSL и CSS переменных : https://v6.robweychert.com/blog/2019/12/dynamic-color-javascript-hsl/
[32] <select> your poison: https://www.24a11y.com/2019/select-your-poison/
[33] Понимание позиционирования в CSS : https://www.chenhuijing.com/blog/understanding-positioning-in-css/
[34] 3 малоиспользуемые функции CSS для изучения в 2020 году : https://bryanlrobinson.com/blog/three-underused-css-features-to-learn-for-2020/
[35] Кастомизация чекбокса по версии 2020 года: https://www.telerik.com/blogs/creating-a-checkbox-like-its-2020
[36] Библиотека минималистичных иконок, реализованных на CSS : https://css.gg/
[37] Современное масштабирование типографики : https://24ways.org/2019/a-modern-typographic-scale/
[38] Гибкие наклонные изображения с подписями : https://24ways.org/2019/flexible-captioned-slanted-images/
[39] Выравнивание в Flexbox. Визуальная шпаргалка по margins : https://codepen.io/melnik909/details/RwwOxOE?ref=heydesigner
[40] Релиз V8 v8.0: https://v8.dev/blog/v8-release-80
[41] Обзор Svelte 3: https://medium.com/javascript-in-plain-english/looking-into-svelte-3-b3d0b43cd794
[42] Threading в вебе с помощью module workers : https://web.dev/module-workers/
[43] Scroll, Refraction и Shader Effects c помощью Three.js и React: https://tympanus.net/codrops/2019/12/16/scroll-refraction-and-shader-effects-in-three-js-and-react/
[44] Глубокое погружение в типы TypeScript — Часть 2. Absence of Value : https://www.barbarianmeetscoding.com/blog/2019/12/21/typescript-types-deep-dive-part-ii
[45] Взгляд на все 13 ловушек JavaScript Proxy : https://alligator.io/js/proxy-traps/
[46] Начало работы с методами JavaScript-массивов .map(), .filter() и .reduce(): https://habr.com/ru/company/ruvds/blog/480354/
[47] Пять интересных способов использования Array.reduce () (и один скучный) : https://24ways.org/2019/five-interesting-ways-to-use-array-reduce/
[48] Бесконечность в JavaScript: https://dmitripavlutin.com/infinity-in-javascript/
[49] Случаи использования void в современном JavaScript: https://gist.github.com/slikts/dee3702357765dda3d484d8888d3029e
[50] Скрытая цена CSS-in-JS-библиотек в React-приложениях: https://habr.com/ru/company/ruvds/blog/480358/
[51] Почему Svelte не убьет React : https://medium.com/javascript-in-plain-english/why-svelte-wont-kill-react-3cfdd940586a
[52] 10-строчный аккордион на React с использованием нативных тегов HTML: https://levelup.gitconnected.com/a-10-line-react-accordion-using-native-html-tags-8217f4b0388c
[53] Два урока, которые я извлек из создания React компонентов : https://css-tricks.com/two-lessons-i-learned-from-making-react-components/
[54] Как React научил меня JavaScript: https://www.telerik.com/blogs/how-react-taught-me-javascript
[55] Лучшие практики для обработки сложных формы с использованием React-хуков: https://medium.com/better-programming/best-practices-for-handling-a-form-with-multiple-inputs-using-react-hooks-a0abf9207284
[56] Как создать Serverless File-Management System с помощью React: https://www.newline.co/@frankzickert/how-to-create-a-serverless-file-management-system-with-react--c0de63b8
[57] 5 вещей, которые я бы хотел знать, когда начинал использовать Angular: https://habr.com/ru/company/tinkoff/blog/480782/
[58] Руководство по созданию PWA на Angular 8: https://levelup.gitconnected.com/a-guide-to-building-a-pwa-in-angular-acea27ae708d
[59] Angular 9.0.0 и улучшения Ivy : https://ionicframework.com/blog/angular-9-0-0-and-ivy-improvements/
[60] Состоялся релиз Ember 3.15 «Octane» : https://blog.emberjs.com/2019/12/20/ember-3-15-released.html
[61] Octane уже здесь. Технические детали релиза: https://blog.emberjs.com/2019/12/20/octane-is-here.html
[62] Наиболее распространенные ошибки Ember.js Octane и как их избежать: https://medium.com/ember-ish/the-most-common-ember-js-octane-mistakes-and-how-to-avoid-them-c6420e1b0423
[63] Разбираемся с шаблонами в Ember Octane : https://simplabs.com/blog/2019/12/20/clarity-in-templates/
[64] Часть 1: https://runspired.com/2019/12/15/optimizing-your-app-with-ember-data/
[65] Часть 2: https://runspired.com/2019/12/18/optimizing-your-app-with-ember-data-part-2/
[66] Виджет для отображения фазы Луны : https://github.com/g00dv1n/moon-phase-widget
[67] Alpine.js — реактивный и декларативный микрофреймворк для описания поведения JS в вашей разметке: https://github.com/alpinejs/alpine
[68] Разработчики теперь могут опубликовать расширения для Edge на Chromium в Microsoft Edge Addons: http://microsoftportal.net/windows-9/11797-razrabotchiki-teper-mogut-opublikovat-rasshireniya-dlya-edge-na-chromium-v-microsoft-edge-addons.html
[69] Обновление Chrome 79 для Android привело к исчезновению данных приложений на базе WebView: https://www.opennet.ru/opennews/art.shtml?num=52044
[70] Дайджест за прошлую неделю: https://habr.com/ru/post/480414/
[71] dersmoll: http://habrahabr.ru/users/dersmoll/
[72] alekskorovin: http://habrahabr.ru/users/alekskorovin/
[73] Источник: https://habr.com/ru/post/481560/?utm_source=habrahabr&utm_medium=rss&utm_campaign=481560
Нажмите здесь для печати.