Frontend Developer
Kanalga Telegram’da o‘tish
Обучающие видео, готовый код, полезные ресурсы и статьи Наш чат — https://t.me/+1lXro3gcUwM2YmY6 Сотрудничество – @argo_chat
Ko'proq ko'rsatish
Tarmoq:2 264
Obunachilar
Ma'lumot yo'q24 soatlar
-27 kunlar
-3130 kunlar
Ma'lumot yuklanmoqda...
O'xshash kanallar
Taglar buluti
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Aprel '26
Aprel '26
+3
0 kanalda
Mart '26
+14
0 kanalda
Get PRO
Fevral '26
+13
0 kanalda
Get PRO
Yanvar '26
+15
0 kanalda
Get PRO
Dekabr '25
+10
0 kanalda
Get PRO
Noyabr '25
+24
0 kanalda
Get PRO
Oktabr '25
+18
0 kanalda
Get PRO
Sentabr '25
+26
0 kanalda
Get PRO
Avgust '25
+19
0 kanalda
Get PRO
Iyul '25
+33
1 kanalda
Get PRO
Iyun '25
+29
1 kanalda
Get PRO
May '25
+33
0 kanalda
Get PRO
Aprel '25
+73
1 kanalda
Get PRO
Mart '25
+25
0 kanalda
Get PRO
Fevral '25
+60
0 kanalda
Get PRO
Yanvar '25
+59
0 kanalda
Get PRO
Dekabr '24
+42
0 kanalda
Get PRO
Noyabr '24
+50
0 kanalda
Get PRO
Oktabr '24
+80
0 kanalda
Get PRO
Sentabr '24
+287
1 kanalda
Get PRO
Avgust '24
+132
1 kanalda
Get PRO
Iyul '24
+190
0 kanalda
Get PRO
Iyun '24
+431
0 kanalda
Get PRO
May '24
+775
20 kanalda
Get PRO
Aprel '24
+1 560
12 kanalda
| Sana | Obunachilarni jalb qilish | Esdaliklar | Kanallar | |
| 19 Aprel | 0 | |||
| 18 Aprel | +1 | |||
| 17 Aprel | 0 | |||
| 16 Aprel | 0 | |||
| 15 Aprel | 0 | |||
| 14 Aprel | 0 | |||
| 13 Aprel | 0 | |||
| 12 Aprel | 0 | |||
| 11 Aprel | 0 | |||
| 10 Aprel | 0 | |||
| 09 Aprel | 0 | |||
| 08 Aprel | 0 | |||
| 07 Aprel | 0 | |||
| 06 Aprel | +1 | |||
| 05 Aprel | 0 | |||
| 04 Aprel | 0 | |||
| 03 Aprel | 0 | |||
| 02 Aprel | 0 | |||
| 01 Aprel | +1 |
Kanal postlari
Знакомьтесь,
Алина Карашова - кандидат экономических наук, доцент, квалифицированный финансовый консультант, лектор общества «Знание», квалифицированный инвестор, более 6 лет в инвестициях
У Алины авторский канал для тех, кто хочет углубиться в тему личных финансов и инвестиций
В своем канале Алина:
➖комментирует важнейшие экономические события
[Зачем подняли НДС?]
➖дает комментарии по наиболее важным инвестиционным инструментам и компаниям
[Как инвестировать в доллары?]
➖ пишет про ловушки и лайфхаки поведенческих финансах, например, как накопить на отпуск незаметно для бюджета
➖ берет интервью у первых лиц ЦБ: только в этом году Алина беседовала Алексеем Заботкиным, директором департамента ДКП ЦБ Ганганом и даже задавала вопросы Набиулинной на пресс-конференции по ключевой
Подписывайтесь, чтобы не пропустить 👇
https://t.me/investing_for_life
| 2 | укп | 1 |
| 3 |  +1Маленькие прописные буквы, или капитель, это особый стиль оформления текста.
Они выглядят как прописные, но по высоте совпадают со строчными. Такой приём давно используется в типографике для выделения отдельных фрагментов и придания тексту выразительности.
Это легко реализовать и в вебе, в CSS достаточно задать свойство font-variant-caps
small-caps включает капитель только для строчных букв
all-small-caps превращает в капитель и строчные, и прописные
➡️ @byFrontDeveloper | 552 |
| 4 |  Держите классную находку для веб-разработчиков
Cursor Effects это набор ретро-эффектов курсора с кучей вариаций. Бесплатно, open source, и встраивается в проект буквально за пару строк кода.
Мгновенно добавляет сайту креатива и выделяет его среди остальных :)
github.com/tholman/cursor-effects
➡️ @byFrontDeveloper | 486 |
| 5 |  Знаете ли вы, что свойство align-content применяется к блочным элементам?
Более того, вы можете использовать значение space-around, чтобы выровнять содержимое по вертикали
Читайте эту статью, чтобы узнать, почему (и раскрыть еще больше тайн выравнивания) 🧀
➡️ @byFrontDeveloper | 446 |
| 6 | Сохраняй себе 5 топовых тулз для веб-разработчиков
Эти инструменты ускоряют работу, помогают писать чище и экономят время. Отличный набор, который стоит держать под рукой:
SVG Flag Icons — nucleoapp.com/svg-flag-icons
EmbedPDF — embedpdf.com
FliiipBook — fliiipbook.com
use-mcp — github.com/modelcontextprotocol/use-mcp
DayPicker — daypicker.dev
Пригодятся в любом проекте 🎵
➡️ @byFrontDeveloper | 423 |
| 7 |  Неожиданный лайфхак для разработчиков 🤯
Оказывается, любую страницу в браузере можно превратить в текстовый редактор одной строкой JavaScript:
document.designMode = "on";
Всё содержимое страницы становится редактируемым, режим можно включать и выключать в любой момент, работает во всех топовых браузерах — Chrome, Firefox, Safari, Edge.
Удобная штука для быстрых мокапов, проверки идей по UI или просто чтобы пофаниться. Иногда самые мощные фичи годами лежат прямо на поверхности 🙂
➡️ @byFrontDeveloper | 448 |
| 8 |  Можно сделать UI чище, уменьшив или убрав скроллбары с помощью свойства scrollbar-width
Пример тонкого скроллбара:
ul {
scrollbar-width: thin;
}
Пример скрытого скроллбара (область остаётся скроллируемой):
.cards-container {
scrollbar-width: none;
}
Подойдет под сайдбары, таблицы данных, чат-панели, дашборды с кучей скроллов, карусели, тач-интерфейсы.
В итоге скролл работает, но UI выглядит аккуратнее. 🥺
➡️ @byFrontDeveloper | 440 |
| 9 |  Эволюция HTML в сторону меньшего количества JavaScript
Атрибуты command позволяют вызывать методы DOM-элементов без написания JS-кода.
Фича уже работает в Chrome и Edge, а скоро появится в Firefox и Safari.
Теперь, чтобы открыть или закрыть модалку, достаточно всего пары строк HTML ❤️
➡️ @byFrontDeveloper | 448 |
| 10 |  Этот HTML-тег никто не использует, а он реально крутой
➡️ @byFrontDeveloper | 522 |
| 11 |  Совет по CSS
Не нужно готовить отдельные версии логотипа в градациях серого для тёмной и светлой темы.
Это легко делается с помощью CSS-фильтров.
/* Для светлой темы */
.logos-container img {
filter: brightness(0);
opacity: 0.6;
}
/* Для тёмной темы */
.logos-container img {
filter: invert(1) saturate(0) brightness(4);
opacity: 0.6;
}
➡️ @byFrontDeveloper | 543 |
| 12 |  CSS в реальной жизни
➡️ @byFrontDeveloper | 480 |
| 13 |  Набравший популярность лайфхак для GitHub
Хочешь мгновенно получить документацию по любому репозиторию с помощью ИИ? Просто зайди в репо и в адресной строке замени github на deepwiki
Через секунду у тебя будет готовая документация по проекту прямо в браузере. 😠
➡️ @byFrontDeveloper | 498 |
| 14 |  Фронт меняет font-size у текста кнопки.
Клиент:
➡️ @byFrontDeveloper | 480 |
| 15 |  OriginUI продолжает развиваться и становится все интереснее для разработчиков.
Это библиотека React-компонентов с минималистичным дизайном и большим набором готовых решений, которые удобно сгруппированы по категориям и имеют разные вариации.
Код можно сразу копировать и вставлять в проект, экономя часы на верстку и дизайн. 🙂
Попробовать: originui.com
➡️ @byFrontDeveloper | 531 |
| 16 |  Когда вы знаете CSS, вы видите все по-другому.
➡️ @byFrontDeveloper | 517 |
| 17 |  Библиотека face-api.js уже давно доступна и активно используется для распознавания лиц прямо в браузере. Она работает без сервера и позволяет определять лицо, возраст, пол и эмоции на JavaScript в реальном времени.
Установка через npm:
npm i face-api.js
➡️ @byFrontDeveloper | 533 |
| 18 |  Совет по CSS
Цвет по умолчанию у чекбоксов и радиокнопок можно менять с помощью свойства accent-color
➡️ @byFrontDeveloper | 484 |
| 19 |  Бесплатный AI-инструмент от Google только что навсегда изменил образование 🤯
Теперь в NotebookLM можно конвертировать любую статью или ссылку на документацию в полноценный видео-туториал.
Раньше инструмент умел делать только текстовые конспекты и подкаст-стиль аудиоуроки из PDF, документов или ссылок. С новым обновлением он может за считанные секунды собирать структурированные видео-объяснения.
В демо ниже превратили статью про JavaScript-функции на MDN в полный видео-обзор.
И это только начало. Онлайн-образование станет намного доступнее и эффективнее :)
➡️ @byFrontDeveloper | 553 |
| 20 |  Это один из лучших AI-инструментов для разработчиков 🔥
Он позволяет визуально генерировать полностью структурированные базы данных с помощью обычных текстовых запросов. Просто опиши, что тебе нужно, и он соберёт всё мгновенно.
Таблицы, поля и связи создаются автоматически, экономя часы на ручной настройке.
Отлично подходит для прототипов и MVP.
Линк: database.build
➡️ @byFrontDeveloper | 557 |
