WebDev+ | Веб-разработка
8.07K subscribers
582 photos
274 videos
10 files
770 links
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки

Связь: @devmangx
Download Telegram
Рисует сетевые диаграммы через редактор с перетаскиванием элементов и экспортирует их в виде кода или изображений.

https://github.com/markmanx/isoflow
Посмотрите последние обновления DevTools в Chrome 151.

Появились подсказки по специфичности CSS, улучшена отладка памяти JavaScript и обновлены готовые профили для эмуляции устройств.

https://bit.ly/4x6YmQE
This media is not supported in your browser
VIEW IN TELEGRAM
Это нереально.

Qwen 3.8 27B, запущенная локально на моей RTX 5090, ОБГОНЯЕТ Opus 4.8 в моих бенчмарках.

Что забавно, Opus 4.6 она немного проигрывает.

Скорость такая же хорошая, а иногда НАМНОГО выше. В некоторых тестах я получал до 200 токенов/с.

Мы живём уже в другом мире. Безлимитный бесплатный суперинтеллект прямо у нас на столе.

Никакого интернета, подписок или API.

Всего полгода назад для четверти такой производительности вам понадобилось бы 500 ГБ VRAM.

А теперь я получаю интеллект уровня Opus 4.8 на одной RTX 5090. Даже Spark не нужен.

Теперь эта модель работает у меня внутри Hermes-агента, который выполняет задачи для меня 24/7 бесплатно.

У меня НОЛЬ сомнений, что к этому времени в следующем году на Mac mini будут работать модели мощнее Fable. НОЛЬ сомнений.

Если вы послушали меня в начале года, когда я требовал начинать покупать железо, сейчас вы в полном выигрыше.

Будущее уже не за углом. Оно здесь.
This media is not supported in your browser
VIEW IN TELEGRAM
В Claude Code добавили новый навык /design.

Он запускает редактор Claude Design и публикует визуальный дизайн с несколькими артбордами в виде Artifact.

Артборды в формате .dc.html размещаются на одном полотне, которое можно свободно перемещать и масштабировать. По сути, это отдельная среда внутри Claude Code для быстрых черновиков интерфейсов и визуальных концептов.
Hand Drawn Arrows — набор из 55 рисованных вручную стрелочек для ваших дизайнов в Figma.
Этот репозиторий на GitHub собрал больше 1000 бесплатных публичных API практически на любой случай.

Финансы, погода, карты, музыка, игры, машинное обучение, крипта, транспорт, наука, безопасность и десятки других категорий — всё собрано в одном месте.

Полезная штука, если нужен готовый API для пет-проекта, прототипа или тестирования идеи.

https://github.com/public-apis/public-apis
This media is not supported in your browser
VIEW IN TELEGRAM
Больше не нужно писать сложный JavaScript, чтобы элементы форм вроде textarea подстраивались под введённый текст 🍝

CSS-свойство field-sizing теперь входит в Baseline и позволяет элементам форм автоматически менять размер в зависимости от содержимого.

Документация → https://goo.gle/4a1HJMM
Если сайт загружается слишком долго, велика вероятность, что пользователь просто уйдёт.

Чтобы ускорить загрузку, Алекс собрал отдельное руководство.

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

https://freecodecamp.org/news/speed-up-website-loading/
Please open Telegram to view this post
VIEW IN TELEGRAM
В браузерах есть нативный API Speculation Rules, который позволяет написать примерно такое правило — и браузер заранее загрузит все ссылки на странице.

#javascript #webdev
This media is not supported in your browser
VIEW IN TELEGRAM
Отправьте это любому разработчику, который пользуется Claude Code или Codex.

Уже можно создать своего цифрового двойника, который будет координировать агентов с кодом, пока вы наблюдаете за их работой в симуляции в стиле «Офиса».

Проект называется Munder Difflin.

Он полностью бесплатный и открытый, работает локально и не отправляет данные наружу.

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

Репозиторий и ссылка.
CSS наконец-то позволяет анимировать элементы прямо в момент их первого появления.

Для этого появился @starting-style, который уже поддерживается примерно у 90% пользователей.

Раньше переходы не срабатывали при первом применении стилей к элементу, поэтому приходилось городить обходные решения на JavaScript.

Теперь начальное состояние можно задать прямо в CSS.

.card {
opacity: 1;
transform: translateY(0);
transition: 0.3s;
}

@starting-style {
.card {
opacity: 0;
transform: translateY(20px);
}
}


Элемент сразу появляется с нормальной анимацией, без дополнительного JavaScript.

Мелочь, которую CSS должен был уметь уже очень давно.