Смежный селектор в CSS, обозначаемый знаком плюс (+), позволяет выбрать элемент, который идёт сразу после другого элемента и находится с ним на одном уровне DOM.
В статье разбираем, как работает селектор A + B, и показываем, где он особенно удобен: когда нужно оформить «следующего соседа» (например, абзац сразу после заголовка) без дополнительных классов. #css #html
Please open Telegram to view this post
VIEW IN TELEGRAM
Grid Layout — одна из самых зрелых технологий в CSS. Но долгое время у него была одна неочевидная граница: анимация размеров сетки.
CSS Grid теперь можно анимировать напрямую — без JavaScript и обходных приёмов. В статье объясняем, что свойства
grid-template-columns и grid-template-rows стали анимируемыми во всех современных браузерах, поэтому изменения сетки можно плавно задавать через transition.Разбираем, где это особенно полезно: для раскрывающихся сайдбаров, акцентирования карточек и интерфейсов, где сетка должна мягко перестраиваться. #css #baseline
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Как стать мидлом
Фронтендеру, который хочет прокачать основы computer science, стоит взглянуть на курс по алгоритмам и структурам данных. Структуры данных и алгоритмы дают предсказуемый код и чёткую архитектуру, а алгоритмические собеседования перестают быть лотереей.
Что разберёте на практике — и где это пригодится прямо в продакшене:
Какой алгоритм в последний раз выручил ваш проект? Делитесь в комментариях.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥2🔥2👏2
Media is too big
VIEW IN TELEGRAM
Учитывают ли работодатели участие в чемпионате при найме?
Алексей Кузьмин, технический директор Bauns и член жюри, рассказывает, на что обращает внимание, когда видит чемпионат в резюме.
Это фрагмент из прямого эфира с подведением итогов второго сезона.
Алексей Кузьмин, технический директор Bauns и член жюри, рассказывает, на что обращает внимание, когда видит чемпионат в резюме.
Это фрагмент из прямого эфира с подведением итогов второго сезона.
❤🔥6🔥2👏1
Первый прямой эфир с основателем Bquadro
Поговорим с основателем студии о том, как в агентстве с 20-летней историей и 600+ проектами растят фронтендеров, какие задачи доверяют новичкам и как мы вместе с Bquadro и другими компаниями запускаем совместную программу обучения.
На эфире 22 января в 12:00 (MSK) разберём:
1️⃣ какие проекты в портфолио агентства, с какими клиентами работает и почему им нужны фронтендеры;
2️⃣ как устроено наставничество, что такое план развития и как джуны дорастают до руководителей;
3️⃣ формат работы, оплачиваемую стажировку, удалёнку и что нужно, чтобы пройти путь от обучения до оффера.
Бонус: среди первых 100 зарегистрировавшихся разыграем одно бесплатное место на программу, результаты объявим в конце эфира.
Регистрируйтесь по ссылке — пришлём напоминание и расскажем, как попасть на обучение.
Поговорим с основателем студии о том, как в агентстве с 20-летней историей и 600+ проектами растят фронтендеров, какие задачи доверяют новичкам и как мы вместе с Bquadro и другими компаниями запускаем совместную программу обучения.
На эфире 22 января в 12:00 (MSK) разберём:
Бонус: среди первых 100 зарегистрировавшихся разыграем одно бесплатное место на программу, результаты объявим в конце эфира.
Регистрируйтесь по ссылке — пришлём напоминание и расскажем, как попасть на обучение.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥4❤3🔥3 2
Forwarded from CSS Боль
В начале 2025-го казалось, что всё кончено: ИИ нас заменит, разработчиков уволят, стартапы будут делать в одиночку люди без опыта, а один джун с агентами закроет работу целой команды.
К концу года паника прошла — наступило нейроотрезвление.
➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿ ➿
В новом выпуске «CSS Боли» спокойно разбираемся, что на самом деле происходит. Почему ИИ стал удобным прикрытием для увольнений, а не их причиной. Сколько денег сожгли на вайб-кодинге. И главное — ставим эксперимент: даём ChatGPT реальную задачу и смотрим, как он с ней справляется. Спойлер: после долгих препирательств нейросеть призналась — «Я соврал концептуально».
Ролик для всех, не только для программистов: код будет, но понимать его не нужно — всё и так видно. Если тревожно за будущее профессии, самое время посмотреть и выдохнуть.
🐭 Смотреть на YouTube
🐹 Смотреть в VK
К концу года паника прошла — наступило нейроотрезвление.
В новом выпуске «CSS Боли» спокойно разбираемся, что на самом деле происходит. Почему ИИ стал удобным прикрытием для увольнений, а не их причиной. Сколько денег сожгли на вайб-кодинге. И главное — ставим эксперимент: даём ChatGPT реальную задачу и смотрим, как он с ней справляется. Спойлер: после долгих препирательств нейросеть призналась — «Я соврал концептуально».
Ролик для всех, не только для программистов: код будет, но понимать его не нужно — всё и так видно. Если тревожно за будущее профессии, самое время посмотреть и выдохнуть.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥10 8🔥6❤1
Наверняка вы видели видео с «невозможной коробкой» — нажимаете на переключатель, а через пару секунд вылезает палец и расщёлкивает кнопку. Наконец-то кто-то сделал это и в вебе.
В статье — 8 демок с CodePen: от стилизации чекбоксов через кастомные свойства до 20+ анимированных кнопок на чистом CSS. Hover-эффекты, светящиеся формы входа, иконки соцсетей со всплывашками — и та самая лапка в финале. #css #html
🌀 Читать статью
В статье — 8 демок с CodePen: от стилизации чекбоксов через кастомные свойства до 20+ анимированных кнопок на чистом CSS. Hover-эффекты, светящиеся формы входа, иконки соцсетей со всплывашками — и та самая лапка в финале. #css #html
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥4❤4🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Сложный круговой прогрессбар — простая реализация
Круговой прогрессбар можно сделать на одном
Полный выпуск:
🐭 Смотреть на YouTube
🐹 Смотреть в VK
Круговой прогрессбар можно сделать на одном
div и одном CSS-свойстве. Без SVG, без JavaScript. Приём работает во всех современных браузерах.Полный выпуск:
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13❤🔥5🔥5 1
Основатель Bquadro расскажет, сколько на самом деле нужно джуну, чтобы стать полезным агентству. Как выглядит реальная фронтенд-разработка в продакшене: сайты, сервисы и корпоративные системы для крупных клиентов. И почему в Bquadro осознанно инвестируют время и ресурсы в рост новичков.
Важно: в совместной программе большое внимание уделяют работе с современными инструментами — в том числе AI. В эфире обсудим, какие AI-навыки действительно полезны джуну и как с ними работать без иллюзий.
Завтра в 12:00 (MSK). Регистрируйтесь — будет честно и по делу.
https://htmlacademy.ru/events/live-bquadro
Please open Telegram to view this post
VIEW IN TELEGRAM
Методы
В статье разбираем оба метода на примерах: когда
📕 Читать статью
findLast() и findLastIndex() делают то же, что find и findIndex, только проходят массив с конца. Если нужный элемент ближе к концу большого массива — это экономит ресурсы.В статье разбираем оба метода на примерах: когда
find и findLast вернут разные результаты, как проверить поддержку в старых браузерах и почему с февраля 2025-го методы безопасны для продакшена. #jsPlease open Telegram to view this post
VIEW IN TELEGRAM
❤🔥6👍2🔥2
HTML Academy
Первый прямой эфир с основателем Bquadro Поговорим с основателем студии о том, как в агентстве с 20-летней историей и 600+ проектами растят фронтендеров, какие задачи доверяют новичкам и как мы вместе с Bquadro и другими компаниями запускаем совместную программу…
Сегодня узнаем, как попасть в команду, которая делает сложные проекты
Что на самом деле ждёт новичка в агентстве? Как устроен рост, когда ты работаешь удалённо? И почему одни команды готовы тратить время на джунов, а другие — нет?
В 12:00 (MSK) основатель Bquadro расскажет о реальных задачах, нагрузке и пути от обучения до работы в штате. Без приукрашиваний.
Обсудим:
0️⃣ как выглядит первый год в агентстве;
1️⃣ что даёт система наставничества;
2️⃣ как попасть на совместную программу.
В финале разыграем бесплатное место на программу!
https://htmlacademy.ru/events/live-bquadro
Что на самом деле ждёт новичка в агентстве? Как устроен рост, когда ты работаешь удалённо? И почему одни команды готовы тратить время на джунов, а другие — нет?
В 12:00 (MSK) основатель Bquadro расскажет о реальных задачах, нагрузке и пути от обучения до работы в штате. Без приукрашиваний.
Обсудим:
В финале разыграем бесплатное место на программу!
https://htmlacademy.ru/events/live-bquadro
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤🔥2❤2
Forwarded from CSS Боль
Когда дизайнер присылает макет с «инвертированным углом», начинаются страдания. Псевдоэлементы, абсолютное позиционирование, подгонка радиусов — и всё это разваливается, как только под карточкой появляется градиент или картинка.
Александр Першин написал nebo.css — опенсорсную библиотеку для впуклых углов. Название расшифровывается как negative border radius. По духу это как normalize.css: подключаете один CSS-файл, добавляете класс
Разбираем, как это устроено: https://habr.com/ru/articles/987944/
GitHub: https://github.com/htmlacademy/nebo.css
Александр Першин написал nebo.css — опенсорсную библиотеку для впуклых углов. Название расшифровывается как negative border radius. По духу это как normalize.css: подключаете один CSS-файл, добавляете класс
nebo — и угол готов. Работает на любых фонах, настраивается через CSS-переменные.Разбираем, как это устроено: https://habr.com/ru/articles/987944/
GitHub: https://github.com/htmlacademy/nebo.css
🔥18👍7 2
Индивидуальный наставник — это работа один на один с практикующим разработчиком, подробное ревью кода с объяснениями и помощь там, где вы застряли. Вы сами выбираете, на каком курсе использовать этот месяц — там, где он нужнее всего.
В акции участвуют профессии «Фронтенд-разработчик» и «JavaScript-разработчик» за 29 000 ₽, а также студенческое комбо: обе профессии за 35 000 ₽ — с тем же бонусом.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤🔥2🔥2
Forwarded from Как стать мидлом
Мастер анимаций: CSS и JavaScript-анимации
Курс, после которого вы будете уверенно анимировать карточки товаров, меню, модальные окна, слайдеры и аккордеоны. И делать это так, чтобы всё работало быстро на любых устройствах.
Разбираем 72 примера — от простых переходов по ховеру до 3D-трансформаций и параллакса. Учимся не только создавать эффекты, но и отлаживать их: работаем с DevTools, оптимизируем производительность, учитываем
Обучение построено от простого к сложному: сначала
🔴 Смотреть программу
Курс, после которого вы будете уверенно анимировать карточки товаров, меню, модальные окна, слайдеры и аккордеоны. И делать это так, чтобы всё работало быстро на любых устройствах.
Разбираем 72 примера — от простых переходов по ховеру до 3D-трансформаций и параллакса. Учимся не только создавать эффекты, но и отлаживать их: работаем с DevTools, оптимизируем производительность, учитываем
prefers-reduced-motion.Обучение построено от простого к сложному: сначала
transition, потом @keyframes и animation, затем JavaScript для интерактивных сценариев. #htmlacademy #levelupPlease open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥6 4🔥2
Media is too big
VIEW IN TELEGRAM
«Джуны и сеньоры — это позиции, на которых компания не зарабатывает»
Кто тогда приносит деньги? Илья Лебедкин из Addamant раскрывает экономику найма и называет сроки роста от джуна до мидла.
Полный эфир с Addamant — по ссылке:
🐭 Смотреть на YouTube
🐹 Смотреть в VK
🪫 Программа обучения
Кто тогда приносит деньги? Илья Лебедкин из Addamant раскрывает экономику найма и называет сроки роста от джуна до мидла.
Полный эфир с Addamant — по ссылке:
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣8⚡3🔥3👍2
План на выходные: час эфира про рост в агентстве
Основатель IT-агентства рассказал, как на самом деле устроена работа с новичками:
- почему руководители отделов в Bquadro когда-то сами пришли джунами;
- как устроен ИПР и система наставничества на удалёнке;
- какие задачи дают новичкам и почему это выгодно всем;
- как агентство использует AI в работе.
Если на неделе было не до контента — самое время включить.
🐭 Смотреть на YouTube
🐹 Смотреть в VK
🎖 Программа обучения
Основатель IT-агентства рассказал, как на самом деле устроена работа с новичками:
- почему руководители отделов в Bquadro когда-то сами пришли джунами;
- как устроен ИПР и система наставничества на удалёнке;
- какие задачи дают новичкам и почему это выгодно всем;
- как агентство использует AI в работе.
Если на неделе было не до контента — самое время включить.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤🔥3❤2
Сегодня последний день акции к Татьяниному дню
При покупке профессии «Фронтенд-разработчик» или «JavaScript-разработчик» за 29 000 ₽ вы получаете месяц индивидуальной работы с наставником — на том курсе, который выберете сами.
Студенческое комбо: обе профессии за 35 000 ₽ с тем же бонусом.
🎁 Успеть оставить заявку
При покупке профессии «Фронтенд-разработчик» или «JavaScript-разработчик» за 29 000 ₽ вы получаете месяц индивидуальной работы с наставником — на том курсе, который выберете сами.
Студенческое комбо: обе профессии за 35 000 ₽ с тем же бонусом.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4❤🔥2🔥2