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

Рет қаралды 33,756

3 жыл бұрын

Освойте анализ поведения пользователей с нуля на курсе «Факультет 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

Пікірлер: 38

@annblok_webdev 3 жыл бұрын

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

@user-rb3sw3ku6t 11 ай бұрын

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

@Replikator21 2 жыл бұрын

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

@Anodoree 3 жыл бұрын

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

@fluisha3727 3 жыл бұрын

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

@annblok_webdev 3 жыл бұрын

🤗🤗🤗

@user-bg9th9sy1v 3 жыл бұрын

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

@web2905 3 жыл бұрын

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

@annblok_webdev 3 жыл бұрын

Спасибо :)

@maruf_com 2 жыл бұрын

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

@annblok_webdev 2 жыл бұрын

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

@Stauroman 3 жыл бұрын

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

@soulwind7577 3 жыл бұрын

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

@velobarahlo 3 жыл бұрын

Спасибо 👍

@user-hs6zf7wk4c 3 жыл бұрын

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

@user-hs6zf7wk4c 3 жыл бұрын

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

@hikkarion 3 жыл бұрын

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

@user-cb5xj1lg1l 3 жыл бұрын

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

@user-fb3wj9ge2t Жыл бұрын

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

@mugsinua 3 жыл бұрын

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

@sergeyzatsepin513 3 жыл бұрын

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

@annblok_webdev 3 жыл бұрын

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

@andreikan7406 2 жыл бұрын

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

@skyTechVektor 2 жыл бұрын

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

@user-rb3dz3yt1y 7 ай бұрын

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

@AFROsamuraist Жыл бұрын

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