WebDev+ | Веб-разработка
Ir al canal en Telegram
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки Связь: @devmangx
Mostrar más8 067
Suscriptores
-724 horas
-247 días
-11830 días
Carga de datos en curso...
Canales Similares
Nube de Etiquetas
Menciones Entrantes y Salientes
---
---
---
---
---
---
Atraer Suscriptores
agosto '26
agosto '26
+40
en 0 canales
julio '26
+70
en 0 canales
Get PRO
junio '26
+53
en 2 canales
Get PRO
mayo '26
+43
en 0 canales
Get PRO
abril '26
+40
en 0 canales
Get PRO
marzo '26
+34
en 0 canales
Get PRO
febrero '26
+26
en 3 canales
Get PRO
enero '26
+42
en 3 canales
Get PRO
diciembre '25
+200
en 9 canales
Get PRO
noviembre '25
+504
en 316 canales
Get PRO
octubre '25
+24
en 0 canales
Get PRO
septiembre '25
+49
en 1 canales
Get PRO
agosto '25
+63
en 0 canales
Get PRO
julio '25
+828
en 282 canales
Get PRO
junio '25
+323
en 1 canales
Get PRO
mayo '25
+205
en 0 canales
Get PRO
abril '25
+1 473
en 0 canales
Get PRO
marzo '25
+674
en 0 canales
Get PRO
febrero '25
+470
en 0 canales
Get PRO
enero '25
+69
en 0 canales
Get PRO
diciembre '24
+74
en 0 canales
Get PRO
noviembre '24
+14
en 0 canales
Get PRO
octubre '24
+24
en 0 canales
Get PRO
septiembre '24
+18
en 0 canales
Get PRO
agosto '24
+43
en 0 canales
Get PRO
julio '24
+93
en 0 canales
Get PRO
junio '24
+58
en 0 canales
Get PRO
mayo '24
+84
en 0 canales
Get PRO
abril '24
+105
en 0 canales
Get PRO
marzo '24
+100
en 0 canales
Get PRO
febrero '24
+121
en 0 canales
Get PRO
enero '24
+159
en 0 canales
Get PRO
diciembre '23
+199
en 0 canales
Get PRO
noviembre '23
+351
en 0 canales
Get PRO
octubre '23
+291
en 0 canales
Get PRO
septiembre '23
+583
en 0 canales
Get PRO
agosto '23
+1 008
en 0 canales
Get PRO
julio '23
+1 427
en 0 canales
Get PRO
junio '23
+912
en 0 canales
Get PRO
mayo '23
+404
en 0 canales
Get PRO
abril '23
+287
en 0 canales
Get PRO
marzo '23
+154
en 0 canales
Get PRO
febrero '23
+68
en 0 canales
Get PRO
enero '23
+57
en 0 canales
Get PRO
diciembre '22
+78
en 0 canales
Get PRO
noviembre '22
+292
en 0 canales
Get PRO
octubre '22
+100
en 0 canales
Get PRO
septiembre '22
+116
en 0 canales
Get PRO
agosto '22
+86
en 0 canales
Get PRO
julio '22
+116
en 0 canales
Get PRO
junio '22
+127
en 0 canales
Get PRO
mayo '22
+129
en 0 canales
Get PRO
abril '22
+137
en 0 canales
Get PRO
marzo '22
+168
en 0 canales
Get PRO
febrero '22
+164
en 0 canales
Get PRO
enero '22
+270
en 0 canales
Get PRO
diciembre '21
+258
en 0 canales
Get PRO
noviembre '21
+508
en 0 canales
Get PRO
octubre '21
+309
en 0 canales
Get PRO
septiembre '21
+309
en 0 canales
Get PRO
agosto '21
+80
en 0 canales
Get PRO
julio '21
+166
en 0 canales
Get PRO
junio '21
+459
en 0 canales
Get PRO
mayo '21
+515
en 0 canales
| Fecha | Crecimiento de Suscriptores | Menciones | Canales | |
| 26 agosto | +1 | |||
| 25 agosto | 0 | |||
| 24 agosto | +1 | |||
| 23 agosto | +2 | |||
| 22 agosto | +2 | |||
| 21 agosto | +1 | |||
| 20 agosto | +2 | |||
| 19 agosto | +1 | |||
| 18 agosto | +3 | |||
| 17 agosto | +2 | |||
| 16 agosto | 0 | |||
| 15 agosto | 0 | |||
| 14 agosto | +7 | |||
| 13 agosto | 0 | |||
| 12 agosto | +1 | |||
| 11 agosto | +3 | |||
| 10 agosto | +1 | |||
| 09 agosto | +5 | |||
| 08 agosto | +2 | |||
| 07 agosto | +1 | |||
| 06 agosto | +2 | |||
| 05 agosto | 0 | |||
| 04 agosto | +1 | |||
| 03 agosto | +1 | |||
| 02 agosto | 0 | |||
| 01 agosto | +1 |
Publicaciones del Canal
Это вообще не должно быть бесплатным.
Можно собрать собственного аватара прямо в браузере, а потом экспортировать его в 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 | Sin texto... | 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 |
