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

  Рет қаралды 18,183

Анна Блок

Анна Блок

Күн бұрын

До конца сентября на Мегамаркете повышенный кешбэк на бытовую технику и электронику до 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/

Пікірлер: 75
@sergeymickolaenko1161
@sergeymickolaenko1161 8 ай бұрын
Это точно, такой вопрос себе многие задают, спасибо за вашу помощь👍💯
@user-wy4zl9ue4u
@user-wy4zl9ue4u 8 ай бұрын
Просто поразительно, насколько хорошо вы разбираетесь в этом вопросе. Есть чему поучиться, особенно про адаптивность и фишки, которые теперь смогу использовать и я.
@ShohelRana-ut3zu
@ShohelRana-ut3zu 8 ай бұрын
У вас явно прекрасные идеи для улучшения адаптивности сайта! Инновации, которые вы предложили, помогут создать впечатляющий пользовательский опыт и сделать сайт ещё более привлекательным и удобным для всех пользователей.
@user-ie2ci1cl3c
@user-ie2ci1cl3c 7 ай бұрын
Добрый день! Не сочтите за грубость, но Ваш ответ так грамотно написан, что как будто чат gpt писал. Сейчас все реже встречаю такие комментарии в сети. Хорошего дня!
@tetyana5295
@tetyana5295 8 ай бұрын
спасибо, что рассказываете нам такие важные детали в создании сайтов, с вами я в этой теме стала лучше разбираться
@PmMp000
@PmMp000 8 ай бұрын
Супер. Спасибо.
@alexzom.
@alexzom. 8 ай бұрын
Благодарю за видео, просмотрел и прослушал с большим вниманием. главное что бы для людей эта информация оказалась полезной
@computercomputer3293
@computercomputer3293 8 ай бұрын
Большое спасибо за ваш труд
@user-re6tl3wp8m
@user-re6tl3wp8m 8 ай бұрын
Толковые советы, обязательно воспользуюсь вашими грамотными подсказками
@kopchik1000
@kopchik1000 8 ай бұрын
За советы спасибо. Я не знал про эти фишки но теперь благодаря тебе постараюсь исправиться.
@nickz2586
@nickz2586 8 ай бұрын
Спасибо большое за это видео. Мне как начинающему очень интересно и полезно!
@Svet__alya
@Svet__alya 8 ай бұрын
Спасибо за эти фишки, они действенны и помогают с сайтами👍
@user-gl8wf3mp3w
@user-gl8wf3mp3w 8 ай бұрын
Крутые фишки, какраз я новичок и послушала ваше видео с внимательностью, спасибо
@supergame2415
@supergame2415 8 ай бұрын
Спасибо вам за интересную и познавательную информацию.
@user-fm6wl8su6b
@user-fm6wl8su6b 4 ай бұрын
Если честно то меня глушануло, верстать от мобильного, к десктопному... Гениально ?! Да, с меня лайк и подписка. Класс. ))
@JeanaUchiha
@JeanaUchiha 8 ай бұрын
очень круто и интересно, огромное спасибо за такую ценную информацию
@user-uv4uo1oo5y
@user-uv4uo1oo5y 8 ай бұрын
Аннют, спасибо большое за фишки, буду юзать )
@oleggubenko9039
@oleggubenko9039 8 ай бұрын
Очень интересно было вас послушать.
@sashabest1479
@sashabest1479 8 ай бұрын
Нужно будет применить ваши советы на практике, возможно возникнут сложности, но думаю смогу их преодолеть.
@user-lt7ov6us6f
@user-lt7ov6us6f 8 ай бұрын
Хорошие советы, можно будет применить
@dmitryn.4506
@dmitryn.4506 8 ай бұрын
Ну, типа, всё знал... Но повторение -мать учения! 👍
@user-dh1gs5lj8w
@user-dh1gs5lj8w 8 ай бұрын
Для специалиста такой обмен опытом будет полезным.
@user-bz8wg2lw1c
@user-bz8wg2lw1c 8 ай бұрын
Спасибр за обзор, мне было очень полезно
@mark19944
@mark19944 8 ай бұрын
Отличное предложение, обязательно воспользуюсь вашими советами для улучшения
@farmlingarchontas2216
@farmlingarchontas2216 8 ай бұрын
Я вообще всегда задаюсь этим вопросом. Даже слишком часто, если так подумать. Но это все мелочи. Хорошие советы, я оценил.
@user-wt5cr7xr1r
@user-wt5cr7xr1r 8 ай бұрын
Мышку нужно разобрать и обработать спиртом сам механизм колёсика. На отлично помогает, когда крутишь вниз или вверх, а оно прыгает как вне себя 😂
@mystreetlifting76
@mystreetlifting76 8 ай бұрын
Приятно получать большой кэшбэк на нужную покупку
@shawnk.bertram312
@shawnk.bertram312 8 ай бұрын
вау, потрясающее видео, мне понравилось. продолжайте публиковать, как это видео
@user-gq9bh3si4y
@user-gq9bh3si4y 8 ай бұрын
Интересное видео мне очень нравится хорошо объяснила молодец. Всем рекомендую
@JaOlhha
@JaOlhha 8 ай бұрын
Девушка, вы молодец. Удивляюсь как современная, красивая и такая развинутая в вопросах.
@md.sazzad
@md.sazzad 8 ай бұрын
this is an amazing and really very nice vedio
@LostInspector
@LostInspector 8 ай бұрын
Теперь буду понимать, что и как, что-бы адаптировать свой проект.
@This_is_hellwood
@This_is_hellwood 8 ай бұрын
Ти неймовірно цікаве та ще й неймовірно гарна! 😊
@user-zt2ot2wj9p
@user-zt2ot2wj9p 8 ай бұрын
Спасибо за видео. Верстаю недавно. Познакомился с bootstrap, pug, sass. Думаю как сделать адаптив минимально используя bootstrap. Так как последний конечно очень крут но довольно шаблонизирован.
@VikaShovkyn-ql4qt
@VikaShovkyn-ql4qt 8 ай бұрын
Молодец девушка
@jmol1003
@jmol1003 8 ай бұрын
Над эти надо поработать, что бы сайт выглядел более современно и подходяще
@user-cq1tq2go4s
@user-cq1tq2go4s 8 ай бұрын
ТЫ очень классная и тебя очень приятно смотреть
@bazzjr
@bazzjr 8 ай бұрын
Неплохо было бы сделать обзор новых фишек, правил и т.д. а CSS - за год. Я например не знал про clamp. Хотя бы короткий обзор, чтобы было понятно куда копать.
@annblok_webdev
@annblok_webdev 8 ай бұрын
Вчера видео на канале вышло о clamp
@EnotWorldik
@EnotWorldik 8 ай бұрын
Расскажи ребятам о миксинах, думаю это будет полезно)
@user-xc2yu7ib3r
@user-xc2yu7ib3r 8 ай бұрын
Благодаря адаптации,все страницы и элементы сайта отображаются грамотно.
@911allcausticcamera9
@911allcausticcamera9 8 ай бұрын
Визуально сайт преобразится и станет удобнее для просмотра посетителя на нём
@user-FedorVorobyev
@user-FedorVorobyev 8 ай бұрын
Ага, здорово, что при совершении следующих покупок на маркетплейсе этими бонусами можно оплатить стоимости заказа.
@user-dw2tc4cq9x
@user-dw2tc4cq9x 8 ай бұрын
Лучшие программисты не чуть-чуть лучше хороших. Они на порядок лучше по любым меркам: концептуальное мышление, скорость, изобретательность и способность находить решения. Randall E. Stross
@Stanley19708
@Stanley19708 8 ай бұрын
сейчас и в будущем будет развиваться поддержка сайтов для актуальности и повестке дня
@takyehossain2359
@takyehossain2359 8 ай бұрын
This is wonderful video content it’s really beautiful
@aigera_q
@aigera_q 7 ай бұрын
Анна, здравствуйте! Вы ведёте сами курсы? Меня интересуют JavaScript, Dom, Vue. Пыталась по бесплатным сайтам учиться , за полгода ничего не освоила. Чувство будто мозги куриного размера 😢 css, html - легко освоила
@annblok_webdev
@annblok_webdev 7 ай бұрын
Здравствуйте, по JS курс записан другим преподавателем, он тоже очень хорош в этом. По Vue пока курса нет, но скоро будет, запишу его сама.
@user-ie2ci1cl3c
@user-ie2ci1cl3c 7 ай бұрын
У меня похожая ситуация! ))
@Faradau
@Faradau 8 ай бұрын
Было бы интересно узнать по статистике где кто размещает @media в отдельном файле, в общем файле после основных стилей или после каждого селектора? спасибо за видео 😊 ps: волосы и укладка чудесно выглядят))
@user-py8ov8ji1c
@user-py8ov8ji1c 8 ай бұрын
Мне кажется, лучше всего писать медиа запросы в отдельном css файле. Проще читается.
@muratkuzhakhmetov4723
@muratkuzhakhmetov4723 8 ай бұрын
Да мне удобнее отдельный файл стилей под адаптив
@andreashalter7468
@andreashalter7468 8 ай бұрын
Как по мне, удобнее всего писать после каждого селектора, а потом с помощью сборщика собирать их все в одном месте.
@zzzzzzzvvvvvvvv
@zzzzzzzvvvvvvvv 8 ай бұрын
В самом внизу пишу. Мой учитель не любил хлам из файлов. И не больше 7шт медиа запросов. 😅
@romatokar3516
@romatokar3516 8 ай бұрын
Ребят вы чего, никто такие способы не использует это же неудобно. Пишите медиазапрос внутри селектора и будет вам счастье. Если вы все еще верстаете с галопм и тд то на стройте сборщик и он потом сгрупирует всё как надо. Ну а в реакте или ангуляр совсем иной принцип сборки стилей
@rashvmatrix9387
@rashvmatrix9387 8 ай бұрын
Сайт развивать можно любыми способами. Главное, чтобы они работали.
@zzzzzzzvvvvvvvv
@zzzzzzzvvvvvvvv 8 ай бұрын
А мне с компа на мобилку адаптив делать нравится. А вот медиа запрос в хаосе у многих видела. Я люблю порядок и у меня коды все по полочкам и с коментариями. Легко читается и легко находишь. 😂 Что ты думаешь о Иерархии в БЭМе? Ты бываешь нарушаешь правила БЭМа НИКАКОЙ ИЕРАРХИИ!!!!?
@via754
@via754 8 ай бұрын
Учить новичков верстать по новому не забывай, что поддержка этих свойств еще не полноценная
@foha-absolute
@foha-absolute 8 ай бұрын
Привет могу дать совет по контенту ты можешь сделать обучаешее видео html css с нуля так как ты очень чётко объясняешь но вот человеку который ещё не совсем знает вёрстку ему эти советы будут не понятны
@user-nt4xo1vz4o
@user-nt4xo1vz4o 8 ай бұрын
Имею ввиду как записываются брейкпоинты в gulp с помощью мексинов.
@alexbaid3949
@alexbaid3949 7 ай бұрын
Как в 2023 году получить api ключ для Google Maps и использовать его на локальном сервере Open Server на Вордпресс сайте. Вот в чем вопрос ((
@vanzo16
@vanzo16 8 ай бұрын
Хотим разбор css container.
@annblok_webdev
@annblok_webdev 8 ай бұрын
Такое видео уже есть на канале, ссылки в описании
@PearlDpUa
@PearlDpUa 8 ай бұрын
9:00 Порядок медіа запитів мав значення весь цей час?
@horikeisukke_7949
@horikeisukke_7949 5 ай бұрын
почему то страшно начинать проект с mobile-first
@tolasnisar2494
@tolasnisar2494 8 ай бұрын
Меня лично такой вопрос постоянно мучает.
@dembelsky
@dembelsky 8 ай бұрын
Плохо, что не все ресурсы адаптируют свои сайты под различные гаджеты...
@Marinellamaksimova
@Marinellamaksimova 8 ай бұрын
Чтобы сделать хороший адаптивный сайт, нужно понимать много нюансов ...
@IrinaChernikova90
@IrinaChernikova90 8 ай бұрын
Если грамотно настроить адаптивный дизайн,то сайт сам подстроится под нужное устройство пользователя.
@user-gq4lg1fq9u
@user-gq4lg1fq9u 8 ай бұрын
Как профессионально ведёт себя девушка в данном видео
@maksandrol1
@maksandrol1 8 ай бұрын
современная, красивая и такая развинутая в вопросах.
CSS units for font-size: px, %, em, rem, vw, vh, vmin, vmax
18:35
Анна Блок
Рет қаралды 69 М.
Слайдер на чистом CSS без JavaScript
22:45
Анна Блок
Рет қаралды 23 М.
Como ela fez isso? 😲
00:12
Los Wagners
Рет қаралды 27 МЛН
Osman Kalyoncu Sonu Üzücü Saddest Videos Dream Engine 118 #shorts
00:30
Complete Yoast Seo Tutorial 2024 -  WordPress SEO for Beginners
51:47
L4: Img2Img Painting in ComfyUI  - Comfy Academy
10:41
Olivio Sarikas
Рет қаралды 29 М.
Эта новинка в CSS смогла заменить JavaScript
9:46