Последние посты
Frontend разработчик
22 сент., 07:01
HTML input types сильно различаются в зависимости от значения атрибута type, который вы используете 👨💻.Ознакомьтесь с этой шпаргалкой на будущее 🚀📲 Мы в MAX👉 @frontend_1
Frontend разработчик
21 сент., 06:22
Шпаргалка по выравниванию в CSS Grid 👨💻📲 Мы в MAX👉 @frontend_1
Frontend разработчик
17 сент., 05:15
💡Шпаргалка по CSS📲 Мы в MAX👉 @frontend_1
Frontend разработчик
16 сент., 06:03
Оффер 427 000₽ на руки в Сбер и отказались Оффер 380 000₽ на руки в банк Оффер 6 800$ net с релокацией на Кипр Оффер 4 500$ в американскую компанию👆Это недавние результаты участников нашего комьюнити.Меня зовут Тихон - я действующий разработчик и ментор. Уже 2 года я развиваю комьюнити, где 300+ разработчиков, и вместе мы выжимаем из рынка максимум!В нашем канале много ценного для разработчиков по подготовке к собесам👇Полные разборы реальных собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФСборники вопросов по темам: Кибербезопасность на собеседовании Все вопросы по React на собеседовании Все вопросы по TypeScript на собеседовании Как решать задачи двумя указателями Вопросы с Vue собеседований Вопросы по сетям и методологиям с 200 собесовFrontend разработчик
16 сент., 05:05
Сегодня хочу поделиться с тобой одной тонкостью, которая помогает делать интерфейс более дружелюбным — скелетоны (skeleton loaders). Это те самые серые заглушки, которые показываются до загрузки данных. Пользователь видит, что «что-то происходит», и не чувствует, что приложение тормозит.🦴 Как сделать скелетон быстро и без боли? Я часто использую компонент из @radix-ui/react-skeleton или shadcn/ui. Но можно собрать свой за 5 минут:const Skeleton = ({ className }: { className?: string }) => ( <div className={animate-pulse bg-muted rounded-md ${className}} /> )А потом использовать так:{isLoading ? ( <Skeleton className="h-6 w-40" /> ) : ( <span>{user.name}</span> )}Без скелетонов пользователь может увидеть "прыгающий" интерфейс — сначала пустота, потом всё резко появилось. Это раздражает. Скелетоны создают ощущение плавности и контроля.📲 Мы в MAXFrontend разработчик
11 сент., 05:17
💡 Scroll-snap-typeПозволяет создавать плавные, контролируемые прокрутки с «привязкой» к определённым позициям..container { scroll-snap-type: x mandatory; } .item { scroll-snap-align: start; }🔘Используется для каруселей, слайдеров и списков.Зачем это нужно:➡️ Сделать UX удобным и предсказуемым.➡️ Избавиться от костылей на JS.📲 Мы в MAXFrontend разработчик
10 сент., 06:40
Основные методы массивов JavaScript📲 Мы в MAX👉 @frontend_1
Frontend разработчик
9 сент., 05:10
Ознакомьтесь с этими 5 советами по адаптивному веб-дизайну 👨💻📲 Мы в MAX👉 @frontend_1
Frontend разработчик
3 сент., 06:14
Импорт локальных изображений vs использование изображений из папки / public в Next.js📲 Мы в MAX👉 @frontend_1Frontend разработчик
2 сент., 07:50
Всплывающие скроллеры изображений с анимацией, управляемой прокруткой CSS 🤙.pop { view-timeline-name: --pop; } img { animation: slide both; animation-timeline: --pop; animation-range: entry 100% cover 50%; } .skateboarder { --x: 0; --y: -45%; } @ keyframes slide { to { translate: var(--x) var(--y); } }https://codepen.io/jh3y/pen/abPgrGRFrontend разработчик
31 авг., 05:06
Совет по JavaScript💡Легко и правильно отображайте цены.📲 Мы в MAX👉 @frontend_1
Frontend разработчик
28 авг., 05:20
Совет по веб-доступности 💡Лучший способ сделать ваши ссылки, состоящие только из иконок, удобными для экранных читалок.📲 Мы в MAX👉 @frontend_1
Frontend разработчик
25 авг., 18:52
📲 Мы в MAX👉 @frontend_1Frontend разработчик
24 авг., 06:04
CSS совет 💡Возможно, ты не знал об этом новом и самом простом способе вертикально центрировать контент в блочном макете.📲 Мы в MAX👉 @frontend_1
Frontend разработчик
23 авг., 11:05
🚀 Подборка полезных IT каналов в MaxСистемное администрирование, DevOps 📌https://max.ru/i_odmin Все для системного администратора https://max.ru/bash_srv Bash Советы https://max.ru/sysadminof Книги для админов, полезные материалы https://max.ru/i_odmin_book Библиотека Системного Администратора https://max.ru/i_devops DevOps: Пишем о Docker, Kubernetes и др. https://max.ru/tipsysdmin Типичный Сисадмин https://max.ru/channel_win_sysadmin Системный Администратор Windows https://max.ru/channel_linux_admin Linux: Системный администратор https://max.ru/channel_linuxmod Linux https://max.ru/channel_i_linux Системный администратор https://max.ru/channel_devopslib DevOps, SRE, Sysadmin https://max.ru/channel_devops_star DevOps Star (Звезда Девопса)Excel лайфхак 📌 https://t.me/Excel_lifehack Excel лайфхакMAXСистемный Администратор | Sysadmin Windows & Linux Server. …Купить рекламу: https://telega.in/m/i_odmin Блог практикующего админа. Настройка Windows Server, Active Directory (AD), GPO и терминальных серверов (RDP). Раб…Frontend разработчик
21 авг., 07:41
💡 Знаете ли вы, что к числам в упорядоченном списке можно добавить 0️⃣?📲 Мы в MAX👉 @frontend_1
Frontend разработчик
20 авг., 06:04
CSS-совет 💡Возможно, ты не знал о единице измерения lh в CSS📲 Мы в MAX👉 @frontend_1Frontend разработчик
19 авг., 06:10
Совет по HTML 💡Семантический способ выделить часть текста ✅📲 Мы в MAX👉 @frontend_1
Frontend разработчик
18 авг., 06:04
В нашем канале много ценного для разработчиков по подготовке к собесам👇Уже 2 года мы развиваем комьюнити, где 10000+ разработчиков, и вместе мы тренируем собеседования и выжимаем из рынка максимум!Полные разборы собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФСтримы с гостями и записями: Как проходить собеседование на английском Как решать livecoding задачи Прокачали более 30 резюме вместе с ЮройСборники вопросов по темам: Кибербезопасность на собеседовании Все вопросы по React на собеседовании Все вопросы по TypeScript на собеседовании Как решать задачи двумя указателями Вопросы с Vue собеседований Вопросы по сетям и методологиям с 200 собесов Вопросы по JS с 200 собесов Какие задачи спрашивают на livecoding чаще
Frontend разработчик
17 авг., 19:33
🎯 Современный способ центрирования с place-itemsЦентрировать элемент — базовая задача, но многие до сих пор пишут лишнее:❌ Старый способ с Flexbox:display: flex; justify-content: center; align-items: center;✅ Новый минималистичный способ с Grid:display: grid; place-items: center;📌 place-items — это сокращение для align-items + justify-items. Работает только с CSS Grid, но зато:Меньше кода Более читаемо Идеально для одиночных элементов в контейнере
