How to Build a Chrome Extension. Довольно подробная инструкция на css-tricks → https://bit.ly/3bUPIKw
——————————————
Поддержать нас
——————————————
Поддержать нас
Modern css Solutions for Old CSS Problems . Прикольный проект, в котором Стефания Эклз современные решения типичных проблем в CSS → https://bit.ly/3eiVY02
——————————————
Поддержать нас
——————————————
Поддержать нас
ES2020 Has Been Finalized. Here is What I’m Excited About. Разбор того, что все-таки войдет в стандарт 2020 (с примерами) → https://bit.ly/3bWCFZb
——————————————
Поддержать нас
——————————————
Поддержать нас
Detect inactive users with the Idle Detection API. Обзор нового интересного API, которое могут скоро завести в хром. Думаю по-началу оно будет использоваться только для модалок типа "вы еще здесь?", но уверен, что есть и более интресные варианты применения → https://bit.ly/2WY4T19
——————————————
Поддержать нас
——————————————
Поддержать нас
Как писал ранее - решил стартонуть регулярный дайджест на патреоне. Формат, что буду писать и зачем все это расписал в интро посте → https://bit.ly/3eqHxaD.
Главное что нужно понимать, это то, что ведение каналов/блогов занимает все больше времени, так как хочется улучшать качество контента и искать новые форматы. Становясь патроном, вы окажете огромную поддержку мне лично и моим ресурсам, поэтому welcome!
P.S. Первый пост уже в эту пятницу
Главное что нужно понимать, это то, что ведение каналов/блогов занимает все больше времени, так как хочется улучшать качество контента и искать новые форматы. Становясь патроном, вы окажете огромную поддержку мне лично и моим ресурсам, поэтому welcome!
P.S. Первый пост уже в эту пятницу
Forwarded from Иван Акулов про разработку
Фреймворки в веб-воркере
Веб поддерживает многопоточность (с помощью веб-воркеров) уже 10 лет. Тем не менее, весь JS, который мы пишем, по-прежнему обычно работает только в главном потоке. Из-за этого любые долгие операции блокируют всю страницу намертво.
Крутым решением было бы научить React, Vue, Svelte и т.п. работать из веб-воркеров — а в главном потоке оставить только обновление DOM. Шабхи Паникер из команды Chrome исследует этот подход (и другие) и пишет, почему сегодня это нереалистично: https://docs.google.com/document/d/1nu0EcVNC3jtmUVWL8Gs5eCj2p_984kamNhG2nS9gOC0/edit
Веб поддерживает многопоточность (с помощью веб-воркеров) уже 10 лет. Тем не менее, весь JS, который мы пишем, по-прежнему обычно работает только в главном потоке. Из-за этого любые долгие операции блокируют всю страницу намертво.
Крутым решением было бы научить React, Vue, Svelte и т.п. работать из веб-воркеров — а в главном потоке оставить только обновление DOM. Шабхи Паникер из команды Chrome исследует этот подход (и другие) и пишет, почему сегодня это нереалистично: https://docs.google.com/document/d/1nu0EcVNC3jtmUVWL8Gs5eCj2p_984kamNhG2nS9gOC0/edit
Setting TypeScript For Modern React Projects Using Webpack And Babel. Очень подробное руководство на smashingmagazine → https://bit.ly/2XxYadw
——————————————
Поддержать меня
——————————————
Поддержать меня
What is DNS? Domain Name System, DNS Server, and IP Address Concepts Explained. Отличная статья в блоге freecodecamp о том, как работает DNS → https://bit.ly/3cczHzL
——————————————
Поддержать меня
——————————————
Поддержать меня
Forwarded from Вебня (Sergey Rubanov)
Google продолжают выпускать статьи о метриках Web Vitals. В этот раз они написали об инструментах для измерения метрик. Среди таких: Lighthouse, PageSpeed Insights, Chrome DevTools, Search Console, собственный сервис от web.dev, расширение Web Vitals для Chrome, а также новый Chrome UX Report API.
web.dev
Core Web Vitals workflows with Google tools | Articles | web.dev
With the growing importance of Core Web Vitals, site owners and developers increasingly focus on performance and key user experiences. Google provides many tools to help evaluate, optimize, and monitor pages, but users are often confused by the different…
Всем привет!
Встречайте первый выпуск дайджеста на Patreon. В нем обсуждаем: Deno, Reparenting в React и CSS-находки в популярных приложениях и другое.
Присойденяйтесь, будет интересно → https://bit.ly/2Bh9Z0f
Встречайте первый выпуск дайджеста на Patreon. В нем обсуждаем: Deno, Reparenting в React и CSS-находки в популярных приложениях и другое.
Присойденяйтесь, будет интересно → https://bit.ly/2Bh9Z0f
5 Differences Between Arrow and Regular Functions. Хорошая статья для начинающих → https://bit.ly/3cmuQMD
——————————————
Поддержать меня
——————————————
Поддержать меня
Первый взгляд на записи и кортежи в JavaScript. Разбор пропосала от Робина Рикарда и Рика Баттона в переводе на Хабре → https://bit.ly/2XjLw2L
——————————————
Поддержать меня
——————————————
Поддержать меня
How to Hide Secrets in Strings— Modern Text hiding in JavaScript. Прикольный способ спрятать пасхалки в тексте с помощью стеганографии (скрытых символов) → https://bit.ly/2TY6r9x
——————————————
Поддержать меня
——————————————
Поддержать меня
A Visual Guide To React Mental Models, Part 2: UseState, UseEffect And Lifecycles. Obed Parlapiano описывает свои ментальные модели, котороые он использует для работы со стейтом, пропсами и хуками в реакт → https://bit.ly/3do5bUP
——————————————
Поддержать меня
——————————————
Поддержать меня
The ultimate roundup of React form validation solutions. Сравнение возможностей самых популярных библиотек для работ с формами в реакт → https://bit.ly/2XMGg75
——————————————
Поддержать меня
——————————————
Поддержать меня
The biggest scandals of NPM. Скандалы! Интриги! Расследования! А если серьезно - было интересно почитать о факапах, которые происходили с npm-пакетами → https://bit.ly/3coSsjz
——————————————
Поддержать меня
——————————————
Поддержать меня
A Guide to the Responsive Images Syntax in HTML. Детальное руководство использования аттрибута srcset и тега picture на csstricks → https://bit.ly/2XUvYlg
——————————————
Поддержать меня
——————————————
Поддержать меня
Достойных вакансий на удалёнку в IT & Digital много, если знать, где их искать!
Всё еще в поисках работы мечты? Уверены, информация на нашем канале вас заинтересует. У вас мечты – у нас возможности!
Каждый день мы публикуем самые свежие вакансии на удалёнку в сфере IT & Digital на нашем канале @hiddengurus. С опытом и без. Работа найдётся для каждого!
Хочешь удалённо работать в крутых проектах из CША, Европы, РФ и Латинской Америки?
Тогда рекомендуем подписаться на @hiddengurus
Всё еще в поисках работы мечты? Уверены, информация на нашем канале вас заинтересует. У вас мечты – у нас возможности!
Каждый день мы публикуем самые свежие вакансии на удалёнку в сфере IT & Digital на нашем канале @hiddengurus. С опытом и без. Работа найдётся для каждого!
Хочешь удалённо работать в крутых проектах из CША, Европы, РФ и Латинской Америки?
Тогда рекомендуем подписаться на @hiddengurus
Everything You Need to Know About React Concurrent Mode in 2020. Обзор состояния Concurrent Mode в 2020 от Миши Краснова → https://bit.ly/3eFUH3A
——————————————
Поддержать меня
——————————————
Поддержать меня
Links and JavaScript. История возникновения гиперссылок и различные варианты (в том числе неправильные с объяснениями почему) использоавания ссылок в веб-приложениях → https://bit.ly/2XxrYbn
——————————————
Поддержать меня
——————————————
Поддержать меня
Sharing UI components at an enterprise level. Dong Chen деелится опытом создания переиспользуемых компонентов на примере дизайн-системы PayPal → https://bit.ly/3dM0C6V
——————————————
Поддержать меня
——————————————
Поддержать меня