WebDev+ | Веб-разработка
Kanalga Telegram’da o‘tish
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки Связь: @devmangx
Ko'proq ko'rsatish
Tarmoq:8 067
Obunachilar
-724 soatlar
-247 kunlar
-11830 kunlar
Ma'lumot yuklanmoqda...
O'xshash kanallar
Taglar buluti
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Avgust '26
Avgust '26
+40
0 kanalda
Iyul '26
+70
0 kanalda
Get PRO
Iyun '26
+53
2 kanalda
Get PRO
May '26
+43
0 kanalda
Get PRO
Aprel '26
+40
0 kanalda
Get PRO
Mart '26
+34
0 kanalda
Get PRO
Fevral '26
+26
3 kanalda
Get PRO
Yanvar '26
+42
3 kanalda
Get PRO
Dekabr '25
+200
9 kanalda
Get PRO
Noyabr '25
+504
316 kanalda
Get PRO
Oktabr '25
+24
0 kanalda
Get PRO
Sentabr '25
+49
1 kanalda
Get PRO
Avgust '25
+63
0 kanalda
Get PRO
Iyul '25
+828
282 kanalda
Get PRO
Iyun '25
+323
1 kanalda
Get PRO
May '25
+205
0 kanalda
Get PRO
Aprel '25
+1 473
0 kanalda
Get PRO
Mart '25
+674
0 kanalda
Get PRO
Fevral '25
+470
0 kanalda
Get PRO
Yanvar '25
+69
0 kanalda
Get PRO
Dekabr '24
+74
0 kanalda
Get PRO
Noyabr '24
+14
0 kanalda
Get PRO
Oktabr '24
+24
0 kanalda
Get PRO
Sentabr '24
+18
0 kanalda
Get PRO
Avgust '24
+43
0 kanalda
Get PRO
Iyul '24
+93
0 kanalda
Get PRO
Iyun '24
+58
0 kanalda
Get PRO
May '24
+84
0 kanalda
Get PRO
Aprel '24
+105
0 kanalda
Get PRO
Mart '24
+100
0 kanalda
Get PRO
Fevral '24
+121
0 kanalda
Get PRO
Yanvar '24
+159
0 kanalda
Get PRO
Dekabr '23
+199
0 kanalda
Get PRO
Noyabr '23
+351
0 kanalda
Get PRO
Oktabr '23
+291
0 kanalda
Get PRO
Sentabr '23
+583
0 kanalda
Get PRO
Avgust '23
+1 008
0 kanalda
Get PRO
Iyul '23
+1 427
0 kanalda
Get PRO
Iyun '23
+912
0 kanalda
Get PRO
May '23
+404
0 kanalda
Get PRO
Aprel '23
+287
0 kanalda
Get PRO
Mart '23
+154
0 kanalda
Get PRO
Fevral '23
+68
0 kanalda
Get PRO
Yanvar '23
+57
0 kanalda
Get PRO
Dekabr '22
+78
0 kanalda
Get PRO
Noyabr '22
+292
0 kanalda
Get PRO
Oktabr '22
+100
0 kanalda
Get PRO
Sentabr '22
+116
0 kanalda
Get PRO
Avgust '22
+86
0 kanalda
Get PRO
Iyul '22
+116
0 kanalda
Get PRO
Iyun '22
+127
0 kanalda
Get PRO
May '22
+129
0 kanalda
Get PRO
Aprel '22
+137
0 kanalda
Get PRO
Mart '22
+168
0 kanalda
Get PRO
Fevral '22
+164
0 kanalda
Get PRO
Yanvar '22
+270
0 kanalda
Get PRO
Dekabr '21
+258
0 kanalda
Get PRO
Noyabr '21
+508
0 kanalda
Get PRO
Oktabr '21
+309
0 kanalda
Get PRO
Sentabr '21
+309
0 kanalda
Get PRO
Avgust '21
+80
0 kanalda
Get PRO
Iyul '21
+166
0 kanalda
Get PRO
Iyun '21
+459
0 kanalda
Get PRO
May '21
+515
0 kanalda
| Sana | Obunachilarni jalb qilish | Esdaliklar | Kanallar | |
| 26 Avgust | +1 | |||
| 25 Avgust | 0 | |||
| 24 Avgust | +1 | |||
| 23 Avgust | +2 | |||
| 22 Avgust | +2 | |||
| 21 Avgust | +1 | |||
| 20 Avgust | +2 | |||
| 19 Avgust | +1 | |||
| 18 Avgust | +3 | |||
| 17 Avgust | +2 | |||
| 16 Avgust | 0 | |||
| 15 Avgust | 0 | |||
| 14 Avgust | +7 | |||
| 13 Avgust | 0 | |||
| 12 Avgust | +1 | |||
| 11 Avgust | +3 | |||
| 10 Avgust | +1 | |||
| 09 Avgust | +5 | |||
| 08 Avgust | +2 | |||
| 07 Avgust | +1 | |||
| 06 Avgust | +2 | |||
| 05 Avgust | 0 | |||
| 04 Avgust | +1 | |||
| 03 Avgust | +1 | |||
| 02 Avgust | 0 | |||
| 01 Avgust | +1 |
Kanal postlari
Это вообще не должно быть бесплатным.
Можно собрать собственного аватара прямо в браузере, а потом экспортировать его в 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 | Matn yo'q... | 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 |
