Будни разработчика
前往频道在 Telegram
Блог Lead JS-разработчика Автор: @bekharsky По рекламе: https://telepost.pro/ch/id2415 или https://t.me/it_adv Чат: https://t.me/htmlshitchat №5001017849, https://www.gosuslugi.ru/snet/679b74f8dad2d930d2eaa978
显示更多📈 Telegram 频道 Будни разработчика 的分析概览
频道 Будни разработчика (@htmlshit) 俄语 语言赛道中的 是活跃参与者。目前社区聚集了 14 596 名订阅者，在 技术与应用 类别中位列第 8 607，并在 俄罗斯 地区排名第 44 912 位。
📊 受众指标与增长动态
自 невідомо 创建以来，项目保持高速增长，吸引了 14 596 名订阅者。
根据 25 八月, 2026 的最新数据，频道保持稳定运转。过去 30 天订阅人数变化为 219，过去 24 小时变化为 5，整体触达仍然可观。
- 认证状态： 未认证
- 互动率 (ER)： 平均受众互动率为 9.14%。内容发布后 24 小时内通常能获得 5.33% 的反应，占订阅者总量。
- 帖子覆盖： 每篇帖子平均可获得 1 335 次浏览，首日通常累积 778 次浏览。
- 互动与反馈： 受众积极参与，单帖平均反应数为 8。
- 主题关注点： 内容集中在 css, api, scroll, --fade, bottom 等核心主题上。
📝 描述与内容策略
作者将该频道定位为表达主观观点的平台：
“Блог Lead JS-разработчика
Автор: @bekharsky
По рекламе: https://telepost.pro/ch/id2415 или https://t.me/it_adv
Чат: https://t.me/htmlshitchat
№5001017849, https://www.gosuslugi.ru/snet/679b74f8dad2d930d2eaa978”
凭借高频更新（最新数据采集于 26 八月, 2026），频道始终保持新鲜度与高覆盖。分析显示受众积极互动，使其成为 技术与应用 类别中的关键影响点。
14 596
订阅者
+524 小时
-157 天
+21930 天
数据加载中...
相似频道
标签云
进出提及
---
---
---
---
---
---
吸引订阅者
八月 '26
八月 '26
+397
在0个频道中
七月 '26
+385
在0个频道中
Get PRO
六月 '26
+37
在1个频道中
Get PRO
五月 '26
+114
在0个频道中
Get PRO
四月 '26
+190
在0个频道中
Get PRO
三月 '26
+215
在17个频道中
Get PRO
二月 '26
+238
在1个频道中
Get PRO
一月 '26
+155
在0个频道中
Get PRO
十二月 '25
+124
在15个频道中
Get PRO
十一月 '25
+530
在10个频道中
Get PRO
十月 '25
+95
在6个频道中
Get PRO
九月 '25
+203
在21个频道中
Get PRO
八月 '25
+77
在0个频道中
Get PRO
七月 '25
+251
在6个频道中
Get PRO
六月 '25
+451
在6个频道中
Get PRO
五月 '25
+127
在6个频道中
Get PRO
四月 '25
+364
在18个频道中
Get PRO
三月 '25
+204
在11个频道中
Get PRO
二月 '25
+253
在7个频道中
Get PRO
一月 '25
+193
在11个频道中
Get PRO
十二月 '24
+329
在2个频道中
Get PRO
十一月 '24
+524
在10个频道中
Get PRO
十月 '24
+306
在7个频道中
Get PRO
九月 '24
+243
在13个频道中
Get PRO
八月 '24
+384
在13个频道中
Get PRO
七月 '24
+496
在12个频道中
Get PRO
六月 '24
+363
在7个频道中
Get PRO
五月 '24
+978
在3个频道中
Get PRO
四月 '24
+475
在22个频道中
Get PRO
三月 '24
+223
在1个频道中
Get PRO
二月 '24
+402
在9个频道中
Get PRO
一月 '24
+454
在18个频道中
Get PRO
十二月 '23
+240
在3个频道中
Get PRO
十一月 '23
+258
在2个频道中
Get PRO
十月 '23
+238
在7个频道中
Get PRO
九月 '23
+339
在0个频道中
Get PRO
八月 '23
+341
在0个频道中
Get PRO
七月 '23
+352
在0个频道中
Get PRO
六月 '23
+404
在0个频道中
Get PRO
五月 '23
+211
在0个频道中
Get PRO
四月 '23
+233
在0个频道中
Get PRO
三月 '23
+323
在0个频道中
Get PRO
二月 '23
+216
在0个频道中
Get PRO
一月 '23
+143
在0个频道中
Get PRO
十二月 '22
+219
在0个频道中
Get PRO
十一月 '22
+201
在0个频道中
Get PRO
十月 '22
+853
在0个频道中
Get PRO
九月 '22
+306
在0个频道中
Get PRO
八月 '22
+604
在0个频道中
Get PRO
七月 '22
+1 137
在0个频道中
Get PRO
六月 '22
+1 040
在0个频道中
Get PRO
五月 '22
+1 241
在0个频道中
Get PRO
四月 '22
+472
在0个频道中
Get PRO
三月 '22
+767
在0个频道中
Get PRO
二月 '22
+315
在0个频道中
Get PRO
一月 '22
+163
在0个频道中
Get PRO
十二月 '21
+608
在0个频道中
Get PRO
十一月 '21
+93
在0个频道中
Get PRO
十月 '21
+341
在0个频道中
Get PRO
九月 '21
+530
在0个频道中
Get PRO
八月 '21
+383
在0个频道中
Get PRO
七月 '21
+753
在0个频道中
Get PRO
六月 '21
+1 449
在0个频道中
Get PRO
五月 '21
+354
在0个频道中
Get PRO
四月 '21
+1 799
在0个频道中
Get PRO
三月 '21
+384
在0个频道中
Get PRO
二月 '21
+409
在0个频道中
Get PRO
一月 '21
+1 391
在0个频道中
Get PRO
十二月 '20
+706
在0个频道中
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 26 八月 | +2 | |||
| 25 八月 | +16 | |||
| 24 八月 | +33 | |||
| 23 八月 | +1 | |||
| 22 八月 | 0 | |||
| 21 八月 | +3 | |||
| 20 八月 | 0 | |||
| 19 八月 | +2 | |||
| 18 八月 | +1 | |||
| 17 八月 | +3 | |||
| 16 八月 | 0 | |||
| 15 八月 | +3 | |||
| 14 八月 | 0 | |||
| 13 八月 | +7 | |||
| 12 八月 | +17 | |||
| 11 八月 | +33 | |||
| 10 八月 | +83 | |||
| 09 八月 | +1 | |||
| 08 八月 | +2 | |||
| 07 八月 | +3 | |||
| 06 八月 | +9 | |||
| 05 八月 | +26 | |||
| 04 八月 | +59 | |||
| 03 八月 | +88 | |||
| 02 八月 | +2 | |||
| 01 八月 | +3 |
频道帖子
#codepen дня
Можно ли при помощи SVG-фильтров, не прибегая к помощи теней, экструдировать текст?
Экструзия — процесс выдавливания, как в 3D-принтере.
И да, можно! Как всегда, Ана Тюдор с прекрасным решением. На сей раз, кстати, у решения нет багов на HDR-экранах 😅 Всё отображается как надо.
Кодпен: https://codepen.io/thebabydino/pen/yLmxePV
Выглядит потрясно. Матрица экструзии там отдельная песня, конечно.
#svg #filter
| 2 |  Раз в месяц полезно пересматривать то, что мы читаем
С начала лета мы активно работаем с Claude и считаем Fable 5 одной из сильнейших моделей по логике и работе с контекстом.
Раз в 1–2 месяца запускаем ИИ-агента для ревизии Telegram-подписок: он анализирует контент, частоту публикаций, вовлечённость и помогает убрать каналы, где шума уже больше, чем пользы.
Параллельно смотрим на собственное поведение: что мы действительно читаем, где реагируем и комментируем, а что просто годами висит в подписках.
После последней такой ревизии осталась подборка авторов с практикой по нейросетям, разработке, промптам и генеративным инструментам.
👉 https://t.me/addlist/thqh9g6KXnw0MmQy
Иногда полезно чистить не только задачи и файлы, но и собственное информационное поле. | 957 |
| 3 |  #фишка дня
Применяя position: sticky к заголовку таблицы, мы получам прекрасную и понятную реализацию прилипшего заголовка.
Вот только есть одна проблема: последняя строка таблицы при скролле скрывается под этим самым заголовком и выглядит это, ну, странно. Особенно в случае, когда в таблице не просто текст, а условия сравнения, изображения и так далее.
А решение простое!
Добавляем margin-bottom на thead размером во всю высоту строки:
margin-bottom: calc(1lh + 20px);
Обратите внимание, 1lh — это буквально единица измерения, позволяющая обратиться к значению интерлиньяжа, aka высоте строки. Ну а складывать удавов с попугаями мы умели всегда.
Да, совсем не очевидно, зато выглядит таблица теперь бомбически: https://codepen.io/alinaki/pen/JojeGMY?editors=0100
#table #sticky #position | 998 |
| 4 |  #такое дня
Хороший вопрос, конечно, помнит ли Apple что иконка Safari означала компас для навигации по вебу, но это, наверное, уже неважно. В 27 версии их ОС будет так.
После просмотра этого комикса развидеть разваливающуюся стрелочку уже невозможно :)
Реддит. | 1 110 |
| 5 |  +6Проект от подписчика!
Напоминаю, что я выкачу любую статью или проект от вас, не стесняйтесь писать.
Презентация? Выступили на митапе? Хотите поделиться интересной статьёй — добро пожаловать!
Всем привет, меня зовут Николай и я алкоголик фронтенд-разработчик уже более 10 лет. Последние года два под влиянием тенденций, да и просто из интереса, начал внедрять ИИ-решения в свою работу и повседневную жизнь.
Этот канал я читаю уже несколько лет и с интересом слежу за тем, что Сергей выкладывает из найденного и личного. Недавно у него начали появляться истории от подписчиков, и я думаю, что это очень круто, так как платформа показывает самые свежие тенденции и позволяет не «верстать в стол», а что-то показать группе единомышленников.
Недавно на канале появился пост от подписчика, который также собрал своего бота, занимающегося финансами и планированием. Я подумал, что это очень похоже на то, что я недавно сделал для себя и продолжаю развивать. В общем, решил, что это отличная возможность показать, что я сделал, и, возможно, получить полезные комментарии.
Итак, представляю вашему вниманию Personal Finance AI Accountant - бот, сборка моделей и просто умница.
Начался этот проект в рамках 5-дневного интенсива от Google и Kaggle как Capstone Project (ссылка на проект). За идею взял решение своей боли - учёта финансов для семьи и бизнеса. Бот создан с использованием Google ADK 2.0 (Graph Workflow) и семейства Gemini (разные модели под разные задачи для экономии).
За последний месяц этот прототип превратился в приложение, которое я ежедневно активно тестирую.
В настоящее время оно уже поддерживает:
- регистрацию расходов в виде текста, голосовых сообщений, чеков и PDF-файлов;
- сверку банковских выписок и текущих трат (загружаешь выписку за месяц, бот ищет то, что не внесено, и вносит);
- автоматическое сохранение чеков на Google Диск;
- поддержку групп (семейная или бизнес);
- автоматическую классификацию по категориям;
- интерфейс в Telegram;
- интеграцию с Google Drive и Google Sheets;
- интерактивную информационную панель;
- поддержка двух валют - EUR и USD (живу в Германии, поэтому ориентация на Европу);
- английский, немецкий, украинский и русский языки.
Одна из функций, которой я особенно горжусь, - это подход, при котором приоритет отдаётся конфиденциальности - чеки хранятся в вашем личном Google Диске, финансовые отчёты - в ваших личных Таблицах Google, и вы всегда сохраняете полный контроль над своими данными.
Следующим важным этапом станет внедрение модуля, который будет помогать организовывать налоговые вычеты в течение всего года, а также отдельный веб-интерфейс, интеграция с WhatsApp и более точные финансовые аналитические данные. Сейчас вся авторизация идёт через Telegram.
В настоящее время я ищу несколько бета-тестеров (не из РФ). Если вы хотите опробовать приложение Personal Finance AI Accountant - пишите в личку. | 1 197 |
| 6 |  #заметка дня
Делаю дома мелкий ремонт и поймал себя на забавной аналогии с разработкой.
Когда на двери начинает откалываться краска, снять только тот кусок, который уже сам отвалился, обычно недостаточно. Берёшь шпатель и проходишься по краям того, что с виду ещё кажется нормальным. Где-то краска держится крепко, а где-то следом отходит ещё сантиметр, потом ещё десять. Значит, этот слой уже был частью повреждения — просто ещё не выглядел повреждённым.
С багами часто так же. Очень легко принять первое заметное проявление проблемы за её настоящую границу.
Допустим, пользователь дважды нажал «Оплатить» и получил два заказа. Самый очевидный фикс — задизейблить кнопку после первого клика. Исходный сценарий больше не воспроизводится, и формально баг можно закрывать. Но это примерно как закрасить только то место, где старая краска уже успела отвалиться.
Куда полезнее чуть пройтись по краям: что будет, если отправить то же действие из двух вкладок? Если клиент после таймаута повторит запрос? Если два одинаковых запроса придут на backend почти одновременно?
Как тут не вспомнить некоторых разработчиков, которые просто скажут: «Нефиг делать два заказа, проблема пользователя».
Если каждый из этих сценариев вскрывает новую проблему, значит дело было не в кнопке. Настоящая граница дефекта глубже: одна и та же операция не должна выполняться дважды, независимо от того, как возник повторный запрос.
Это не значит, что при каждом сколе нужно сдирать всю дверь до дерева. В какой-то момент шпатель упирается в слой, который действительно держится, и там можно остановиться.
Иногда самое полезное, что можно сделать с багом перед тем, как его чинить, — сначала сделать его немного больше.
#dev #work | 1 048 |
| 7 |  Любите ли вы шрифтовые лонгриды так же, как люблю их я? Тут про один шрифт — текста на хороший журнал и 600 фотографий.
В 2007 году Марцин Вихари впервые приехал в Нью-Йорк и фотографировал там все шрифты, которые положено любить: Helvetica, Akzidenz Grotesk, Gotham. Один он при этом вообще не заметил — хотя тот был буквально вокруг.
Спустя десять лет Вихари обратил внимание на странные буквы на старых клавиатурах. Квадратные, местами почти детские: чудная Q, слишком широкие P и R, странные цифры. Он попытался выяснить, что это за шрифт. Сервисы распознавания давали разные ответы, скачать его было негде, а редкие упоминания называли его Gorton.
А потом Gorton начал попадаться в других местах.
На пароме. В национальном парке. На домофоне. На крышке уличного оборудования. В лифте. У стоматолога. В переулке.
И тут уже стало интересно: что это вообще за шрифт и почему он везде?
Первая разгадка нашлась довольно быстро. Gorton оказался шрифтом для гравировальных станков: буквы вырезались фрезой по шаблону, поэтому все линии одинаковой толщины, окончания круглые, а острых углов почти нет. В каталоге производителя он нашёл Gorton Normal 1952 года. Потом каталог 1935-го. Потом 1925-го. Потом — 1902-го.
Казалось бы, расследование закончено.
Но дальше выяснилось, что Gorton встречается там, где ничего не гравировали: напечатанным на бумаге, нарисованным краской на металле. Потом обнаружились его родственники в системах технического черчения, трафаретах, Letraset, военных стандартах и ранних компьютерных шрифтах. Gorton оказался на локомотивах, подлодках, истребителях, атомных объектах и клавишах компьютера Apollo.
А ещё позже Вихари увидел его в Австралии — только немного другим. И это вывело расследование на новый след: оказалось, что история начинается не с американской Gorton Machine Company, как он думал годами, а ещё раньше и на другом континенте — с британского производителя объективов Taylor, Taylor & Hobson, который в 1894 году придумал машину для гравировки надписей на линзах и алфавит для неё.
К этому моменту автор уже семь лет был одержим Gorton. А в Нью-Йорке в итоге прошёл больше ста миль и сделал тысячи фотографий одного-единственного шрифта.
В общем, это не столько статья про шрифт, сколько очень медленно раскручивающийся детектив о наборе букв, который вроде бы никто специально не замечал — а он больше века подписывал весь физический мир вокруг нас.
The hardest working font in Manhattan
Почитайте, или хотя бы посмотрите. Пост, как минимум, полон приятных глазу фотографий городской среды, а уж количество способов нанесения шрифты на материалы не поддаётся никакому осмыслению.
#font #article | 1 089 |
| 8 |  #заметка дня
Новости для Java-, Kotlin- и Scala-разработчиков: 29 августа в Москве пройдет JVM Day — конференция для разработчиков, архитекторов и тимлидов от Т-Банка.
Из спикеров конференции – Андрей Кулешов, который поделится последними новостями в области Java, Антон Курако объяснит, как красивые показатели могут ввести в заблуждение, а Сергей Петрелевич разберет Mechanical Sympathy и подходы к ускорению Spring Boot-приложений. На конфе также будет аллея продуктов, где можно потыкать демки фреймворка Kora для Java и Kotlin, AI-native-платформы SourceCraft и мультиязычной OpenIDE.
После докладов пройдет вечеринка во дворе штаб-квартиры Т-Банка с играми на Sega, ИТ-квизом и диджей-сетом на виниле.
Зарегистрироваться на конфу можно тут: https://meetup.tbank.ru/conference/jvm-day/.
Если вы собираетесь на конференцию, дайте знать в комментах. Так будет проще найтись и пойти вместе.
#ai #performance #java #jvm | 1 231 |
| 9 |  #игра дня
Давненько не было чего-то необычного.
Впрочем, если вы не фанат Dwarf Fortress, конечно.
Untrusted — это игра, в которой вам предлагают не просто пройти уровень, а сначала починить его. Или, если точнее, подправить JavaScript-код, который за него отвечает. Персонаж — профессор Эвал — застрял в виртуальной реальности, и единственный способ выбраться оттуда — лезть в исходники и аккуратно, а иногда и не очень, их переписывать.
Каждый уровень — это кусок JS-кода, который можно и нужно менять: отключить ловушку, переписать поведение врагов, добавить себе проход в стене — пожалуйста. Главное — чтобы заработало.
Игру сложно назвать обучающей, но если вы когда-то писали на JavaScript и у вас осталась эта мышечная память for (var i = 0; i < ...), будет ощущение, что вы просто продолжаете работу, только теперь в компании ASCII-графики и странного профессора.
🎮 https://untrustedgame.com/ 📂 https://github.com/AlexNisnevich/untrusted
#game #js | 1 435 |
| 10 |  Верстаешь?
Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:
1. Без опыта сделаешь реальный сайт сервиса доставки с нуля;
2. Добавишь JavaScript-логику, расчёты и трекинг;
3. Подключишь карты и маршрут доставки через API;
4. Превратишь сайт в Angular-приложение;
5. Подключишь backend и выложишь проект в продакшен;
6. Научишься использовать ChatGPT и Giga во Frontend-разработке;
7. Узнаешь 9 способов найти первый заказ на фрилансе даже без опыта.
А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 12-летним стажем – Романа Чернова и получишь живую помощь по проекту.
👉 Проскочить на интенсив бесплатно
Начинаем уже завтра.
🔥 С нас обучение, практика и помощь с выходом на фриланс или собеседованием. | 1 220 |
| 11 |  Проект от подписчика!
Напоминаю, что я выкачу любую статью или проект от вас, не стесняйтесь писать.
Презентация? Выступили на митапе? Хотите поделиться интересной статьёй — добро пожаловать!
Всем привет! Меня зовут Василий, я разработчик из Хельсинки. В свободное время занимаюсь проектами на стыке веба, C++ и криптографии. Один из них это AmethystXMR: https://amethystxmr.github.io/
Это браузерный Monero-кошелёк: нативный C++ код Monero собран в WebAssembly, а вокруг него сделан интерфейс на React. Ключи остаются у пользователя в браузере, там же приложение сканирует блокчейн и формирует транзакции.
На скриншоте кошелёк называется [object Promise] - это не баг, а мое чувство юмора: люблю вписывать в формы значения вроде undefined, null, NaN, Invalid Date, ReferenceError, TypeError, [object Object], Cannot read properties of undefined. Смешно же.
AmethystXMR полностью рабочий: можно создать или восстановить кошелёк, отправлять и получать XMR, подключаться к своей ноде, использовать QR-коды. Можно запускать и в Tor Browser, в том числе с onion-нодами.
Еще есть поддержка multisig. В Monero он устроен довольно интересно и не совсем так как в Bitcoin. Я рассказывал об этом на MoneroKon, а по мотивам доклада вышел подробный пост со схемами:
https://coin.space/how-does-monero-xmr-multisig-work
Недавно еще разбирался с неприятным багом: платеж отображался как потерянный, хотя в итоге оказалось, что деньги никуда не пропали. Всю историю расследования и того, как удалось найти проблему, описал здесь:
https://www.reddit.com/r/MoneroMeansMoney/comments/1v5dsx2/the_story_of_a_lost_and_found_payment/
Еще с MoneroKon есть запись моего второго доклада - про Lightning Network:
https://www.youtube.com/watch?v=obFwB_KA7pk
Исходники проекта:
https://github.com/amethystxmr/amethystxmr.github.io
Если появятся какие-то вопросы по проекту, WebAssembly, Monero или докладам - спрашивайте, отвечу. | 1 576 |
| 12 |  #фишка дня
Каждому смотрящему сериалы известно, что один из самых лучших способов сделать текст субтитров видимым на практически любом фоне — это добавить инверсную обводку.
Белый контур для чёрного текста, чёрный — для белого (внезапно).
Есть ли что-то подобное в CSS? Ну, конечно, есть! Как минимум, можно бросить тень aka text-shadow. Правда, синтаксис не очень интуитивный да и выглядит иногда странненько.
Какие ещё варианты? SVG text, очевидно, но там свои нюансы с доступностью и стилями.
И есть ещё!
-webkit-text-stroke-color
Несмотря на префикс, Firefox тоже его поддерживает (спорное решение, но уж как есть).
Вот только как всегда есть нюанс. По-умолчанию, обводка будет нарисована перед слоем с текстом. Это очевидно, если понимать разницу между штрихом (stroke) и обводкой (outline), но всё же.
Поэтому paint-order: stroke нам в помощь! Таким образом, штрих будет отрисован первым, натуральным образом превратившись в обводку (при достаточной толщине, конечно же):
-webkit-text-stroke-color: white;
-webkit-text-stroke-width: var(--stroke);
paint-order: stroke;
#css #stroke #outline | 1 329 |
| 13 | 😤 Включил VPN — и вместо удобства получил новые проблемы?
💳 Банк требует дополнительные подтверждения.
🏛 Госуслуги перестают работать.
🛒 Ozon не открывается даже через раз.
🎮 В играх пинг взлетает до небес.
Попробуйте другой подход!
⚡️ WarpVPN — быстрое подключение к нужным сервисам без постоянных неудобств.
🌍 Стабильный доступ к нужным ресурсам
📱 Поддержка популярных устройств
🔒 Простая настройка — всего один клик.
Попробуйте бесплатно в один клик 👇
https://warpvpn.space/?utm_source=telegram&utm_medium=post&utm_campaign=budni_dev&utm_content=tg_post_1 — именно так VPN и должен работать. | 1 143 |
| 14 |  #история дня
30 лет назад вышел Internet Explorer 3.0.
13 августа 1996 года появилась версия для Windows, а 8 января 1997 — для Mac OS (да-да, она тогда не macOS называлась). Было же время...
Что же такого в нём примечательного?
Ну, помимо того, что это первый IE с легендарной вселяющей ужас во всех верстальщиков иконкой, это ещё и первый браузер вообще с поддержкой CSS.
В то время CSS использовался чтобы помечать посещенные ссылки фиолетовым.
Эта самая поддержка была даже по тем скромным меркам неполной. Microsoft, впрочем, надолго решила продолжать в том же духе.
А ещё была своя реализация JavaScript: JScript. И предлагалась поддержка VBScript... я свой первый веб-проект на нём писал, не особенно содрогаясь.
Работал браузер на 386 с Windows 3.1, требовал от 4 MB оперативной памяти, 12 MB — если хотелось Java 🤯
Посмотреть скриншоты и видео можно в музее веб-дизайна: https://www.webdesignmuseum.org/old-software/web-browsers/internet-explorer-3-0
Взгрустнулось, котаны? 😅
#css #ie #history | 1 357 |
| 15 |  #статья дня
Прекрасный рефрешер знаний по таблицам от Мишель Баркер: https://piccalil.li/blog/styling-tables-the-modern-css-way/
Таблицы получили много незаслуженного хейта из-за лихих нулевых. Мобильные устройства тоже не добавили удобства, в итоге многие положили болт на семантику и начали верстать таблицы гридами. Во имя чего — непонятно.
А люди потом в эксель не могли ничего скопировать.
Но вместе с этим, ничего более универсального для двумерного представления данных пока не придумали, поэтому имеет смысл обновить знания по существующим фишкам и посмотреть, нет ли чего нового.
Статья хороша тем, что посвящена не трюкам, а просто сводит воедино базу по доступности и удобству. Да, sticky columns там тоже описываются.
Ну и тут уместно напомнить о моём тейке про доступные таблицы: https://t.me/htmlshit/2981
#css #table | 1 309 |
| 16 |  Ваш бизнес есть на карте. Но знает ли об этом кто-нибудь, кроме вас?
13 августа эксперты Рег.Решений и Rocket Business расскажут о локальном SEO — Яндекс.Картах, 2ГИС и других способах привести клиентов из поиска в офлайн-бизнес.
На вебинаре вы узнаете:
— как продвигаться в локальной выдаче;
— что действительно влияет на видимость бизнеса;
— как работать с Яндекс.Картами и 2ГИС;
— как оценивать результат, а не просто радоваться красивым позициям.
Это первая встреча из серии бесплатных вебинаров «Как превратить поиск и нейросети в канал стабильных продаж» от Рег.Решения и Rocket Business.
🗓 13 августа, 14:00 (Мск)
Регистрация здесь | 1 162 |
| 17 | Ваш бизнес есть на карте. Но знает ли об этом кто-нибудь, кроме вас?
13 августа эксперты Рег.Решений и Rocket Business расскажут о локальном SEO — Яндекс.Картах, 2ГИС и других способах привести клиентов из поиска в офлайн-бизнес.
На вебинаре вы узнаете:
— как продвигаться в локальной выдаче;
— что действительно влияет на видимость бизнеса;
— как работать с Яндекс.Картами и 2ГИС;
— как оценивать результат, а не просто радоваться красивым позициям.
Это первая встреча из серии бесплатных вебинаров «Как превратить поиск и нейросети в канал стабильных продаж» от Рег.Решения и Rocket Business.
🗓 13 августа, 14:00 (Мск)
Регистрация здесь | 654 |
| 18 |  #видео дня
Если фамилия Корольковой вам ничего не говорит, то её шрифты почти наверняка говорят.
Александра Королькова — шрифтовой и книжный дизайнер, арт-директор Paratype, автор «Живой типографики» и один из авторов PT Sans, PT Serif, Circe и других известных гарнитур.
А вот её свежая лекция — «Шрифтовая магия»:
https://www.youtube.com/watch?v=76P5P9agcHc
Королькова показывает нестандартную вариативность, оптические размеры, то, как один шрифт может буквально «переодеваться» под разные задачи, разбирает внимание к мелким деталям и всякие странные штуки, которые вообще можно зашить внутрь шрифта. А потом отдельно доходит до более практичного вопроса: что из всего этого реально полезно дизайнеру в повседневной работе и где это можно попробовать бесплатно.
И заодно несколько ссылок по теме из архива канала:
— бесплатная «Живая типографика»
— оптическое выравнивание
— минус и дефис
#video #fonts #talk | 1 399 |
| 19 |  🔴 Тестовое собеседование на Frontend-разработчика со старшим разработчиком ex. Сбер
13 августа(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Даниил Дмитриев, старший разработчик в R-Vision, ex. Сбер, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Даниил будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Даниилу
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе. | 1 093 |
| 20 |  #статья дня
Я тут в нашем продукте всё пытаюсь сделать идеальные всплывающие уведомления, aka тосты.
Потому что выскакивают, как хлеб из тостера.
Поначалу они были сугубо императивные, вызвали уведомление вручную, вручную же скрыли все разом или по некому id. Потом я решил объединить уведомления и некоторые виды модальных окон (например, подтверждение или отмену действия).
Параллельно я начал переписывать императивные уведомления на React, потому что на тот момент приложение стало гибридным. Получалось вроде неплохо. Но в какой-то момент...
В какой-то момент я на полную познал, что такое гипотеза Чёрной Королевы (забавно, что в английском языке — Красной Королевы). В простейшем варианте она звучит так: "Нужно бежать, чтобы оставаться на месте". Непомерно много усилий требуется, чтобы лишь чуть-чуть двигаться вперёд.
В мире разработки она же значит, что на один закрытый баг — получаешь пятнадцать новых :)
Да, пришло время признать, что я со своей реализацией уведомлений зашёл в тупик, и надо смотреть в сторону альтернатив.
И тут попадается нечто прекрасное, компонент Sonner: https://emilkowal.ski/ui/building-a-toast-component
И сразу ссылка на репозиторий: https://github.com/emilkowalski/sonner
Статья буквально на острие взаимодействия CSS и JS, объяснены принципы построения анимаций на CSS-переменных и управления ими из React-приложения.
Сами же тосты реализованы на простой шине событий, что весьма надёжно.
В общем, я ещё свой поиск идеальной реализации не завершил, но Sonner — максимально к ней близок.
#react #toasts #notification #animation | 1 435 |
