WebDev+ | Веб-разработка
Открыть в Telegram
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки Связь: @devmangx
Больше
Сеть:8 067
Подписчики
-724 часа
-247 дней
-11830 день
Загрузка данных...
Похожие каналы
Облако тегов
Входящие и исходящие упоминания
---
---
---
---
---
---
Привлечение подписчиков
август '26
август '26
+40
в 0 каналах
июль '26
+70
в 0 каналах
Get PRO
июнь '26
+53
в 2 каналах
Get PRO
май '26
+43
в 0 каналах
Get PRO
апрель '26
+40
в 0 каналах
Get PRO
март '26
+34
в 0 каналах
Get PRO
февраль '26
+26
в 3 каналах
Get PRO
январь '26
+42
в 3 каналах
Get PRO
декабрь '25
+200
в 9 каналах
Get PRO
ноябрь '25
+504
в 316 каналах
Get PRO
октябрь '25
+24
в 0 каналах
Get PRO
сентябрь '25
+49
в 1 каналах
Get PRO
август '25
+63
в 0 каналах
Get PRO
июль '25
+828
в 282 каналах
Get PRO
июнь '25
+323
в 1 каналах
Get PRO
май '25
+205
в 0 каналах
Get PRO
апрель '25
+1 473
в 0 каналах
Get PRO
март '25
+674
в 0 каналах
Get PRO
февраль '25
+470
в 0 каналах
Get PRO
январь '25
+69
в 0 каналах
Get PRO
декабрь '24
+74
в 0 каналах
Get PRO
ноябрь '24
+14
в 0 каналах
Get PRO
октябрь '24
+24
в 0 каналах
Get PRO
сентябрь '24
+18
в 0 каналах
Get PRO
август '24
+43
в 0 каналах
Get PRO
июль '24
+93
в 0 каналах
Get PRO
июнь '24
+58
в 0 каналах
Get PRO
май '24
+84
в 0 каналах
Get PRO
апрель '24
+105
в 0 каналах
Get PRO
март '24
+100
в 0 каналах
Get PRO
февраль '24
+121
в 0 каналах
Get PRO
январь '24
+159
в 0 каналах
Get PRO
декабрь '23
+199
в 0 каналах
Get PRO
ноябрь '23
+351
в 0 каналах
Get PRO
октябрь '23
+291
в 0 каналах
Get PRO
сентябрь '23
+583
в 0 каналах
Get PRO
август '23
+1 008
в 0 каналах
Get PRO
июль '23
+1 427
в 0 каналах
Get PRO
июнь '23
+912
в 0 каналах
Get PRO
май '23
+404
в 0 каналах
Get PRO
апрель '23
+287
в 0 каналах
Get PRO
март '23
+154
в 0 каналах
Get PRO
февраль '23
+68
в 0 каналах
Get PRO
январь '23
+57
в 0 каналах
Get PRO
декабрь '22
+78
в 0 каналах
Get PRO
ноябрь '22
+292
в 0 каналах
Get PRO
октябрь '22
+100
в 0 каналах
Get PRO
сентябрь '22
+116
в 0 каналах
Get PRO
август '22
+86
в 0 каналах
Get PRO
июль '22
+116
в 0 каналах
Get PRO
июнь '22
+127
в 0 каналах
Get PRO
май '22
+129
в 0 каналах
Get PRO
апрель '22
+137
в 0 каналах
Get PRO
март '22
+168
в 0 каналах
Get PRO
февраль '22
+164
в 0 каналах
Get PRO
январь '22
+270
в 0 каналах
Get PRO
декабрь '21
+258
в 0 каналах
Get PRO
ноябрь '21
+508
в 0 каналах
Get PRO
октябрь '21
+309
в 0 каналах
Get PRO
сентябрь '21
+309
в 0 каналах
Get PRO
август '21
+80
в 0 каналах
Get PRO
июль '21
+166
в 0 каналах
Get PRO
июнь '21
+459
в 0 каналах
Get PRO
май '21
+515
в 0 каналах
| Дата | Привлечение подписчиков | Упоминания | Каналы | |
| 26 августа | +1 | |||
| 25 августа | 0 | |||
| 24 августа | +1 | |||
| 23 августа | +2 | |||
| 22 августа | +2 | |||
| 21 августа | +1 | |||
| 20 августа | +2 | |||
| 19 августа | +1 | |||
| 18 августа | +3 | |||
| 17 августа | +2 | |||
| 16 августа | 0 | |||
| 15 августа | 0 | |||
| 14 августа | +7 | |||
| 13 августа | 0 | |||
| 12 августа | +1 | |||
| 11 августа | +3 | |||
| 10 августа | +1 | |||
| 09 августа | +5 | |||
| 08 августа | +2 | |||
| 07 августа | +1 | |||
| 06 августа | +2 | |||
| 05 августа | 0 | |||
| 04 августа | +1 | |||
| 03 августа | +1 | |||
| 02 августа | 0 | |||
| 01 августа | +1 |
Посты канала
Это вообще не должно быть бесплатным.
Можно собрать собственного аватара прямо в браузере, а потом экспортировать его в SVG, PNG или даже анимированный GIF.
Сохраняйте.
https://oneworks.cloud/avatar
| 2 | Новая статья про flex-wrap: balance.
Автор разобрал flex-wrap: balance и flex-line-count и показал, как с их помощью лучше распределять элементы по строкам во Flexbox.
Самое интересное — он даже собрал masonry-разметку, объединив flex-line-count, round, clamp и единицы контейнерных запросов.
https://ishadeed.com/article/flex-wrap-balance/ | 240 |
| 3 |  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 должен был уметь уже очень давно. | 300 |
| 4 |  Отправьте это любому разработчику, который пользуется Claude Code или Codex.
Уже можно создать своего цифрового двойника, который будет координировать агентов с кодом, пока вы наблюдаете за их работой в симуляции в стиле «Офиса».
Проект называется Munder Difflin.
Он полностью бесплатный и открытый, работает локально и не отправляет данные наружу.
Можно самому оставаться «начальником» и управлять агентами, а можно оставить вместо себя цифрового двойника, который будет распределять задачи и следить за их выполнением.
Репозиторий и ссылка. | 337 |
| 5 |  В браузерах есть нативный API Speculation Rules, который позволяет написать примерно такое правило — и браузер заранее загрузит все ссылки на странице.
#javascript #webdev | 365 |
| 6 | Нет текста... | 403 |
| 7 |  Очень понравился этот материал — и название у него полностью соответствует содержанию: «Теория музыки для программистов» от @lukehaas.
https://runjs.app/blog/music-theory-for-programmers | 1 |
| 8 | Если сайт загружается слишком долго, велика вероятность, что пользователь просто уйдёт.
Чтобы ускорить загрузку, Алекс собрал отдельное руководство.
В нём разбираются оптимизация кода и изображений, работа с плагинами и скриптами и другие способы убрать лишние килобайты и сократить время загрузки.
https://freecodecamp.org/news/speed-up-website-loading/ | 412 |
| 9 |  Больше не нужно писать сложный JavaScript, чтобы элементы форм вроде textarea подстраивались под введённый текст 🍝
CSS-свойство field-sizing теперь входит в Baseline и позволяет элементам форм автоматически менять размер в зависимости от содержимого.
Документация → https://goo.gle/4a1HJMM | 399 |
| 10 | Этот репозиторий на GitHub собрал больше 1000 бесплатных публичных API практически на любой случай.
Финансы, погода, карты, музыка, игры, машинное обучение, крипта, транспорт, наука, безопасность и десятки других категорий — всё собрано в одном месте.
Полезная штука, если нужен готовый API для пет-проекта, прототипа или тестирования идеи.
https://github.com/public-apis/public-apis | 534 |
| 11 |  Hand Drawn Arrows — набор из 55 рисованных вручную стрелочек для ваших дизайнов в Figma. | 449 |
| 12 |  В Claude Code добавили новый навык /design.
Он запускает редактор Claude Design и публикует визуальный дизайн с несколькими артбордами в виде Artifact.
Артборды в формате .dc.html размещаются на одном полотне, которое можно свободно перемещать и масштабировать. По сути, это отдельная среда внутри Claude Code для быстрых черновиков интерфейсов и визуальных концептов. | 495 |
| 13 |  Это нереально.
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. НОЛЬ сомнений.
Если вы послушали меня в начале года, когда я требовал начинать покупать железо, сейчас вы в полном выигрыше.
Будущее уже не за углом. Оно здесь. | 563 |
| 14 |  Посмотрите последние обновления DevTools в Chrome 151.
Появились подсказки по специфичности CSS, улучшена отладка памяти JavaScript и обновлены готовые профили для эмуляции устройств.
https://bit.ly/4x6YmQE | 478 |
| 15 |  Рисует сетевые диаграммы через редактор с перетаскиванием элементов и экспортирует их в виде кода или изображений.
https://github.com/markmanx/isoflow | 498 |
| 16 |  В приложении Codex можно переносить чаты в проекты и обратно, ссылаться на другой чат через @ или просто перетащить его в поле ввода, а также попросить один чат отправить сообщение другому от вашего имени.
В том числе сообщить ему, что ананасу не место на пицце. 🍍 | 505 |
| 17 |  Google запустила инструмент, о котором разработчики просили годами.
Он называется CodeWiki.
Вы вставляете любой репозиторий, а ИИ автоматически превращает его в интерактивную документацию.
Он не просто делает краткое описание кода:
• автоматически генерирует диаграммы
• объясняет, как работает каждая часть
• создаёт пошаговые руководства
• определяет архитектуру и зависимости
• и даже добавляет чат-бота, который понимает всю кодовую базу
По сути, он превращает проекты, в которых практически невозможно разобраться, в то, по чему любой разработчик может начать нормально ориентироваться за несколько минут.
https://codewiki.google/ | 541 |
| 18 |  Один пользователь попросил своего агента сделать качественный конвертер PNG в SVG и дал ему пару сайтов как ориентир по качеству. Он пытался минут 15–20, результат не понравился, они ещё немного поспорили.
А потом он сделал вот что.
Он решил, что лучший результат даёт VectorMagic, разобрал работу их веб-приложения и WebSocket-соединения, использовал функцию предпросмотра и собрал инструмент, который незаметно отправляет всю реальную конвертацию на серверы VectorMagic. 😋 | 528 |
| 19 |  Проверяйте доступность возможностей веб-платформы прямо в Lighthouse → https://goo.gle/3TXx3cO
Теперь в разделе Best Practices отображается статус Baseline, в том числе:
🌐 Возможности с широкой поддержкой
🛠 Недавно ставшие доступными возможности
⚠️ Код с ограниченной поддержкой | 463 |
| 20 |  CSS только что убил ещё одну JavaScript-библиотеку.
CSS Grid Lanes, он же Masonry, уже здесь. И самое неожиданное — первой поддержку получила Safari 26.4+.
Вот и всё, что теперь нужно. ▼
Больше никакого Masonry.js, хрупких костылей на Flexbox и ручного расчёта позиций в JavaScript. Чистый CSS нативно собирает классическую раскладку в стиле Pinterest или «водопада».
В Chrome, Edge и Firefox поддержка пока доступна только за флагом. | 500 |
