Полный гайд по CSS Flexbox с примерами из практики

Привет! Сегодня мы поговорим про flexbox в css. Это очень важная тема, в которой должен разбираться каждый фронтенд-разработчик или верстальщик. Я покажу вам как flexbox работает на реальных

читать далее

Как наложить макет на вёрстку через PerfectPixel

Привет! Меня зовут Сергей Криворучко, я работаю наставником на курсе «Фронтенд-разработчик» в Практикуме. Иногда у студентов возникают сложности с PerfectPixel — расширением Chrome, совмещающим макет

читать далее

[Перевод] Дебаты по Tailwind CSS: ещё один классный инструмент, отвергнутый веб-разработчиками

Tailwind CSS — как фреймворк для разработчиков довольно прост в понимании. По сути, он позволяет вам встраивать код CSS в ваш HTML код. Чтобы, как говорится в слогане Tailwind: «быстро создавать

читать далее

[Перевод] 6 новых возможностей CSS, которые должен знать каждый front-end разработчик в 2023 году

Мощные и стабильные CSS фичи, которые вы можете использовать уже сегодня. Я считаю, что каждый front-end разработчик должен знать, как использовать container query, создавать привязку к прокрутке,

читать далее

База знаний веб-разработчика: прокачиваем навыки владения CSS

Владея знаниями по вёрстке, можно достичь поставленных целей и перейти на следующую ступень профессионализма. В этой статье я расскажу, какие материалы мы с коллегами используем в своей работе:

читать далее

Универсальная функция JS по определению хитбоксов у HTML блоков

HitBox — это чаще всего невидимая область или группа областей, которая помогает обнаруживать коснулся ли объект другого объекта, у которого тоже есть свой хитбокс. В HTML страницах изначально нет

читать далее

Заметка о полезных возможностях современного CSS

Привет, друзья! В данной заметке я расскажу вам о некоторых полезных возможностях, предоставляемых современным CSS. Также мы немного поговорим о полезных "фичах", которые ждут нас в ближайшие 2 года.

читать далее

[Перевод] Итак, на дворе 1997-ой год, и вы хотите создать веб-сайт

И так вы оказались в 1997 году и вам нужно создать веб-сайт. Какие ваши действия и как вы будете это делать? Читать...

читать далее

[Перевод] CSS @layer — полное руководство по каскадным слоям

Полным руководством о том, что такое каскадные слои, какой у них синтаксис, зачем они могут понадобиться и как поддерживаются браузерами делимся к старту курса по Fullstack-разработке на Python.

читать далее

Паттерны верстки. Как объединить верстальщиков и дизайнеров

Данная статья поможет улучшить взаимодействие между дизайнерами и верстальщиками для минимизации ошибок и повышения продуктивности работы. Работа богата практическими примерами. Она будет полезна

читать далее

[Перевод] Как сделать удобное 3D-меню на CSS

В новых AR/VR-играх часто заставляют меню как будто парить в воздухе. Воссоздадим основу этого эффекта, добавим адаптивную цветовую схему и учтём пользователей, предпочитающих поменьше анимации. Меню

читать далее

[Перевод] Как избавиться от position: absolute в CSS

Пару месяцев назад автора этого материала спросили о проблеме, которая возникла именно из-за этой строки CSS. В решении свойства position не оказалось вообще. Пока у нас стартует новый поток курса по

читать далее