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

Освойте анализ поведения пользователей с нуля на курсе «Факультет UX-аналитики» от GeekBrains: gb.ru/link/pKqc6J
Видео с версткой сайта, о котором идёт речь - • 🔥 Верстка сайта с нуля...
Файл с работами участников- docs.google.com/spreadsheets/...
Итоговая верстка (мой пример) - github.com/annblok/OnlineTV
Демо - annblok.github.io/onlinetv/src/
✅ Поддержать канал - / @annblok_webdev
✅ Instagram - / annblok
✅ TikTok - / annblok_webdev
✅ Сайт - tpverstak.ru
✅ ВК - tpverstak
✅ Telegram - t.me/tpverstak
✅ Чат Telegram - t.me/tpverstakchat
Обучение Frontend-разработке - frontendblok.com/
Frontend Book PDF - tpverstak.ru/frontendbook
Задать вопрос про фронтенд или верстку - frontendhelp.me/ru

[@annblok_webdev]

Таймкоды:
00:00 Вступление
00:56 Разбор ошибки 1
02:15 Реклама
02:58 Разбор ошибки 2
04:23 Разбор ошибки 3
05:15 Разбор ошибки 4
05:37 Разбор ошибки 5
06:34 Разбор ошибки 6

[@user-rb3sw3ku6t]

Вот прям спасибо от души!!!! Я считаю себя опытным разработчиком, но в каждом совете подчеркнул многое, так что прям над многим придётся поработать чтобы улучшить качество вёрстки!

[@user-bg9th9sy1v]

Вот таких видео нужно побольше)

[@Anodoree]

Спасибо! Очень познавательно. В новой работе многое из озвученного уже учтено) Но есть и не совсем понятные моменты, в которых не могу решить, как лучше поступить. Поэтому всё равно ошибки ещё будут( Прошлую работу после сдачи этой буду дорабатывать.

[@fluisha3727]

Спасибо большое, очень, очень полезно. У меня адаптив не очень получается, но теперь я подчеркнул некоторые моменты, впредь буду стараться). Вам ещё раз спасибо)

[@annblok_webdev]

🤗🤗🤗

[@Replikator21]

Огромное вам спасибо Анна, за ваш труд! Вы прекрасны! Подписался, буде частым гостем у вас.

[@Stauroman]

Пишу первый сайт, видео как раз вовремя, да ещё и полезное)

[@web2905]

Спасибо, очень хорошая рубрика, как раз на ошибках хорошо можно увидеть как не стоит делать и понять как стоит. А вы как раз рассказываете что и как :)

[@annblok_webdev]

Спасибо :)

[@maruf_com]

@@annblok_webdev пересматриваю спустя 4-5 месяцев. и думал что лайков где-то 25К как МИНИМУМ !! Я не понял где лайки!????? всего лишь 600

[@annblok_webdev]

@@maruf_com видимо, не понравилось)

[@velobarahlo]

Спасибо 👍

[@soulwind7577]

Замечания хорошие, правда больше мне кажется относятся к веб дизайнерам :). Хотя видимо я так попал, что нам дают большое кол-во вариантов макета и говорят делай пиксель в перфект)

[@user-hs6zf7wk4c]

и контакты можно подсмотреть в футере, я иногда время жизни/год создания сайта смотрю в футере

[@hikkarion]

По поводу 1 момента, когда текст был наложен на баннер, у меня также было) (первая работа в списке)

[@user-hs6zf7wk4c]

хочу научиться так же, как Аня, кромсать задачу/проблему на запчасти, а то из-за попыток проворочать всю задачу в голове получается гора внебрачных глюков и приколов вместо правильно работающего механизма)))

[@user-fb3wj9ge2t]

так как сделать так чтоб обекти не падали в пустоту?

[@user-rb3dz3yt1y]

Камеру глючит на полках. Матрица спалилась.

[@user-cb5xj1lg1l]

Благодаря Вашим видео я стал профессионалом в верстке.

[@andreikan7406]

а что за конкурс?

[@skyTechVektor]

А интересно, с кого перепуга, верстальщик должен волноваться по поводу дизайна? Ну тогда надо платить и ща это тоже

[@mugsinua]

обратил внимание что некоторые работы хорошо смотрятся в смартфоне но после разворота ....о ужас... большинство адаптиащиков работают с щириной при адаптиве и забывают что есть еще и высота...

[@sergeyzatsepin513]

А в чём у тебя особенность адаптива для размера текста? Также меняешь значения на каждом bp. Как бы, какая разница в px это делать или в rem, хз... Интересней было бы связать fsz у html с rem-значениями заголовков и менять fsz у html только на bp, вот это было б прикольнее.

[@annblok_webdev]

Вы не совсем внимательно изучили мой адаптив

[@kindermns]

👍

[@AFROsamuraist]

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

[@stanislavtvs]

Класс я кокрас делаю адоптив

[@turtrueweb]

+

[@deevue_sews]

Видео абсолютно несмотрибельно для тех кто не участвовал в этом марафоне. Низкая полезность видео.

[@Legardeilllusoire]

не правда, я не учавствовал но посмотрел с удовольствием.

[@AFROsamuraist]

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

[@user-bt3xy5tc2v]

найс реклама.... гб

[@user-cf6vl5xe2d]

бооооооже какая душная.

[@user-rb3dz3yt1y]

ТЫкать некрасиво