Внедри эти фишки, чтобы сделать грамотный адаптив сайта

Подписаться 102 тыс.

Просмотров 18 тыс.

50% 1

До конца сентября на Мегамаркете повышенный кешбэк на бытовую технику и электронику до 50% бонусами от СберСпасибо.
При совершении следующих покупок на маркетплейсе этими бонусами можно оплатить до 99% от стоимости заказа.
Переходите по ссылке: clck.ru/35uajt
Таймкоды:
00:00 Вступление
00:54 Правило 1
02:07 Мегамаркет
02:56 Правило 1 (продолжение)
03:55 Правило 2
05:47 Правило 3
06:16 Правило 4
07:13 Правило 5
08:30 Правило 6
Видео:
• ❌ Медиа-запросы не нуж...
• Новые единицы измерени...
• Верстаем сайт с CSS Co...
🔵 Дзен - zen.yandex.ru/annblok
🔵 ВК - tpverstak
🔵 Telegram - t.me/tpverstak
🔵 Чат Telegram - t.me/tpverstakchat
🔵 Instagram - / annblok
🔵 TikTok - / annblok_webdev
🔴 Обучение - frontendblok.com/

Опубликовано:

19 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 75

@user-wy4zl9ue4u 7 месяцев назад

Просто поразительно, насколько хорошо вы разбираетесь в этом вопросе. Есть чему поучиться, особенно про адаптивность и фишки, которые теперь смогу использовать и я.

@sergeymickolaenko1161 7 месяцев назад

Это точно, такой вопрос себе многие задают, спасибо за вашу помощь👍💯

@tetyana5295 7 месяцев назад

спасибо, что рассказываете нам такие важные детали в создании сайтов, с вами я в этой теме стала лучше разбираться

@ShohelRana-ut3zu 7 месяцев назад

У вас явно прекрасные идеи для улучшения адаптивности сайта! Инновации, которые вы предложили, помогут создать впечатляющий пользовательский опыт и сделать сайт ещё более привлекательным и удобным для всех пользователей.

@user-ie2ci1cl3c 7 месяцев назад

Добрый день! Не сочтите за грубость, но Ваш ответ так грамотно написан, что как будто чат gpt писал. Сейчас все реже встречаю такие комментарии в сети. Хорошего дня!

@PmMp000 7 месяцев назад

Супер. Спасибо.

@alexzom. 7 месяцев назад

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

@computercomputer3293 7 месяцев назад

Большое спасибо за ваш труд

@user-re6tl3wp8m 7 месяцев назад

Толковые советы, обязательно воспользуюсь вашими грамотными подсказками

@kopchik1000 7 месяцев назад

За советы спасибо. Я не знал про эти фишки но теперь благодаря тебе постараюсь исправиться.

@sashabest1479 7 месяцев назад

Нужно будет применить ваши советы на практике, возможно возникнут сложности, но думаю смогу их преодолеть.

@user-gl8wf3mp3w 7 месяцев назад

Крутые фишки, какраз я новичок и послушала ваше видео с внимательностью, спасибо

@nickz2586 7 месяцев назад

Спасибо большое за это видео. Мне как начинающему очень интересно и полезно!

@Svet__alya 7 месяцев назад

Спасибо за эти фишки, они действенны и помогают с сайтами👍

@supergame2415 7 месяцев назад

Спасибо вам за интересную и познавательную информацию.

@dmitryn.4506 7 месяцев назад

Ну, типа, всё знал... Но повторение -мать учения! 👍

@user-lt7ov6us6f 7 месяцев назад

Хорошие советы, можно будет применить

@user-uv4uo1oo5y 7 месяцев назад

Аннют, спасибо большое за фишки, буду юзать )

@user-wt5cr7xr1r 7 месяцев назад

Мышку нужно разобрать и обработать спиртом сам механизм колёсика. На отлично помогает, когда крутишь вниз или вверх, а оно прыгает как вне себя 😂

@farmlingarchontas2216 7 месяцев назад

Я вообще всегда задаюсь этим вопросом. Даже слишком часто, если так подумать. Но это все мелочи. Хорошие советы, я оценил.

@mark19944 7 месяцев назад

Отличное предложение, обязательно воспользуюсь вашими советами для улучшения

@JeanaUchiha 7 месяцев назад

очень круто и интересно, огромное спасибо за такую ценную информацию

@user-fm6wl8su6b 4 месяца назад

Если честно то меня глушануло, верстать от мобильного, к десктопному... Гениально ?! Да, с меня лайк и подписка. Класс. ))

@user-dh1gs5lj8w 7 месяцев назад

Для специалиста такой обмен опытом будет полезным.

@oleggubenko9039 7 месяцев назад

Очень интересно было вас послушать.

@LostInspector 7 месяцев назад

Теперь буду понимать, что и как, что-бы адаптировать свой проект.

@mystreetlifting76 7 месяцев назад

Приятно получать большой кэшбэк на нужную покупку

@EnotWorldik 7 месяцев назад

Расскажи ребятам о миксинах, думаю это будет полезно)

@Faradau 7 месяцев назад

Было бы интересно узнать по статистике где кто размещает @media в отдельном файле, в общем файле после основных стилей или после каждого селектора? спасибо за видео 😊 ps: волосы и укладка чудесно выглядят))

