#frontendconf — Public Fediverse posts

Как «спят» вкладки в браузере

Привет! Меня зовут Костя, я разработчик интерфейсов в ЮMoney. В этой статье разбираю, почему вкладка после возврата из фона начинает вести себя странно: интерфейс подвисает, таймеры съезжают, события приходят пачкой. Материал особенно пригодится тем, кто делает сложные SPA с realtime‑обновлениями, WebSocket и насыщенным UI — CRM, дашборды, платёжные сценарии. В статье разберём: — как устроены Page Visibility API и Page Lifecycle API, — зачем браузеры ограничивают фоновые процессы, — что происходит при заморозке вкладок, системном сне и возврате страницы из BFCache, — чем отличаются Chrome, Safari и Firefox, — какие API уже устарели, — а какие подходы помогают делать интерфейсы стабильнее в реальных пользовательских сценариях.

https://habr.com/ru/companies/yoomoney/articles/1038288/

#frontend #frontendconf #конференция #митап #троттлинг #bfcache #page_visibility_api #митапы_по_фронтенду #митапы_в_петербурге #react

Another #FrontEndConf CSS scroll-timeline demo, this one a bit simpler- a wraparound scrollbar, again no JS. Thanks for lookin'!

https://codepen.io/cobra_winfrey/full/gOydQNe

A semi-playable Doom demo I built for #FrontEndConf using CSS scroll timeline, a handful of checkboxes and has() selectors + a nice assist from image-rendering: pixelated.

Oh and no JS, as god intended.

https://codepen.io/cobra_winfrey/full/oNOMRav

Still have some of these stickers for folks at #frontendconf

Heads up! #frontendconf is returning to St. Pete, FL on April 25th & 26th. Just registered via a supporters presale and tix will be available on https://frontenddesignconference.com/ starting this weekend.