Media is too big
VIEW IN TELEGRAM
CSS scroll-driven animations
Разбираем, как с помощью одного CSS-свойства сделать временную шкалу прокрутки.
Демонстрации:
🎁 Прогрессбар со scroll-анимацией
🎁 Абсолютное позиционирование
Полный выпуск:
🐭 Смотреть на YouTube
🐹 Смотреть в VK
Разбираем, как с помощью одного CSS-свойства сделать временную шкалу прокрутки.
Демонстрации:
Полный выпуск:
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3❤2❤🔥2
Ставите
В статье разбираем, как работает
🎁 Читать статью
z-index: 9999, а элемент всё равно прячется под другим? Дело не в числе, а в контексте наложения.В статье разбираем, как работает
z-index: почему он действует только на позиционированных элементах, как локальные контексты наложения мешают элементу «выпрыгнуть» наверх, и что кроме position контекст создают transform, filter и opacity. Плюс практические советы по организации слоёв в проекте. #css #webdevPlease open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥4🤣4❤🔥1❤1
text-decoration: none — одна строка, которая убирает подчёркивание ссылки. Но стоит ли это делать?В статье показываем, как убрать подчёркивание через CSS и через инлайн-стили, когда это уместно — например, для ссылок-кнопок или карточек товаров, и как заменить стандартное оформление на своё: анимация,
border-bottom, другой цвет. Отдельно о том, почему полностью убирать подчёркивание без замены — плохая идея для UX. #css #htmlPlease open Telegram to view this post
VIEW IN TELEGRAM
🔥5👍2❤1❤🔥1
Пятница 13-е: AI «сломал» сайт — а мы даём скидки до 50%
Наш AI-агент «переписал» сайт. Кнопки съехали, блоки перепутались, логика поплыла. Мы не стали чинить — мы сделали из этого квиз.
Пять вопросов на логику и внимательность. Найдите, где система сломалась, — и получите скидку:
1️⃣ мидл-курсы и тренажёры — 50%,
2️⃣ профессия под работодателя — 20%,
3️⃣ лайт-профессии — две по цене одной за 29 000 ₽,
4️⃣ одна лайт-профессия — 22 000 ₽.
Квиз займёт две-три минуты. Скидки действуют с 13 по 15 февраля.
🎁 Пройти квиз: https://mrqz.me/friday13
Наш AI-агент «переписал» сайт. Кнопки съехали, блоки перепутались, логика поплыла. Мы не стали чинить — мы сделали из этого квиз.
Пять вопросов на логику и внимательность. Найдите, где система сломалась, — и получите скидку:
Квиз займёт две-три минуты. Скидки действуют с 13 по 15 февраля.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4🔥3❤🔥1
Forwarded from Как стать мидлом
Макет есть, а мобильной версии нет. Состояния кнопок не прописаны, дизайнер занят — и задача висит.
Курс «Дизайн для фронтендеров» учит решать такие задачи самостоятельно. Восемь разделов: Figma, 8px-сетка и вертикальный ритм, типографика, цвет и контрастность с учётом доступности, адаптив без готовых макетов и UI-анимация. В каждом — теория, разбор кейса и практика с эталонным решением.
Подходит разработчикам с базовым знанием HTML и CSS, которые хотят перестать зависеть от дизайнера в типовых интерфейсных задачах. #levelup #htmlacademy
🎁 Записаться на курс
Курс «Дизайн для фронтендеров» учит решать такие задачи самостоятельно. Восемь разделов: Figma, 8px-сетка и вертикальный ритм, типографика, цвет и контрастность с учётом доступности, адаптив без готовых макетов и UI-анимация. В каждом — теория, разбор кейса и практика с эталонным решением.
Подходит разработчикам с базовым знанием HTML и CSS, которые хотят перестать зависеть от дизайнера в типовых интерфейсных задачах. #levelup #htmlacademy
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6❤🔥2
Media is too big
VIEW IN TELEGRAM
Верстальщики больше не нужны.
Так считают многие — но основатель студии Bquadro объясняет, почему вёрстка никуда не делась и какие задачи компании доверяют именно верстальщикам.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥6👍2🔥2
SimpleUp — студия, которая строит маркетинговые решения для бизнеса. Вместо того чтобы гнаться за сеньорами на рынке, компания решила вырастить разработчиков с нуля.
В четверг 19 февраля (MSK) в 12:00 директор по развитию и тимлид разработки расскажут:
1️⃣ Зачем агентство нанимает джунов, а не опытных разработчиков
2️⃣ Как устроен рост внутри небольшой команды
3️⃣ Нужна ли вёрстка, когда есть нейросети
4️⃣ Что ждёт выпускников совместной программы
🎁 Бонус: среди первых 100 зарегистрировавшихся разыграем бесплатное место на программу. Итоги — в конце эфира.
https://htmlacademy.ru/events/live-simpleup
В четверг 19 февраля (MSK) в 12:00 директор по развитию и тимлид разработки расскажут:
https://htmlacademy.ru/events/live-simpleup
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥5🔥4👏3
Forwarded from CSS Боль
Накрутчики обрушили доверие к резюме — компании больше не верят ни трудовой, ни GitHub. Как доказать реальный опыт?
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
Самый простой способ — дринкапы: бесплатные встречи разработчиков, где формируются связи и рекомендации. Начать можно уже на этой неделе. А ещё три способа посерьёзнее — в видео. Один из них — вечная ачивка, за другой вам ещё и заплатят.
В новом выпуске «CSS Боли» — почему кризис доверия останется навсегда и как подготовиться уже сейчас.
🐭 Смотреть на YouTube
🐹 Смотреть в VK
Самый простой способ — дринкапы: бесплатные встречи разработчиков, где формируются связи и рекомендации. Начать можно уже на этой неделе. А ещё три способа посерьёзнее — в видео. Один из них — вечная ачивка, за другой вам ещё и заплатят.
В новом выпуске «CSS Боли» — почему кризис доверия останется навсегда и как подготовиться уже сейчас.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤🔥3👏3
Форкнуть, клонировать, запушить — звучит просто, пока не откроешь терминал и не зависнешь на генерации SSH-ключа.
В статье проходим весь путь: установка Git,
🎁 Читать статью
В статье проходим весь путь: установка Git,
git config, регистрация на GitHub, настройка SSH. Потом — форк, git clone, создание ветки, первый коммит и пуш. В конце — пулреквест и синхронизация форка с мастер-репозиторием. Между шагами — квизы для самопроверки и словарик терминов. #tools #gitPlease open Telegram to view this post
VIEW IN TELEGRAM
❤11👍5❤🔥2🔥2
HTML Academy
SimpleUp — студия, которая строит маркетинговые решения для бизнеса. Вместо того чтобы гнаться за сеньорами на рынке, компания решила вырастить разработчиков с нуля. В четверг 19 февраля (MSK) в 12:00 директор по развитию и тимлид разработки расскажут: 1️⃣ …
Завтра в 12:00 (MSK) — эфир с SimpleUp
Три вопроса, на которые ответят директор по развитию и тимлид разработки:
🎁 Как в небольшой студии выстроен процесс обучения новичков?
🎁 Что компания думает об AI-кодинге и нейросетях в разработке?
🎁 Правда ли, что глубокие навыки вёрстки больше не нужны?
В программу обучения включён курс «Фронтенд на автопилоте: AI-агенты на практике» — научитесь кодить вместе с AI-агентами, использовать Cursor и другие инструменты.
Не забудьте про розыгрыш — бесплатное место на программу среди первых 100 регистраций.
🎁 https://htmlacademy.ru/events/live-simpleup
Три вопроса, на которые ответят директор по развитию и тимлид разработки:
В программу обучения включён курс «Фронтенд на автопилоте: AI-агенты на практике» — научитесь кодить вместе с AI-агентами, использовать Cursor и другие инструменты.
Не забудьте про розыгрыш — бесплатное место на программу среди первых 100 регистраций.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3👍3❤🔥1🔥1
HTML Academy
SimpleUp — студия, которая строит маркетинговые решения для бизнеса. Вместо того чтобы гнаться за сеньорами на рынке, компания решила вырастить разработчиков с нуля. В четверг 19 февраля (MSK) в 12:00 директор по развитию и тимлид разработки расскажут: 1️⃣ …
Вместе с SimpleUp запускаем совместную программу обучения фронтенд-разработчиков.
Сегодня в 12:00 (MSK) — прямой эфир с директором по развитию и тимлидом разработки SimpleUp. Узнаем, почему компания делает ставку на джунов, как устроена работа в небольшой студии и что ждёт выпускников совместной программы.
Напоминаем: среди первых 100 зарегистрировавшихся разыграем бесплатное место на программу. Итоги объявим в конце эфира.
https://htmlacademy.ru/events/live-simpleup
Сегодня в 12:00 (MSK) — прямой эфир с директором по развитию и тимлидом разработки SimpleUp. Узнаем, почему компания делает ставку на джунов, как устроена работа в небольшой студии и что ждёт выпускников совместной программы.
Напоминаем: среди первых 100 зарегистрировавшихся разыграем бесплатное место на программу. Итоги объявим в конце эфира.
https://htmlacademy.ru/events/live-simpleup
👍4❤3🔥2❤🔥1
Контент-менеджер прислал фото 1920×1080, а в карточке места 300×200. Без
Свойство
📕 Читать статью
object-fit получается сплющенный кот.Свойство
object-fit управляет тем, как <img> или <video> вписывается в свой контейнер. cover заполнит бокс с обрезкой лишнего, contain впишет картинку целиком с сохранением пропорций, fill растянет как есть. В статье разбираем каждое значение на примерах и показываем, зачем добавлять max-width: 100%, чтобы картинки не ломали сетку. #css #htmlPlease open Telegram to view this post
VIEW IN TELEGRAM
❤🔥9🔥3❤2
День рождения HTML Academy × Колесо Фортуны
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
С 20 по 24 февраля — праздничные дни в Академии! В честь дня рождения на сайте появится настоящее колесо с подарками: одно вращение колеса — и в вашу корзину падает скидка 20, 30 или 50%, выгодное комбо или даже годовая подписка на тренажёры.
Не упустите шанс отпраздновать 14-летие вместе с нами и забрать свой подарок.
Коротко: 1 вращение • 20–24 февраля • Подарки всем.
🎁 https://htmlacademy.ru
С 20 по 24 февраля — праздничные дни в Академии! В честь дня рождения на сайте появится настоящее колесо с подарками: одно вращение колеса — и в вашу корзину падает скидка 20, 30 или 50%, выгодное комбо или даже годовая подписка на тренажёры.
Не упустите шанс отпраздновать 14-летие вместе с нами и забрать свой подарок.
Коротко: 1 вращение • 20–24 февраля • Подарки всем.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥8🔥5👏2❤1
Forwarded from Как стать мидлом
Добавляете фичу — и половина приложения ломается. Часто причина — отсутствие архитектуры.
На курсе «Паттерны проектирования» разбираем 25 паттернов в контексте JavaScript и фронтенд-разработки. Каждый привязан к практической задаче: Adapter помогает работать с «кривым» API, Observer убирает ручную синхронизацию между компонентами, State упрощает управление состояниями интерфейса.
После курса вы начнёте видеть проект как систему: где нужна фабрика, где декоратор сэкономит часы поддержки, а где MV*-подход организует UI. #htmlacademy #levelup
✨ Записаться на курс
На курсе «Паттерны проектирования» разбираем 25 паттернов в контексте JavaScript и фронтенд-разработки. Каждый привязан к практической задаче: Adapter помогает работать с «кривым» API, Observer убирает ручную синхронизацию между компонентами, State упрощает управление состояниями интерфейса.
После курса вы начнёте видеть проект как систему: где нужна фабрика, где декоратор сэкономит часы поддержки, а где MV*-подход организует UI. #htmlacademy #levelup
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥4
Media is too big
VIEW IN TELEGRAM
Сколько платят стажёру и джуну на испытательном сроке — отвечает основатель студии Bquadro.
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
В совместной программе обучения с HTML Academy студенты учатся под задачи конкретной компании. В этом клипе — про деньги: какую зарплату предлагают на старте и чего ожидать в первые месяцы.
Полный эфир — на YouTube и в VK.
🐭 Смотреть на YouTube
🐹 Смотреть в VK
🎖 Программа обучения
В совместной программе обучения с HTML Academy студенты учатся под задачи конкретной компании. В этом клипе — про деньги: какую зарплату предлагают на старте и чего ожидать в первые месяцы.
Полный эфир — на YouTube и в VK.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4🔥4❤🔥2🤣1
План на выходные: эфир про вёрстку, AI и рост в студии
Директор по развитию и тимлид разработки SimpleUp рассказали, как устроена работа в компании, которая за год выросла втрое:
— почему каждого разработчика учат и фронтенду, и бэкенду;
— зачем студия растит новичков вместо найма с рынка;
— почему вёрстка будет нужна всегда — даже когда нейросети собирают сайты;
— как в команде используют AI и почему важнее всего мышление разработчика.
Если на неделе было не до контента — самое время включить.
🐭 Смотреть на YouTube
🐹 Смотреть в VK
🎁 Программа обучения
Директор по развитию и тимлид разработки SimpleUp рассказали, как устроена работа в компании, которая за год выросла втрое:
— почему каждого разработчика учат и фронтенду, и бэкенду;
— зачем студия растит новичков вместо найма с рынка;
— почему вёрстка будет нужна всегда — даже когда нейросети собирают сайты;
— как в команде используют AI и почему важнее всего мышление разработчика.
Если на неделе было не до контента — самое время включить.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤🔥2❤1
HTML Academy
День рождения HTML Academy × Колесо Фортуны ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ С 20 по 24 февраля — праздничные дни в Академии! В честь дня рождения на сайте появится настоящее колесо с подарками: одно вращение колеса — и в вашу корзину падает скидка 20, 30 или 50%, выгодное комбо…
14 лет кода, первых строчек, успешных выпускников и больших карьерных поворотов. И по такому поводу — подарки для всех. Для тех, кто с нами давно, и для тех, кто только начинает путь в разработке.
Заходите на сайт Академии, найдите иконку с подарком и крутите колесо. Внутри — промокоды, скидки, курсы и даже годовая подписка на тренажёры бесплатно.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤31❤🔥6🔥3