Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
Подкаст CSSSR, Новости 512 — V8 8, Vue 3, микробраузеры, RUM, security-релизы и опросы
• UnderJS Podcast #12 — Денис Радин про конференции и WebGL [Ламповый]
• Подкаст «Фронтенд Юность (18+)» #119 Балансировка через плечо
• Подкаст «Пятиминутка React»: Effector
• Подкаст CSSSR, Remote Talk #10 — Виталий Слободин, Ростов-на-Дону, JS после C#, PhantomJS, работа в GitLab
•
MinskCSS Meetup #7 — 12 декабря 2019
•
Взлом с помощью Юникода (на примере GitHub)
• 30 полезностей для Firefox Developer Tools
• Как быстро провести тестирование и инспекцию своего веб-сайта?
• Что такое TDD и BDD на пальцах, и что должен знать о них фронтендер
• Новый экспериментальный облик CSS-live.ru
•
State of JavaScript 2019. Результаты ежегодного опроса веб-разработчиков
• Мой идеальный стек 2020 года: новый стек для нового поколения
• Добавление динамической и асинхронной функциональности на сайты c JAMstack
• Крис Койер: сегодняшняя веб-разработка проще или сложнее, чем была 10 лет назад?
• Современный веб становится непригодной для использования, враждебной для пользователя пустошью
• Лучшие практики использования сервис-воркеров в разработке
• Front-end 2020 Roadmap и тренды | Что учить в 2020?
• Топ 5 причин, почему мне нравятся пользовательские свойства CSS
• CSS-модуль режимов письма (Writing Modes) 3 уровня официально стал стандартом W3C
• RTL Styling 101 — подробное руководство по использованию RTL в CSS
• Динамический цвет на основе данных с помощью JavaScript, HSL и CSS переменных
• <select> your poison
• Понимание позиционирования в CSS
• 3 малоиспользуемые функции CSS для изучения в 2020 году
• Кастомизация чекбокса по версии 2020 года
• Библиотека минималистичных иконок, реализованных на CSS
• Современное масштабирование типографики
• Гибкие наклонные изображения с подписями
• Выравнивание в Flexbox. Визуальная шпаргалка по margins
• Релиз V8 v8.0
• Обзор Svelte 3
• Threading в вебе с помощью module workers
• Scroll, Refraction и Shader Effects c помощью Three.js и React
• Глубокое погружение в типы TypeScript — Часть 2. Absence of Value
• Взгляд на все 13 ловушек JavaScript Proxy
• Разработчики теперь могут опубликовать расширения для Edge на Chromium в Microsoft Edge Addons
• Обновление Chrome 79 для Android привело к исчезновению данных приложений на базе WebView
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
•
Подкаст CSSSR, Новости 512 — V8 8, Vue 3, микробраузеры, RUM, security-релизы и опросы•
UnderJS Podcast #12 — Денис Радин про конференции и WebGL [Ламповый] •
Подкаст «Фронтенд Юность (18+)» #119 Балансировка через плечо•
Подкаст «Пятиминутка React»: Effector•
Подкаст CSSSR, Remote Talk #10 — Виталий Слободин, Ростов-на-Дону, JS после C#, PhantomJS, работа в GitLab•
MinskCSS Meetup #7 — 12 декабря 2019
Веб-разработка
•
Взлом с помощью Юникода (на примере GitHub)•
30 полезностей для Firefox Developer Tools• Как быстро провести тестирование и инспекцию своего веб-сайта?
• Что такое TDD и BDD на пальцах, и что должен знать о них фронтендер
• Новый экспериментальный облик CSS-live.ru
•
State of JavaScript 2019. Результаты ежегодного опроса веб-разработчиков•
Мой идеальный стек 2020 года: новый стек для нового поколения •
Добавление динамической и асинхронной функциональности на сайты c JAMstack •
Крис Койер: сегодняшняя веб-разработка проще или сложнее, чем была 10 лет назад?•
Современный веб становится непригодной для использования, враждебной для пользователя пустошью•
Лучшие практики использования сервис-воркеров в разработке•
Front-end 2020 Roadmap и тренды | Что учить в 2020?- PWA
• Всё, что нужно знать о Progressive Web App (PWA)
• Как превратить ваш сайт в прогрессивное веб-приложение (с примерами кода)
• Как я создал свое второе Прогрессивное веб-приложение (PWA)
- Производительность
• Быстрая загрузка веб-страниц на телефоне за 20 долларов
• Бандлинг в JavaScript для повышения производительности: лучшие практики
• Производительность для разработчиков. Часть 1: Типографика
CSS
•
Топ 5 причин, почему мне нравятся пользовательские свойства CSS• CSS-модуль режимов письма (Writing Modes) 3 уровня официально стал стандартом W3C
•
RTL Styling 101 — подробное руководство по использованию RTL в CSS •
Динамический цвет на основе данных с помощью JavaScript, HSL и CSS переменных •
<select> your poison•
Понимание позиционирования в CSS •
3 малоиспользуемые функции CSS для изучения в 2020 году •
Кастомизация чекбокса по версии 2020 года•
Библиотека минималистичных иконок, реализованных на CSS •
Современное масштабирование типографики •
Гибкие наклонные изображения с подписями •
Выравнивание в Flexbox. Визуальная шпаргалка по margins JavaScript
•
Релиз V8 v8.0•
Обзор Svelte 3•
Threading в вебе с помощью module workers •
Scroll, Refraction и Shader Effects c помощью Three.js и React•
Глубокое погружение в типы TypeScript — Часть 2. Absence of Value •
Взгляд на все 13 ловушек JavaScript Proxy - Теория
• Начало работы с методами JavaScript-массивов .map(), .filter() и .reduce()
• Пять интересных способов использования Array.reduce () (и один скучный)
• Бесконечность в JavaScript
• Случаи использования void в современном JavaScript
- React
• Скрытая цена CSS-in-JS-библиотек в React-приложениях
• Почему Svelte не убьет React
• 10-строчный аккордион на React с использованием нативных тегов HTML
• Два урока, которые я извлек из создания React компонентов
• Как React научил меня JavaScript
• Лучшие практики для обработки сложных формы с использованием React-хуков
• Как создать Serverless File-Management System с помощью React
- Angular
• 5 вещей, которые я бы хотел знать, когда начинал использовать Angular
• Руководство по созданию PWA на Angular 8
• Angular 9.0.0 и улучшения Ivy
- Ember
• Состоялся релиз Ember 3.15 «Octane»
• Octane уже здесь. Технические детали релиза
• Наиболее распространенные ошибки Ember.js Octane и как их избежать
• Разбираемся с шаблонами в Ember Octane
• Оптимизация вашего приложения с EmberData: Часть 1, Часть 2
- Libs & Plugins
• Виджет для отображения фазы Луны
• Alpine.js — реактивный и декларативный микрофреймворк для описания поведения JS в вашей разметке
Браузеры
• Разработчики теперь могут опубликовать расширения для Edge на Chromium в Microsoft Edge Addons
• Обновление Chrome 79 для Android привело к исчезновению данных приложений на базе WebView
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Комментарии (6)
Valery4
24.12.2019 20:22+2Оффтопик, когда уже авторы перестанут публиковать на зажравшийся Medium.
Человек пишет статью, делится информацией. Бесплатно для сообщества старается, а потом — бацYou’ve reached the end of your free member preview for this month. Become a member now for $5/month to read this story and get unlimited access to all of the best stories on Medium.
Принципиально им не копейки не дам. Они у автора разрешение спросили, резать его статью? Да я могу в режиме incognito зайти прочитать, но меня уже тошнит от этих жлобов.
P.S. Извините, накипело…
bahek2462774
А где vue?
alexzfort Автор
Что-то не задалась прошлая неделька для vue :) Зато Ember пошумел
SelenIT3
На зимних каникулах, вероятно. Он же самый юный из "большой тройки"..:)