Адаптивность без media (clamp) #shorts #adaptive #webpage #htmlcss #javascript #css3 #coder #кодинг

preview_player
Показать описание
Привет!📢

Адаптивность без media (clamp)

Ваша обратная связь обязательна =)

Курс Frontender[1.0] разделен на 3 модуля:
1) HTML, CSS, SCSS, БЭМ, Flexbox, Grid, Bootstrap, GIT, FIGMA, верстка 3 макетов (100 уроков);
2) JavaScript, решение задач, написание нескольких приложений;
3) React, Typescript, Redux написание полноценного приложения;

НЕ СОМНЕВАЙТЕСЬ И РАЗВИВАЙТЕСЬ! У ВАС ВСЁ ПОЛУЧИТСЯ! :)
Желаю приятного обучения! 🔥

Также тебе могут быть полезны эти уроки:

FRONTENDER[1.0] полный, структурированный и бесплатный курс по фронтенд разработке на Youtube.

📢 Автор курса: Дмитрий Колотильщиков
#html #frontend #frontender
  1. Дмитрий Колотильщиков
  2. Frontender[1.0]
  3. Дмитрий Колотильщиков
  4. frontend курс
  5. html
  6. web developer
Рекомендации по теме
Адаптивность без media 0:01:00

Адаптивность без media (clamp) #shorts #adaptive #webpage #htmlcss #javascript #css3 #coder #кодинг...

@media - нет 0:00:45

@media - нет ❌ @container - да ✅ АДАПТИВНОСТЬ САЙТОВ НА CSS

Что надо знать 0:00:28

Что надо знать о clamp() в CSS?

Самая грубая ошибка 0:00:59

Самая грубая ошибка начинающих на HTML #shorts

Кроме clamp() в 0:00:53

Кроме clamp() в CSS ещё есть min() и max() 😱

Функция clamp в 0:00:37

Функция clamp в css! #coding #code #software #webdevelopment #technology

This New CSS 0:00:38

This New CSS Function Will Change Responsive Design Forever #Shorts

Stop Wasting Time 0:00:59

Stop Wasting Time with Rem Units | Use This CSS Trick Instead #shorts

Простая адаптивная флекс-сетка 0:10:08

Простая адаптивная флекс-сетка с помощью calc

JavaScript Trick That 0:00:43

JavaScript Trick That Will Save Your Time #shorts

❌ Медиа-запросы не 0:19:02

❌ Медиа-запросы не нужны, если CSS писать так

CSS Tips and 0:06:01

CSS Tips and Tricks: Responsive content without media queries using CSS Clamp()

ТОП-3 универсальных ПРАВИЛА 0:01:01

ТОП-3 универсальных ПРАВИЛА для проработки адаптива в CSS...

CSS Функции calc(), 0:10:06

CSS Функции calc(), min(), max(), clamp()

responsive font-size css-tricks 0:00:22

responsive font-size css-tricks ||how to make text responsive in html

Wow! Уникальная функция 0:00:58

Wow! Уникальная функция в CSS

Rim vs Disc 0:00:30

Rim vs Disc Brakes

Как работают CSS 0:11:09

Как работают CSS Container Queries ?

Responsive Typography with 0:08:37

Responsive Typography with CSS Clamp

😱 ТОП-6 ошибок 0:08:39

😱 ТОП-6 ошибок при верстке адаптива сайта

CSS Tricks: Use 0:01:29

CSS Tricks: Use CSS Clamp to reduce media query | Web Design Tips | CSS3

Что такое CSS 0:00:23

Что такое CSS хаки? (CSS Hacks, Cascading Style Sheets Hacks)#Shorts

Адаптивное фото и 0:07:43

Адаптивное фото и видео на Materialize CSS, Подробный видео курс по Materialize CSS #5...

Heavy Duty 17-inch 0:00:33

Heavy Duty 17-inch Paper Cutter #shorts #bestreamcutter #review #hfscutter #papercutter #cuttingtool

Комментарии
Автор

Зачем эта плавность при изменении, если никто кроме тебя плавно размеры окна не меняет. Оно сразу какого то определенного размера. Ну разве что если экран повернуть то изменится сразу на другой

likluklak
Автор

Эмм, а что в rem и em уже не модно делать😂? Это ты типа каждый шрифт отдельно делаешь через clamp?

cunning_jumper
Автор

А если я переверну устройство, текст увеличиться сильно!

lawsonllka
Автор

но разве шрифты не сильно грузят страницу? Я имею ввиду, что вычисление шрифтов разве не трудоёмкая операция? и тогда при адаптивном шрифте, который в относительных единицах, разве не будет менее оптимизирован, чем при точном размере?

АлександрВидин-ся
Автор

Просто гуглишь это за две минуты, и копируешь себе нужный фрагмент. Зачем такую элементарщину на ютуб выкладывать? Ох уж это новое поколение верстальщиков.

mrSmith-lchk