@user-py8ov8ji1c 7 месяцев назад

Мне кажется, лучше всего писать медиа запросы в отдельном css файле. Проще читается.

@muratkuzhakhmetov4723 7 месяцев назад

Да мне удобнее отдельный файл стилей под адаптив

@andreashalter7468 7 месяцев назад

Как по мне, удобнее всего писать после каждого селектора, а потом с помощью сборщика собирать их все в одном месте.

@zzzzzzzvvvvvvvv 7 месяцев назад

В самом внизу пишу. Мой учитель не любил хлам из файлов. И не больше 7шт медиа запросов. 😅

@romatokar3516 7 месяцев назад

Ребят вы чего, никто такие способы не использует это же неудобно. Пишите медиазапрос внутри селектора и будет вам счастье. Если вы все еще верстаете с галопм и тд то на стройте сборщик и он потом сгрупирует всё как надо. Ну а в реакте или ангуляр совсем иной принцип сборки стилей

@user-zt2ot2wj9p 7 месяцев назад

Спасибо за видео. Верстаю недавно. Познакомился с bootstrap, pug, sass. Думаю как сделать адаптив минимально используя bootstrap. Так как последний конечно очень крут но довольно шаблонизирован.

@shawnk.bertram312 7 месяцев назад

вау, потрясающее видео, мне понравилось. продолжайте публиковать, как это видео

@JaOlhha 7 месяцев назад

Девушка, вы молодец. Удивляюсь как современная, красивая и такая развинутая в вопросах.

@jmol1003 7 месяцев назад

Над эти надо поработать, что бы сайт выглядел более современно и подходяще

@bazzjr 7 месяцев назад

Неплохо было бы сделать обзор новых фишек, правил и т.д. а CSS - за год. Я например не знал про clamp. Хотя бы короткий обзор, чтобы было понятно куда копать.

@annblok_webdev 7 месяцев назад

Вчера видео на канале вышло о clamp

@user-bz8wg2lw1c 7 месяцев назад

Спасибр за обзор, мне было очень полезно

@This_is_hellwood 7 месяцев назад

Ти неймовірно цікаве та ще й неймовірно гарна! 😊

@md.sazzad 7 месяцев назад

this is an amazing and really very nice vedio

@user-FedorVorobyev 7 месяцев назад

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

@user-cq1tq2go4s 7 месяцев назад

ТЫ очень классная и тебя очень приятно смотреть

@user-gq9bh3si4y 7 месяцев назад

Интересное видео мне очень нравится хорошо объяснила молодец. Всем рекомендую

@user-xc2yu7ib3r 7 месяцев назад

Благодаря адаптации,все страницы и элементы сайта отображаются грамотно.

@VikaShovkyn-ql4qt 7 месяцев назад

Молодец девушка

@foha-absolute 7 месяцев назад

Привет могу дать совет по контенту ты можешь сделать обучаешее видео html css с нуля так как ты очень чётко объясняешь но вот человеку который ещё не совсем знает вёрстку ему эти советы будут не понятны

@via754 7 месяцев назад

Учить новичков верстать по новому не забывай, что поддержка этих свойств еще не полноценная

@user-nt4xo1vz4o 7 месяцев назад

Имею ввиду как записываются брейкпоинты в gulp с помощью мексинов.

@rashvmatrix9387 7 месяцев назад

Сайт развивать можно любыми способами. Главное, чтобы они работали.

@PearlDpUa 7 месяцев назад

9:00 Порядок медіа запитів мав значення весь цей час?

@Stanley19708 7 месяцев назад

сейчас и в будущем будет развиваться поддержка сайтов для актуальности и повестке дня

@911allcausticcamera9 7 месяцев назад

Визуально сайт преобразится и станет удобнее для просмотра посетителя на нём

@takyehossain2359 7 месяцев назад

This is wonderful video content it’s really beautiful

@zzzzzzzvvvvvvvv 7 месяцев назад

А мне с компа на мобилку адаптив делать нравится. А вот медиа запрос в хаосе у многих видела. Я люблю порядок и у меня коды все по полочкам и с коментариями. Легко читается и легко находишь. 😂 Что ты думаешь о Иерархии в БЭМе? Ты бываешь нарушаешь правила БЭМа НИКАКОЙ ИЕРАРХИИ!!!!?

@aigera_q 7 месяцев назад

Анна, здравствуйте! Вы ведёте сами курсы? Меня интересуют JavaScript, Dom, Vue. Пыталась по бесплатным сайтам учиться , за полгода ничего не освоила. Чувство будто мозги куриного размера 😢 css, html - легко освоила

@annblok_webdev 7 месяцев назад

Здравствуйте, по JS курс записан другим преподавателем, он тоже очень хорош в этом. По Vue пока курса нет, но скоро будет, запишу его сама.

@user-ie2ci1cl3c 7 месяцев назад

У меня похожая ситуация! ))

@user-dw2tc4cq9x 7 месяцев назад

Лучшие программисты не чуть-чуть лучше хороших. Они на порядок лучше по любым меркам: концептуальное мышление, скорость, изобретательность и способность находить решения. Randall E. Stross