- PVSM.RU - https://www.pvsm.ru -

Дайджест свежих материалов из мира фронтенда за последнюю неделю №394 (15 — 22 декабря 2019)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №394 (15 — 22 декабря 2019) - 1

Медиа [1]    |    Веб-разработка [2]    |    CSS [3]    |    JavaScript [4]    |    Браузеры [5]

Медиа

video MinskCSS Meetup #7 — 12 декабря 2019 [6]
podcast Подкаст CSSSR, Remote Talk #10 — Виталий Слободин, Ростов-на-Дону, JS после C#, PhantomJS, работа в GitLab [7]
podcast UnderJS Podcast #12 — Денис Радин про конференции и WebGL [Ламповый] [8]
podcast Подкаст «Фронтенд Юность (18+)» #119 Балансировка через плечо [9]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №394 (15 — 22 декабря 2019) - 6 Веб-разработка

habr Взлом с помощью Юникода (на примере GitHub) [10]
habr 30 полезностей для Firefox Developer Tools [11]
Как быстро провести тестирование и инспекцию своего веб-сайта? [12]
Что такое TDD и BDD на пальцах, и что должен знать о них фронтендер [13]
Новый экспериментальный облик CSS-live.ru [14]
en State of JavaScript 2019 [15]. Результаты ежегодного опроса веб-разработчиков
en Мой идеальный стек 2020 года: новый стек для нового поколения [16]
en Добавление динамической и асинхронной функциональности на сайты c JAMstack [17]
en Крис Койер: сегодняшняя веб-разработка проще или сложнее, чем была 10 лет назад? [18]
en Современный веб становится непригодной для использования, враждебной для пользователя пустошью [19]
en Лучшие практики использования сервис-воркеров в разработке [20]
video Front-end 2020 Roadmap и тренды | Что учить в 2020? [21]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №394 (15 — 22 декабря 2019) - 22 CSS

habr Топ 5 причин, почему мне нравятся пользовательские свойства CSS [28]
CSS-модуль режимов письма (Writing Modes) 3 уровня официально стал стандартом W3C [29]
en RTL Styling 101 — подробное руководство по использованию RTL в CSS [30]
en Динамический цвет на основе данных с помощью JavaScript, HSL и CSS переменных [31]
en <select> your poison [32]
en Понимание позиционирования в CSS [33]
en 3 малоиспользуемые функции CSS для изучения в 2020 году [34]
en Кастомизация чекбокса по версии 2020 года [35]
en Библиотека минималистичных иконок, реализованных на CSS [36]
en Современное масштабирование типографики [37]
en Гибкие наклонные изображения с подписями [38]
en Выравнивание в Flexbox. Визуальная шпаргалка по margins [39]

JavaScript

en Релиз V8 v8.0 [40]
en Обзор Svelte 3 [41]
en Threading в вебе с помощью module workers [42]
en Scroll, Refraction и Shader Effects c помощью Three.js и React [43]
en Глубокое погружение в типы TypeScript — Часть 2. Absence of Value [44]
en Взгляд на все 13 ловушек JavaScript Proxy [45]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №394 (15 — 22 декабря 2019) - 61 Браузеры

Разработчики теперь могут опубликовать расширения для 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