RU

Основы вёрстки для дизайнера. Часть 4. Инструменты разработчика: как заглянуть «под капот» сайта

Мы уже разобрали анатомию страницы (HTML) и её визуальное оформление (CSS) ( 1 , 2 , 3 ). Но как увидеть это всё вживую? Как понять, почему …

дизайнверстка для дизайнера
Habr
RU

Чат на сайте стоит дороже, чем кажется: как я замерил его цену и переписал виджет под результат

Полгода назад я закрывал технический долг по производительности на клиентском проекте. Обычная история: интернет‑магазин, мобильный Performa…

core web vitalslighthouseinptbtпроизводительностьсторонние скриптыонлайн-чататрибуцияjavascript
Habr
RU

Zero на Three.js: инженерный разбор интерактивного сайта

Разбираем, как BUNQ LABS сделала zero.university: виртуальный скролл, шейдеры, KTX2/DRACO, адаптивное качество и загрузка текстур без фризов. Проверьт…

JavaScriptВеб-разработкаЛучшая практикаПроизводительностьHTMLДизайн интерфейсов и UXФреймворки и библиотекиФронтендСтатьи
Tproger
RU

Отпечатки браузера: что это такое и как работает? Переосмысление технологии

В последнее время из каждого утюга можно услышать такую фразу — «отпечатки браузера», «цифровой отпечаток устройства», «фингерпринт». В…

отпечаток браузерафингерпринтфингерпринтингфингерпринтыантидетект-браузерантидетект браузерантидетектcanvaswebgl
Habr
RU

Пошаговая инструкция по внедрению скелетон-загрузки в ваше приложение

В этой статье в блоге ЛАНИТ хочу поделиться опытом нашей команды по внедрению скелетон-загрузки в приложение с семилетней историей. Мы столкнулись с п…

дизайнинтерфейсыпроектированиеотзывчивость интерфейсазагрузкагайдопытUXUI
Habr