Веб-стандарты

Kanalga Telegram’da o‘tish

Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru

Ko'proq ko'rsatish

Rossiya47 679 Texnologiyalar & Aralashmalar9 204...

📈 Telegram kanali Веб-стандарты analitikasi

Веб-стандарты (@webstandards_ru) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 13 984 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 9 204-o'rinni va Rossiya mintaqasida 47 679-o'rinni egallagan.

📊 Auditoriya ko‘rsatkichlari va dinamika

невідомо sanasidan buyon loyiha tez o‘sib, 13 984 obunachiga ega bo‘ldi.

10 Iyun, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -4 ga, so‘nggi 24 soatda esa -2 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.

Tasdiqlash holati: Tasdiqlanmagan
Jalb etish (ER): Auditoriya o‘rtacha 28.68% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 13.86% ini tashkil etuvchi reaksiyalarni to‘playdi.
Post qamrovi: Har bir post o‘rtacha 4 011 marta ko‘riladi; birinchi sutkada odatda 1 938 ta ko‘rish yig‘iladi.
Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 31 ta reaksiya keladi.
Tematik yo‘nalishlar: Kontent css, chrome, html, api, javascript kabi asosiy mavzularga jamlangan.

📝 Tavsif va kontent siyosati

Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“Новости фронтенда и еженедельный подкаст. Простой способ сказать спасибо и попасть в закрытый чат: — Патреон https://www.patreon.com/webstandards_ru — Бусти https://boosty.to/webstandards_ru”

