JPEG XL наконец появился в Chrome
Chrome 155 добавил поддержку JPEG XL, и это даёт более эффективное сжатие изображений, HDR и более гибкий формат для веба без дополнительных обходных путей.
https://developer.chrome.com/blog/jpeg-xl-in-chrome
Веб-разработка, страница 2
Посты публичных Telegram-каналов по теме «Веб-разработка», страница 2. У каждого поста есть ссылка на оригинал в Telegram, а цифры темы и ответы на вопросы о ней собраны на первой странице.
Лента темы
Один из самых частых кейсов моей работы в последние пару недель - "Я пошел спать/гулять/есть. Вернусь разберем вопросы, следи что-бы команда не простаивала."
Агент ставит монитор (обычно каждые полчаса) и подпинывает команду, если она застряла.…
🤔 Что такое meta теги?
Meta-теги – это специальные HTML-теги, которые содержат метаинформацию о веб-странице. Они располагаются внутри
<head> и не отображаются на самой странице, но помогают браузерам, поисковым системам и социальным сетям правильно обрабатывать и отображать страницу.…
Blob study
Анимированная 3D-капля, выполненная с помощью CSS и JavaScript.
https://codepen.io/shubniggurath/pen/dyOKjLG
#железныедороги
2) цифровизация РЖД по ряду параметров для пассажира отстает, в том числе от авиакомпаний. Пара примеров.…
Адаптивные отступы, которые зависят от компонента, а не от экрана!
Представь карточку, которая используется и в узкой боковой панели, и в широкой сетке. Одинаковые отступы выглядят по-разному, а медиазапросы ориентируются на окно браузера, а не на доступное место внутри компонента.…
Стабильное меню на новом сайте
У меня на сайте текущий пункт меню выделяется жирным. Обычно при таком дизайне возникают прыжки: жирное слово ведь чуть шире обычного, так что при переходах между разделами более правые пункты немного сдвигаются влево-вправо.…
Полгода без кода руками: кода втрое больше, инженерных багов на проде вчетверо
Тимлид двух продуктовых команд перевёл всех на агентскую разработку: Claude Code с моделью Opus, правила лежат в репозиториях, стек Java со Spring, Kafka, PostgreSQL и Kubernetes.…
https://github.com/excalidraw/excalidraw
Самый классный сервис для диаграмм и архитектур.
Работает локально и бесплатно.
А какой сервис используете вы?
![Frontender's notes [ru]](/api/media-seo/avatar/frontendnoteschannel_ru)
Субагенты на Haiku в Claude Code — пусть только копают код, не лезут руками
Продолжаем разговор про настройку Claude Code: Sonnet тащит основную работу, Opus подсказывает, а Haiku достаются субагенты. Так вот, субагентов на Haiku лучше держать строго на исследовании кодовой базы.…
Совет по CSS 💡
Используйте табличные цифры для отображения таймеров ✅
https://www.codewithshripal.com/playground/css/use-tabular-number-for-timers
CodeBase | Frontend | #CSS
Выбор предыдущего элемента в CSS
В CSS можно выбрать элемент, который находится сразу же за другим элементом с помощью комбинатора
+. Также можно выбрать элемент, котоый находится где-то после другого элемента на том же уровне вложенности с помощью комбинатора ~.
<div class="foo"></div>…
#дичь дня
Лукас Бономи сделал GSS (GPU Style Sheets) — язык, на котором можно создавать полноценную 3D-графику, используя практически обычный CSS. И чем дальше читаешь документацию, тем больше вопросов к автору.
Объекты объявляются через
@scene. Хотите куб? Пишите cube. Сферу? sphere.…
Miro всё?
Вчера многие владельцы аккаунтов получили письмо счастья, что с 15 октября доска Miro будет недоступна в России.
Как на это реагировать и что делать? Лично я сегодня на рок-оперу иду и планирую отлично провести день 😁
Давайте без эмоций:…
🧮 Поле ввода, в которое можно вписать формулу
Часто число для формы сначала надо посчитать. С обычным <input> приходится бегать в калькулятор и обратно. А позже в поле виден только итог, и непонятно, откуда он взялся.
Bramus сделал для этого веб-компонент
<calc-input>.…
Stack Overflow протрезвел и рассказал, как мы все утонули в ИИ
Опросили больше 30 тысяч человек из 169 стран. Итог: 83% разработчиков уже тыкают хотя бы один ИИ-инструмент на работе. 73% из тех, кто пользуется кодинг-ассистентами, запускают их каждый день.…
Вышел TanStack Charts 1.0 
Главная идея TanStack Charts — графики собираются из небольших элементов
marks: линий, точек, баров и других частей, которые можно комбинировать и расширять под свои задачи.…
Skeuomorphic Toggle Switch — стилизованный переключатель Реализована с помощью CSS и JavaScript
#анимация #css #javascript
🌐 Сбросить DNS кэш в Google Chrome
DNS-кэш в Google Chrome — это временное хранилище, которое хранит соответствия между доменными именами и IP-адресами серверов.…
Сегодня я покажу вам фичу React, которую многие недооценивают —
useCallback. Часто его либо используют слишком много, либо вообще не используют. А ведь он может здорово помочь оптимизировать ререндеры, особенно когда дело касается передачи функций в дочерние компоненты.
Что делает useCallback?…
Слушайте, я вот тут задался вопросом выбора CMS для магазина (попросили выбрать). Я давно этим вопросом не занимался, но как все было печально с open source несколько лет назад, так и осталось.
Да, есть условные modx или opencart, но это продукт разработчиков для разработчиков...…
6 инструментов в закладки бэкенд-разработчику
• Hoppscotch — тестирование API и просмотр ответов.
• Webhook.site — отладка вебхуков и проверка их содержимого.
• dbdiagram.io — визуализация схем баз данных.
• Dalibo Explain — разбор планов выполнения запросов PostgreSQL.…
каждый игровой фестиваль и шоукейс начинается с приключения о том, как сделать себе нормальный QR код и настроить его под себя…
Как добавить прямой эфир и перемотку в видеоплатформу на FastAPI
В ретроспективе своего проекта Vadim_Klimov показывает, как учебный CRUD на FastAPI вырос в видеоплатформу с прямыми трансляциями.…
