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
Forwarded from CSS Боль
CSS Masking уже почти Widely Available, а многие до сих пор её игнорируют.
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
В новом выпуске «CSS Боли» разбираем CSS-маски для тех, кто с ними не знаком, с помощью интерактивных визуализаций.
— Что такое маскирование и как оно работает.
— Главная «киллер-фича» масок.
— Принцип работы масок.
— 4 свойства, которые закрывают 95% задач.
— Классный пример маски в реальном интерфейсе.
🎁 Попробуйте в демке самостоятельно и смотрите разбор целиком. Если работаете с UI — это надо знать.
🐭 Смотреть на YouTube
🐹 Смотреть в VK
В новом выпуске «CSS Боли» разбираем CSS-маски для тех, кто с ними не знаком, с помощью интерактивных визуализаций.
— Что такое маскирование и как оно работает.
— Главная «киллер-фича» масок.
— Принцип работы масок.
— 4 свойства, которые закрывают 95% задач.
— Классный пример маски в реальном интерфейсе.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🔥5
CSS-псевдоклассы задают элементам состояния, которые реализуются при определённых действиях пользователя. Состояния меняют цвет или размер элемента, добавляют ему рамку, делают более интерактивным, выделяют и указывают на его назначение.
Интерактивные элементы веб-страницы живут не сами по себе, а в зависимости от действий пользователя. В статье разбираем три базовых состояния элементов: при наведении курсора, при фокусе управления с клавиатуры или тач-устройства и в активном состоянии при нажатии. Показываем, как с помощью соответствующих правил стиля управлять внешним видом кнопок и ссылок в каждом из этих случаев, чтобы интерфейс был понятным и удобным в использовании.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👍3
Forwarded from CSS Боль
Статья «Восхитительный Range Syntax в CSS»
Помните сĸазĸу про мальчиĸа, ĸоторый ĸричал «волĸи»? Примерно таĸ же в 2025 году случилось с «программированием на CSS». Вышла фунĸция
В ĸонце 2025 года Chrome выĸатил революционный Range Syntax For Style Container Queries. Обновлённый
В статье мы возрождаем идею программирования на CSS. На примере паттерна — «выделение диапазона дат в ĸалендаре» — разберём, ĸаĸ обычная JS-логиĸа превращается в CSS-логиĸу (спойлер: очень просто).
Читать статью → https://habr.com/ru/articles/1002216/
Попробовать демку → https://htmlacademy.ru/demos/249
Помните сĸазĸу про мальчиĸа, ĸоторый ĸричал «волĸи»? Примерно таĸ же в 2025 году случилось с «программированием на CSS». Вышла фунĸция
if() . Блогеры преждевременно хайпанули: всё, теперь у нас условия в CSS. Разработчиĸи пошли читать специфиĸации, попробовали — и довольно быстро выяснилось, что внутри условного выражения style() возможностей почти нет. Многие разочаровались и похоронили идею.В ĸонце 2025 года Chrome выĸатил революционный Range Syntax For Style Container Queries. Обновлённый
style() научился сравнивать переменные между собой и поддерживать диапазонные выражения. Мы наĸонец-то получили мощную условную логиĸу в CSS, но мало ĸто это заметил.В статье мы возрождаем идею программирования на CSS. На примере паттерна — «выделение диапазона дат в ĸалендаре» — разберём, ĸаĸ обычная JS-логиĸа превращается в CSS-логиĸу (спойлер: очень просто).
Читать статью → https://habr.com/ru/articles/1002216/
Попробовать демку → https://htmlacademy.ru/demos/249
❤8❤🔥2👍2⚡1
Цвет в веб-странице — это не только «чёрный» или «белый», а целая система представления чисел, отражающая интенсивность, оттенок и прозрачность.
В статье разбираем основные форматы задания цвета в таблицах стилей: от традиционных шестнадцатеричных записей, через десятичные каноничные значения, до более современных пространств цвета, основанных на восприятии человека. Каждый формат имеет свои сильные стороны и области применения, и понимание этих различий помогает создавать более точные, согласованные и устойчивые визуальные решения. #цвет
🎁 Читать статью
В статье разбираем основные форматы задания цвета в таблицах стилей: от традиционных шестнадцатеричных записей, через десятичные каноничные значения, до более современных пространств цвета, основанных на восприятии человека. Каждый формат имеет свои сильные стороны и области применения, и понимание этих различий помогает создавать более точные, согласованные и устойчивые визуальные решения. #цвет
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥4🔥3⚡2
Начинающие верстальщики в своих первых проектах часто задают высоту элементам, чтобы попасть в размеры чётко по макету. Давайте разберёмся, а действительно ли высота везде нужна?
Вёрстка макета часто начинается с попытки «задать высоту» элементам — но CSS-свойство
height умеет гораздо больше, чем просто фиксировать размер. В статье подробно разбираемся, как работает высота: при указании точного значения блок сохраняет заданный размер независимо от содержимого, а когда применяется относительная запись в процентах, высота рассчитывается от родительского элемента. Это позволяет управлять вертикальным пространством — от декоративных элементов до областей, наполненных контентом. Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥7🔥3⚡2❤1
Forwarded from Как стать мидлом
Git и GitHub
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
Курс — про прикладную работу с Git от основы до уверенных навыков: установка и первичная настройка, локальный и удалённый репозитории, ветки и модели ветвления, слияния и разрешение конфликтов, сравнение версий и файлов, откладывание и отмена изменений. Разбираем rebase и cherry-pick, восстановление через reflog, SSH и GPG-подпись коммитов.
Результат: уверенно настраиваете и связываете репозитории, выстраиваете историю коммитов, ведёте ветки под задачи, безопасно сливаете и откатываете изменения, быстро находите нужные диффы, спасаете ситуацию с помощью reflog и собираете аккуратный рабочий процесс.
🔶 Записаться на курс
Курс — про прикладную работу с Git от основы до уверенных навыков: установка и первичная настройка, локальный и удалённый репозитории, ветки и модели ветвления, слияния и разрешение конфликтов, сравнение версий и файлов, откладывание и отмена изменений. Разбираем rebase и cherry-pick, восстановление через reflog, SSH и GPG-подпись коммитов.
Результат: уверенно настраиваете и связываете репозитории, выстраиваете историю коммитов, ведёте ветки под задачи, безопасно сливаете и откатываете изменения, быстро находите нужные диффы, спасаете ситуацию с помощью reflog и собираете аккуратный рабочий процесс.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥2⚡2