KZhead

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

Анна Блок
2021 ж. 27 Сәу.
33 658 Рет қаралды
Жүктеу

Освойте анализ поведения пользователей с нуля на курсе «Факультет 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
✅ ВК - vk.com/tpverstak
✅ Telegram - t.me/tpverstak
✅ Чат Telegram - t.me/tpverstakchat
Обучение Frontend-разработке - frontendblok.com/
Frontend Book PDF - tpverstak.ru/frontendbook
Задать вопрос про фронтенд или верстку - frontendhelp.me/ru

Пікірлер

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

    @annblok_webdev@annblok_webdev3 жыл бұрын

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

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

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

    @Anodoree@Anodoree3 жыл бұрын

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

    @Replikator21@Replikator212 жыл бұрын

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

    @fluisha3727@fluisha37273 жыл бұрын

    • 🤗🤗🤗

      @annblok_webdev@annblok_webdev3 жыл бұрын

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

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

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

    @Stauroman@Stauroman3 жыл бұрын

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

    @soulwind7577@soulwind75773 жыл бұрын

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

    @web2905@web29053 жыл бұрын

    • Спасибо :)

      @annblok_webdev@annblok_webdev3 жыл бұрын

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

      @maruf_com@maruf_com2 жыл бұрын

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

      @annblok_webdev@annblok_webdev2 жыл бұрын

  • Спасибо 👍

    @velobarahlo@velobarahlo3 жыл бұрын

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

    @hikkarion@hikkarion3 жыл бұрын

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

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

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

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

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

    @mugsinua@mugsinua3 жыл бұрын

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

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

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

    @sergeyzatsepin513@sergeyzatsepin5133 жыл бұрын

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

      @annblok_webdev@annblok_webdev3 жыл бұрын

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

    @skyTechVektor@skyTechVektor2 жыл бұрын

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

    @andreikan7406@andreikan74062 жыл бұрын

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

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

  • 👍

    @kindermns@kindermns3 жыл бұрын

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

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

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

    @AFROsamuraist@AFROsamuraist Жыл бұрын

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

    @stanislavtvs@stanislavtvs3 жыл бұрын

  • +

    @turtrueweb@turtrueweb3 жыл бұрын

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

    @user-bt3xy5tc2v@user-bt3xy5tc2v3 жыл бұрын

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

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

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

    @deevue_sews@deevue_sews3 жыл бұрын

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

      @Legardeilllusoire@Legardeilllusoire3 жыл бұрын

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

      @AFROsamuraist@AFROsamuraist Жыл бұрын

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

    @user-rb3dz3yt1y@user-rb3dz3yt1y7 ай бұрын
KZhead