WebDev+ | Веб-разработка
Open in Telegram
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки Связь: @devmangx
Show more
Network:8 067
Subscribers
-724 hours
-247 days
-11830 days
Data loading in progress...
Similar Channels
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
August '26
August '26
+40
in 0 channels
July '26
+70
in 0 channels
Get PRO
June '26
+53
in 2 channels
Get PRO
May '26
+43
in 0 channels
Get PRO
April '26
+40
in 0 channels
Get PRO
March '26
+34
in 0 channels
Get PRO
February '26
+26
in 3 channels
Get PRO
January '26
+42
in 3 channels
Get PRO
December '25
+200
in 9 channels
Get PRO
November '25
+504
in 316 channels
Get PRO
October '25
+24
in 0 channels
Get PRO
September '25
+49
in 1 channels
Get PRO
August '25
+63
in 0 channels
Get PRO
July '25
+828
in 282 channels
Get PRO
June '25
+323
in 1 channels
Get PRO
May '25
+205
in 0 channels
Get PRO
April '25
+1 473
in 0 channels
Get PRO
March '25
+674
in 0 channels
Get PRO
February '25
+470
in 0 channels
Get PRO
January '25
+69
in 0 channels
Get PRO
December '24
+74
in 0 channels
Get PRO
November '24
+14
in 0 channels
Get PRO
October '24
+24
in 0 channels
Get PRO
September '24
+18
in 0 channels
Get PRO
August '24
+43
in 0 channels
Get PRO
July '24
+93
in 0 channels
Get PRO
June '24
+58
in 0 channels
Get PRO
May '24
+84
in 0 channels
Get PRO
April '24
+105
in 0 channels
Get PRO
March '24
+100
in 0 channels
Get PRO
February '24
+121
in 0 channels
Get PRO
January '24
+159
in 0 channels
Get PRO
December '23
+199
in 0 channels
Get PRO
November '23
+351
in 0 channels
Get PRO
October '23
+291
in 0 channels
Get PRO
September '23
+583
in 0 channels
Get PRO
August '23
+1 008
in 0 channels
Get PRO
July '23
+1 427
in 0 channels
Get PRO
June '23
+912
in 0 channels
Get PRO
May '23
+404
in 0 channels
Get PRO
April '23
+287
in 0 channels
Get PRO
March '23
+154
in 0 channels
Get PRO
February '23
+68
in 0 channels
Get PRO
January '23
+57
in 0 channels
Get PRO
December '22
+78
in 0 channels
Get PRO
November '22
+292
in 0 channels
Get PRO
October '22
+100
in 0 channels
Get PRO
September '22
+116
in 0 channels
Get PRO
August '22
+86
in 0 channels
Get PRO
July '22
+116
in 0 channels
Get PRO
June '22
+127
in 0 channels
Get PRO
May '22
+129
in 0 channels
Get PRO
April '22
+137
in 0 channels
Get PRO
March '22
+168
in 0 channels
Get PRO
February '22
+164
in 0 channels
Get PRO
January '22
+270
in 0 channels
Get PRO
December '21
+258
in 0 channels
Get PRO
November '21
+508
in 0 channels
Get PRO
October '21
+309
in 0 channels
Get PRO
September '21
+309
in 0 channels
Get PRO
August '21
+80
in 0 channels
Get PRO
July '21
+166
in 0 channels
Get PRO
June '21
+459
in 0 channels
Get PRO
May '21
+515
in 0 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 26 August | +1 | |||
| 25 August | 0 | |||
| 24 August | +1 | |||
| 23 August | +2 | |||
| 22 August | +2 | |||
| 21 August | +1 | |||
| 20 August | +2 | |||
| 19 August | +1 | |||
| 18 August | +3 | |||
| 17 August | +2 | |||
| 16 August | 0 | |||
| 15 August | 0 | |||
| 14 August | +7 | |||
| 13 August | 0 | |||
| 12 August | +1 | |||
| 11 August | +3 | |||
| 10 August | +1 | |||
| 09 August | +5 | |||
| 08 August | +2 | |||
| 07 August | +1 | |||
| 06 August | +2 | |||
| 05 August | 0 | |||
| 04 August | +1 | |||
| 03 August | +1 | |||
| 02 August | 0 | |||
| 01 August | +1 |
Channel Posts
Это вообще не должно быть бесплатным.
Можно собрать собственного аватара прямо в браузере, а потом экспортировать его в 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 | No text... | 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 |
