10.3KПодписчиков
июл 2025Добавлен
РусскийЯзык
Описание
Библиотека Frontend программиста. Книги, полезные материалы, статьи, новости, уроки по front end/web разработке. По всем вопросам @evgenycarter
Статистика
Рост подписчиков
10 325▼ 2.1%
| Дата | Подписчиков |
|---|---|
| 28 июл | 10 550 |
| 29 июл | 10 545 |
| 30 июл | 10 542 |
| 31 июл | 10 537 |
| 1 авг | 10 537 |
| 2 авг | 10 535 |
| 3 авг | 10 533 |
| 4 авг | 10 531 |
| 5 авг | 10 530 |
| 6 авг | 10 527 |
| 7 авг | 10 526 |
| 8 авг | 10 524 |
| 9 авг | 10 522 |
| 10 авг | 10 521 |
| 11 авг | 10 521 |
| 12 авг | 10 521 |
| 13 авг | 10 520 |
| 14 авг | 10 521 |
| 15 авг | 10 519 |
| 16 авг | 10 515 |
| 17 авг | 10 514 |
| 18 авг | 10 510 |
| 19 авг | 10 508 |
| 20 авг | 10 505 |
| 21 авг | 10 504 |
| 22 авг | 10 504 |
| 23 авг | 10 501 |
| 24 авг | 10 498 |
| 25 авг | 10 498 |
| 26 авг | 10 492 |
| 27 авг | 10 485 |
| 28 авг | 10 483 |
| 29 авг | 10 479 |
| 30 авг | 10 475 |
| 31 авг | 10 473 |
| 2 сен | 10 470 |
| 3 сен | 10 468 |
| 4 сен | 10 469 |
| 5 сен | 10 464 |
| 6 сен | 10 461 |
| 7 сен | 10 458 |
| 8 сен | 10 454 |
| 9 сен | 10 452 |
| 10 сен | 10 452 |
| 11 сен | 10 452 |
| 12 сен | 10 452 |
| 13 сен | 10 449 |
| 14 сен | 10 445 |
| 15 сен | 10 442 |
| 16 сен | 10 437 |
| 17 сен | 10 432 |
| 18 сен | 10 430 |
| 19 сен | 10 426 |
| 20 сен | 10 425 |
| 21 сен | 10 422 |
| 22 сен | 10 423 |
| 23 сен | 10 422 |
| 24 сен | 10 422 |
| 25 сен | 10 423 |
| 26 сен | 10 420 |
| 27 сен | 10 419 |
| 28 сен | 10 415 |
| 29 сен | 10 414 |
| 30 сен | 10 413 |
| 1 окт | 10 413 |
| 2 окт | 10 411 |
| 3 окт | 10 411 |
| 4 окт | 10 405 |
| 5 окт | 10 405 |
| 6 окт | 10 400 |
| 7 окт | 10 397 |
| 8 окт | 10 394 |
| 9 окт | 10 392 |
| 10 окт | 10 387 |
| 11 окт | 10 383 |
| 12 окт | 10 381 |
| 13 окт | 10 379 |
| 14 окт | 10 377 |
| 15 окт | 10 373 |
| 16 окт | 10 367 |
| 17 окт | 10 366 |
| 18 окт | 10 361 |
| 19 окт | 10 355 |
| 20 окт | 10 353 |
| 21 окт | 10 352 |
| 22 окт | 10 341 |
| 23 окт | 10 341 |
| 24 окт | 10 327 |
| 25 окт | 10 325 |
Количество постов
4 360▲ 1.4%
| Дата | Постов |
|---|---|
| 28 июл | 4 301 |
| 29 июл | 4 303 |
| 30 июл | 4 304 |
| 31 июл | 4 305 |
| 1 авг | 4 305 |
| 2 авг | 4 305 |
| 3 авг | 4 306 |
| 4 авг | 4 306 |
| 5 авг | 4 307 |
| 6 авг | 4 308 |
| 7 авг | 4 308 |
| 8 авг | 4 308 |
| 9 авг | 4 310 |
| 10 авг | 4 310 |
| 11 авг | 4 310 |
| 12 авг | 4 311 |
| 13 авг | 4 311 |
| 14 авг | 4 311 |
| 15 авг | 4 312 |
| 16 авг | 4 312 |
| 17 авг | 4 313 |
| 18 авг | 4 315 |
| 19 авг | 4 316 |
| 20 авг | 4 317 |
| 21 авг | 4 318 |
| 22 авг | 4 318 |
| 23 авг | 4 318 |
| 24 авг | 4 320 |
| 25 авг | 4 320 |
| 26 авг | 4 321 |
| 27 авг | 4 321 |
| 28 авг | 4 322 |
| 29 авг | 4 322 |
| 30 авг | 4 322 |
| 31 авг | 4 323 |
| 2 сен | 4 323 |
| 3 сен | 4 324 |
| 4 сен | 4 326 |
| 5 сен | 4 326 |
| 6 сен | 4 326 |
| 7 сен | 4 326 |
| 8 сен | 4 326 |
| 9 сен | 4 326 |
| 10 сен | 4 327 |
| 11 сен | 4 332 |
| 12 сен | 4 333 |
| 13 сен | 4 333 |
| 14 сен | 4 333 |
| 15 сен | 4 333 |
| 16 сен | 4 333 |
| 17 сен | 4 335 |
| 18 сен | 4 336 |
| 19 сен | 4 336 |
| 20 сен | 4 336 |
| 21 сен | 4 336 |
| 22 сен | 4 337 |
| 23 сен | 4 338 |
| 24 сен | 4 338 |
| 25 сен | 4 338 |
| 26 сен | 4 339 |
| 27 сен | 4 339 |
| 28 сен | 4 340 |
| 29 сен | 4 340 |
| 30 сен | 4 341 |
| 1 окт | 4 341 |
| 2 окт | 4 342 |
| 3 окт | 4 343 |
| 4 окт | 4 343 |
| 5 окт | 4 343 |
| 6 окт | 4 344 |
| 7 окт | 4 344 |
| 8 окт | 4 344 |
| 9 окт | 4 345 |
| 10 окт | 4 347 |
| 11 окт | 4 354 |
| 12 окт | 4 355 |
| 13 окт | 4 356 |
| 14 окт | 4 357 |
| 15 окт | 4 357 |
| 16 окт | 4 357 |
| 17 окт | 4 357 |
| 18 окт | 4 357 |
| 19 окт | 4 357 |
| 20 окт | 4 358 |
| 21 окт | 4 358 |
| 22 окт | 4 359 |
| 23 окт | 4 360 |
| 24 окт | 4 360 |
| 25 окт | 4 360 |
| 26 окт | 4 360 |
Средние просмотры на пост
660▲ 4.3%
| Дата | Просмотров |
|---|---|
| 28 июл | 633 |
| 29 июл | 590 |
| 30 июл | 587 |
| 31 июл | 575 |
| 1 авг | 602 |
| 2 авг | 618 |
| 3 авг | 616 |
| 4 авг | 634 |
| 5 авг | 621 |
| 6 авг | 616 |
| 7 авг | 627 |
| 8 авг | 637 |
| 9 авг | 570 |
| 10 авг | 633 |
| 11 авг | 643 |
| 12 авг | 634 |
| 13 авг | 654 |
| 14 авг | 663 |
| 15 авг | 671 |
| 16 авг | 682 |
| 17 авг | 689 |
| 18 авг | 659 |
| 19 авг | 636 |
| 20 авг | 605 |
| 21 авг | 568 |
| 22 авг | 609 |
| 23 авг | 619 |
| 24 авг | 568 |
| 25 авг | 594 |
| 26 авг | 582 |
| 27 авг | 604 |
| 28 авг | 575 |
| 29 авг | 595 |
| 30 авг | 605 |
| 31 авг | 587 |
| 2 сен | 627 |
| 3 сен | 627 |
| 4 сен | 629 |
| 5 сен | 640 |
| 6 сен | 646 |
| 7 сен | 653 |
| 8 сен | 663 |
| 9 сен | 675 |
| 10 сен | 690 |
| 11 сен | 685 |
| 12 сен | 678 |
| 13 сен | 687 |
| 14 сен | 697 |
| 15 сен | 708 |
| 16 сен | 715 |
| 17 сен | 743 |
| 18 сен | 736 |
| 19 сен | 748 |
| 20 сен | 752 |
| 21 сен | 763 |
| 22 сен | 755 |
| 23 сен | 740 |
| 24 сен | 753 |
| 25 сен | 761 |
| 26 сен | 759 |
| 27 сен | 769 |
| 28 сен | 752 |
| 29 сен | 769 |
| 30 сен | 742 |
| 1 окт | 758 |
| 2 окт | 720 |
| 3 окт | 699 |
| 4 окт | 707 |
| 5 окт | 715 |
| 6 окт | 706 |
| 7 окт | 725 |
| 8 окт | 732 |
| 9 окт | 714 |
| 10 окт | 650 |
| 11 окт | 589 |
| 12 окт | 556 |
| 13 окт | 549 |
| 14 окт | 558 |
| 15 окт | 576 |
| 16 окт | 588 |
| 17 окт | 597 |
| 18 окт | 603 |
| 19 окт | 608 |
| 20 окт | 622 |
| 21 окт | 640 |
| 22 окт | 636 |
| 23 окт | 633 |
| 24 окт | 644 |
| 25 окт | 656 |
| 26 окт | 660 |
Аналитика
Подписчики
−95−0,91%изменение за период
−3в среднем за день
0лучший день · 1 окт 2026
−14худший день · 24 окт 2026
Публикации и охват
0,5постов в день · 14 за период
660средний охват поста
6,4%читаемость · доля подписчиков, видящих пост
3,5реакций на пост
86%постов с фото и видео
Место в каталоге
Самые просматриваемые посты
Посты, которые прочитали больше всего людей
- 905🪄 Трюк: «Скелетон» без JS При загрузке данных часто ставят Spinner. Но современный UX → Skeleton (серый шаблон контента). И делать его можно без JS! .skeleton13 окт 2026Открыть пост
- 880Как работает комбинация clip + mask: - маска применяется к контейнеру с использованием соответствующего изображения клавиши, чтобы изображение обрезалось при с2 окт 2026Открыть пост
- 849ИИ-система может отлично решать задачи бизнеса, но при этом оставаться уязвимой. Утечки данных, атаки на модели, небезопасные сценарии работы агентов — проблемы1 окт 2026Открыть пост
- 825💡 HTML Tip: Скачивание файлов одной строкой Хочешь, чтобы пользователь скачивал файл по клику? Просто добавь атрибут download к ссылке: <a href="/images/logo.5 окт 2026Открыть пост
- 700Совет по CSS 💡 Используйте табличные цифры для отображения таймеров ✅ https://www.codewithshripal.com/playground/css/use-tabular-number-for-timers 📲 Мы в MAX12 окт 2026Открыть пост
Больше всего реакций
Посты, на которые читатели реагировали чаще всего
- 7Как работает комбинация clip + mask: - маска применяется к контейнеру с использованием соответствующего изображения клавиши, чтобы изображение обрезалось при с2 окт 2026Открыть пост
- 6🚀 Быстрое улучшение Lighthouse: content-visibility Хотите ускорить рендер длинных страниц без костылей? Используйте CSS-свойство: .card { content-visibility11 окт 2026Открыть пост
- 5🪄 Трюк: «Скелетон» без JS При загрузке данных часто ставят Spinner. Но современный UX → Skeleton (серый шаблон контента). И делать его можно без JS! .skeleton13 окт 2026Открыть пост
- 5Совет по CSS 💡 Используйте табличные цифры для отображения таймеров ✅ https://www.codewithshripal.com/playground/css/use-tabular-number-for-timers 📲 Мы в MAX12 окт 2026Открыть пост
- 5Совет по CSS 💡 Мы часто используем кнопки действий, которые появляются при наведении, чтобы интерфейс выглядел чище. Но пользователи, работающие только с клав29 сен 2026Открыть пост
Посты из канала
23 окт 03:50
CSS совет 💡
Возможно, вы не знали, что в CSS можно задавать поворот, используя единицу измерения turn
📲 Мы в MAX
👉 @frontend_1
359
❤️ 4
📷 2
21 окт 04:23
Совет по Javascript 💡
Как выбрать последний элемент массива
📲 Мы в MAX
👉 @frontend_1
482
❤️ 4
📷 1
19 окт 04:42
Совет CSS 💡
Вы можете не знать об этом псевдоклассе CSS
📲 Мы в MAX
👉 @frontend_1
610
❤️ 4
📷 2
13 окт 06:03
🪄 Трюк: «Скелетон» без JS
При загрузке данных часто ставят Spinner. Но современный UX → Skeleton (серый шаблон контента). И делать его можно без JS!
.skeleton {
background: linear-gradient(
90deg,
#e0e0e0 25%,
#f0f0f0 50%,
#e0e0e0 75%
);
background-size: 200% 100%;
animati...
905
❤️ 5
📷 1
12 окт 04:53
Совет по CSS 💡
Используйте табличные цифры для отображения таймеров ✅
https://www.codewithshripal.com/playground/css/use-tabular-number-for-timers
📲 Мы в MAX
👉 @frontend_1
700
❤️ 5
📷 2
11 окт 16:11
🚀 Быстрое улучшение Lighthouse: content-visibility
Хотите ускорить рендер длинных страниц без костылей? Используйте CSS-свойство:
.card {
content-visibility: auto;
}
Что делает:
- Браузер не рендерит невидимые элементы (за пределами вьюпорта);
- Сохраняет размер блока для скролла;
- Экономит ...
626
❤️ 6
📷 1
10 окт 05:38
🚀 Подборка полезных IT каналов в Max
Системное администрирование, DevOps 📌
https://max.ru/i_odmin Все для системного администратора
https://max.ru/bash_srv Bash Советы
https://max.ru/sysadminof Книги для админов, полезные материалы
https://max.ru/i_odmin_book Библиотека Системного Администратора...
464
9 окт 04:03
5 офферов получили наши ребята на прошлой неделе
Оффер на 4,2k долларов
Оффер на 5k евро
Оффер 260k рублей
Оффер на 210k рублей
Оффер на 220k рублей
И еще 19 за сентябрь... а за лето более 50... и у тебя получится!
👋 Меня зовут Тихон, я действующий Frontend-разработчик и ментор. За руку довожу д...
586
📷 7
9 окт 03:02
Мини-хак: :has() в CSS — меньше JS для интерактивности 🎯
Современные браузеры уже поддерживают :has() — “родительский селектор”, который раньше приходилось эмулировать на JS.
Пример: показать рамку у карточки, если внутри есть картинка:
.card:has(img) {
border: 2px solid #4ade80;
}
Ещё круче:...
574
❤️ 4
📷 1
8 окт 03:37
🔥 Трюк с style в React, который упростит работу с динамическими стилями
Вместо создания длинных условий или классов, можно использовать spread-оператор и логические выражения прямо в объекте стилей:
<div
style={{
padding: '16px',
...(isError && { border: '1px solid red' }),
...(isAc...
688
❤️ 2
5 окт 07:39
💡 HTML Tip: Скачивание файлов одной строкой
Хочешь, чтобы пользователь скачивал файл по клику? Просто добавь атрибут download к ссылке:
<a href="/images/logo.svg" download="codewithshripal-logo.svg">Download File</a>
📌 Что важно знать:
– download — указывает браузеру, что нужно не открыть файл...
825
❤️ 3
📷 1
2 окт 04:15
Как работает комбинация clip + mask:
- маска применяется к контейнеру с использованием соответствующего изображения клавиши, чтобы изображение обрезалось при смещении (translate)
- clip применяется к контейнеру, чтобы зона взаимодействия (hit area) не перекрывала другие клавиши 🧑🍳
📲 Мы в MAX
...
880
❤️ 7
📷 2