Yuqori yangilanish chastotasi (oxirgi ma’lumot 11 Iyun, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.

13 984

Obunachilar

-224 soatlar

-47 kunlar

-430 kunlar

4 011

Post ko'rishlar

~ 1 93824 soatlar

~ 2 33048 soatlar

28.68%

Muloqot nisbati

~ 1

Kuniga postlar

Ads index

beta

Ma'lumot yuklanmoqda...

O'xshash kanallar

21.4K

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

14.3K

For Web — фронтенд, дизайн, программирование

9.8K

HTML Academy

2.8K

Dev News от Максима Соснова

979

Vadim Makeev

Ko'proq kanallar

Kirish va chiqish esdaliklari

---

Obunachilarni jalb qilish

Iyun '26

+17

0 kanalda

May '26

+112

1 kanalda

Get PRO

Aprel '26

+59

3 kanalda

Get PRO

Mart '26

+90

1 kanalda

Get PRO

Fevral '26

+117

1 kanalda

Get PRO

Yanvar '26

+82

0 kanalda

Get PRO

Dekabr '25

+69

2 kanalda

Get PRO

Noyabr '25

+77

0 kanalda

Get PRO

Oktabr '25

+104

0 kanalda

Get PRO

Sentabr '25

+91

2 kanalda

Get PRO

Avgust '25

+33

0 kanalda

Get PRO

Iyul '25

+46

0 kanalda

Get PRO

Iyun '25

+54

1 kanalda

Get PRO

May '25

+25

0 kanalda

Get PRO

Aprel '25

+55

1 kanalda

Get PRO

Mart '25

+50

0 kanalda

Get PRO

Fevral '25

+61

1 kanalda

Get PRO

Yanvar '25

+106

0 kanalda

Get PRO

Dekabr '24

+104

4 kanalda

Get PRO

Noyabr '24

+52

1 kanalda

Get PRO

Oktabr '24

+58

2 kanalda

Get PRO

Sentabr '24

+52

0 kanalda

Get PRO

Avgust '24

+60

6 kanalda

Get PRO

Iyul '24

+49

0 kanalda

Get PRO

Iyun '24

+113

0 kanalda

Get PRO

May '24

+236

0 kanalda

Get PRO

Aprel '24

+314

1 kanalda

Get PRO

Mart '24

+251

0 kanalda

Get PRO

Fevral '24

+296

0 kanalda

Get PRO

Yanvar '24

+315

1 kanalda

Get PRO

Dekabr '23

+235

3 kanalda

Get PRO

Noyabr '23

+153

0 kanalda

Get PRO

Oktabr '23

+309

3 kanalda

Get PRO

Sentabr '23

+299

0 kanalda

Get PRO

Avgust '23

+228

0 kanalda

Get PRO

Iyul '23

+249

0 kanalda

Get PRO

Iyun '23

+370

0 kanalda

Get PRO

May '23

+451

0 kanalda

Get PRO

Aprel '23

+218

0 kanalda

Get PRO

Mart '23

+525

0 kanalda

Get PRO

Fevral '23

+126

0 kanalda

Get PRO

Yanvar '23

+186

0 kanalda

Get PRO

Dekabr '22

+164

0 kanalda

Get PRO

Noyabr '22

+145

0 kanalda

Get PRO

Oktabr '22

+134

0 kanalda

Get PRO

Sentabr '22

+153

0 kanalda

Get PRO

Avgust '22

+177

0 kanalda

Get PRO

Iyul '22

+152

0 kanalda

Get PRO

Iyun '22

+172

0 kanalda

Get PRO

May '22

+119

0 kanalda

Get PRO

Aprel '22

+128

0 kanalda

Get PRO

Mart '22

+141

0 kanalda

Get PRO

Fevral '22

+192

0 kanalda

Get PRO

Yanvar '22

+383

0 kanalda

Get PRO

Dekabr '21

+264

0 kanalda

Get PRO

Noyabr '21

+263

0 kanalda

Get PRO

Oktabr '21

+386

0 kanalda

Get PRO

Sentabr '21

+352

0 kanalda

Get PRO

Avgust '21

+330

0 kanalda

Get PRO

Iyul '21

+205

0 kanalda

Get PRO

Iyun '21

+272

0 kanalda

Get PRO

May '21

+319

0 kanalda

Get PRO

Aprel '21

+329

0 kanalda

Get PRO

Mart '21

+305

0 kanalda

Get PRO

Fevral '21

+335

0 kanalda

Get PRO

Yanvar '21

+405

0 kanalda

Get PRO

Dekabr '20

+13 908

0 kanalda

Sana	Obunachilarni jalb qilish	Esdaliklar	Kanallar
11 Iyun	+2
10 Iyun	+1
09 Iyun	+1
08 Iyun	+2
07 Iyun	0
06 Iyun	+3
05 Iyun	+2
04 Iyun	+2
03 Iyun	+1
02 Iyun	+3
01 Iyun	0

Kanal postlari

Тихая проблема ненужного async. Мэтт Смит предупреждает, что async функция без настоящей асинхронной работы меняет свой контракт и заставляет все вызовы обрабатывать промисы. async распространяется по цепочке вызовов, добавляет когнитивную нагрузку и скрывает, где действительно происходит ввод-вывод. Он советует оставлять синхронные функции синхронными, а async вводить только тогда, когда появляется реальная асинхронная работа. #js #performance https://allthingssmitty.com/2026/06/08/the-quiet-problem-with-unnecessary-async/

2	Анимация SVG-карт на CSS. Эмбер Уэйнберг показывает, как оживить SVG-карту: взять элементы <line> и <circle>, сделать ступенчатое появление меток через transition и :nth-of-type, проявить фон с помощью transform: translate3d() и нарисовать линии трюком со stroke-dasharray и stroke-dashoffset. Все анимации внутри prefers-reduced-motion и запускаются переключением класса на родителе через JavaScript. #css #svg https://amberweinberg.com/css-animated-svg-maps/	2 335
3	Новинки WebKit в бете Safari 27 с WWDC26. Джен Симмонс представляет 58 новых фич и 525 исправлений: кастомизируемые <select>, scroll anchoring, anchor positioning с учётом трансформаций, WebAssembly JSPI, CSS-псевдокласс :heading, ключевое слово revert-rule, значение stretch для размеров, top-level await в модулях и иммерсивные сцены через <model> на visionOS. #safari #browser https://webkit.org/blog/17967/news-from-wwdc26-webkit-in-safari-27-beta/	2 379
4	Stylelint-плагин CSS Property Type Validator. Скалк Нитлинг выпустил первую бету плагина, который интегрирует CSS Property Type Validator в существующие процессы линтинга. Плагин проверяет регистрации @property, соответствие значений кастомных свойств зарегистрированному синтаксису и совместимость var(). Ошибки типов ловятся в CI, редакторах и прекомит-хуках без отдельных инструментов. #css #tools https://schalkneethling.com/posts/introducing-the-css-property-type-validator-stylelint-plugin/	2 535
5	00:01:54 Новинки Chrome 149 00:24:17 Локальный AI в Edge 00:39:02 WebKit про WebMCP 01:00:54 Как сделать хороший сайт 01:13:58 VoidZero в Cloudflare	2 581
6	Выпуск №530. Полина Гуртовая и Никита Дубко про новинки Chrome 149, локальный AI в Edge, WebKit про WebMCP, как сделать хороший сайт и VoidZero в Cloudflare. — Лайв на Ютубе — Слушайте на Ютубе — Ссылки на сайте	2 515
7	Спецификация для веб-сайтов. Йост де Валк опубликовал универсальную спецификацию технических возможностей, которыми должен обладать качественный сайт. Документ охватывает основы и семантический HTML, SEO и структурированные данные, доступность, безопасность и CSP, производительность и Core Web Vitals, интернационализацию, а также готовность к агентам через Markdown-эндпоинты, JSON-LD и RSS. #html #a11y https://specification.website	3 553
8	Новинки Chrome 149. CSS gap decorations позволяют рисовать линейки в гэпах между элементами гридов и флексов. Свойство shape-outside поддерживает функции path(), shape(), rect() и xywh(). SVG-атрибут path-length стал CSS-свойством. Обрезанный текст переключается с ellipsis на clip при взаимодействии пользователя. Также добавлены image-rendering: crisp-edges, Intl.Locale.prototype.variants, а WebSocket-соединения больше не блокируют back/forward кэш. #chrome #browser https://developer.chrome.com/release-notes/149	3 586
9	CSS заполняет гэпы линейками. Брехт Де Рюйте разбирает новые CSS-свойства для оформления гэпов в гридах и флексах. Свойства column-rule и row-rule рисуют линейки в гэпах, а rule-break, rule-inset, rule-overlap и rule-visibility-items управляют пересечениями, длиной и условным отображением. Также линейки можно анимировать. #css #layout https://utilitybend.com/blog/css-is-filling-the-gaps-with-rules-a-way-to-style-gaps-in-grid-and-flex	3 500
10	CSS-центрирование в 2026 году. Темани Афиф разбирает множество способов центрирования в CSS и показывает, как выбрать подходящий. Теория выравнивания с двумя уровнями и двумя осями, сравнение флексов, гридов, position: absolute и text-align, новое свойство text-box для обрезки отступов вокруг текста, anchor-center в якорном позиционировании, разница между безопасным и небезопасным центрированием. #css #layout https://css-tricks.com/the-state-of-css-centering-in-2026/	3 525
11	Появление и исчезновение в современном CSS. Мэтт Кроут показывает, как анимировать появление и исчезновение элементов: @starting-style задаёт начальные значения, transition остаются прерываемыми посреди анимации, а allow-discrete справляется со свойствами вроде display, которые обычно меняются мгновенно. View Transition API дополняет картину, анимируя изменения раскладки между состояниями DOM на примере <dialog> и поповеров. #css #animation https://joyofcode.xyz/entry-and-exit-css-transitions	3 567
12	00:01:23 Линейки в гэпах 00:28:40 Короткие или полные свойства 00:56:52 Нормальный line-clamp 01:19:42 Потерянное десятилетие	3 279
13	Выпуск №529. Вадим Макеев и Никита Дубко про линейки в гэпах, короткие или полные свойства, нормальный line-clamp и потерянное десятилетие фронтенда. — Лайв на Ютубе — Слушайте на Ютубе — Ссылки на сайте	3 242
14	Replacements.fyi. Инструмент от сообщества e18e помогает находить более производительные и безопасные альтернативы устаревшим или ненужным npm-пакетам. Введите имя пакета — например, is-number, left-pad или is-odd — и получите готовую замену или короткий фрагмент кода. Можно фильтровать по среде: Node, Bun, Deno, Cloudflare или браузер. Также есть список всех пакетов и проверка package.json. #npm #tools https://replacements.fyi/	4 460
15	CSS или JavaScript для анимаций. Джош Комо сравнивает CSS, Web Animations API и JS-библиотеки GSAP и Motion при загруженном основном потоке. Анимации на CSS и Motion остаются плавными, потому что работают вне основного потока, а нативные JS-анимации и GSAP подвисают. Размер библиотек тоже важен: Motion весит 48 КБ в gzip, GSAP — 27 КБ. Джош советует нативный CSS по возможности, а JS-библиотеки — только для того, что CSS не умеет, например для морфинга SVG. #animation #performance https://www.joshwcomeau.com/animation/css-vs-javascript/	4 451
16	Точные размеры резиновых блоков с round(). Ахмад Шадид рассказывает, как CSS-функция round() дополняет clamp(), округляя плавные значения до удобных шагов, избавляя от дробей вроде 19.7px. Он разбирает размеры шрифтов в карточках, системы типографики и базовые сетки, показывает round() с единицами от контейнера для сохранения визуального ритма при изменении вьюпорта. Также упоминает calc-size() для синхронизации высот соседних блоков. #css #typography https://ishadeed.com/article/css-round/	4 144
17	Декларативные частичные обновления HTML. Барри Поллард и Ноам Розенталь представляют две идеи для веб-платформы: инструкции обработки <?marker> и <?start>/<?end> в паре с <template> позволяют серверу вставлять HTML в нужные места документа без последовательной доставки. Новые JS-методы setHTML(), appendHTML() и streamHTML() дают единообразное API для частичных обновлений. Полифилы есть на npm. #html #api https://developer.chrome.com/blog/declarative-partial-updates	3 855
18	600+ миллионов человек пишут справа налево: две правки для вашего приложения. Нина Торгунакова разбирает два сценария. Для англоязычных приложений с полями свободного ввода достаточно dir="auto" — браузер сам определит направление по первому символу, без JavaScript. Для полностью локализованных интерфейсов задайте dir="rtl" на <html> и замените физические CSS-свойства на логические: margin-inline-start, padding-inline-end и text-align: start. #css #a11y https://evilmartians.com/chronicles/600-million-people-write-right-to-left-2-fixes-your-app-needs	4 225
19	00:01:22 Новинки Firefox 151 00:26:00 CSS и UI на Google I/O 00:42:29 WebMCP и агентный веб 00:45:47 Modern Web Guidance 01:18:59 DevTools для агентов 01:32:06 Prompt API в Chrome 01:41:07 Core Web Vitals 01:53:26 HTML в Canvas	3 854
20	Выпуск №528. Вадим Макеев, Алексей Симоненко, Полина Гуртовая и Никита Дубко про новинки Firefox 151 и Google I/O: CSS и UI, WebMCP и агентный веб, Modern Web Guidance, DevTools, Prompt API, Core Web Vitals и HTML в Canvas. — Лайв на Ютубе — Слушайте на Ютубе — Ссылки на сайте	3 981

Barcha postlarni ko‘rish