Вёрстка сайта для НАЧИНАЮЩИХ | FIGMA | Урок 1

[@FrontEndtricks]

Как вам такого формата урок? с максимальным объяснением каждой строки кода?) напишите в комментариях!

[@Greiten]

Прямо то что нужно

[@kas_js]

Круто, у меня только кружечек не вишел... не пойму почему, блок есть, символи может отобразить, сам круг нет

[@leiiiy]

Охуенно брат, я такое видео и искал

[@NIKOLARUS1]

Да, вот желательно объяснять каждую строку кода и каждое действие, что и для чего. Ну и также я заметил вы не добавили padding:0, но я и смотрю с самого начала )

[@pro_chat_bot]

Круто! Спасибо добрый человек!!!

[@BrainsCloud]

Наконец-то контент, давай еще!

[@IvanKeats-q3q]

супер . ждем еще ! 23:45 ,22:50,30:30,35:40,37:00,39:45,54:55,59:40,55:00,56:25,59:43(59:50),1:00:50,1:01:40,1:02:50(1:03:20),1:03:45,1:03:20,1:04:43,1:05:00,1:07:35,1:06:55

[@alseos4023]

Проснулся от уведомления, и честно говоря мягко ошалел от того, что мой любимый ютубер, выпустил видео спустя 10 месяцев) да ещё и вёрстку!)

[@FrontEndtricks]

А вот и не правда, 3 дня назад было еще одно видео )))

[@alseos4023]

@@FrontEndtricks Аааа точняк 🤣🤣🤣👍

[@МясоХаляль-ж2м]

Как же ты хорошо объясняешь бро

[@JhonyDoe-q2c]

Толоко недавно досмотрел первый курс по верстке и сидел думал, «Жаль что нет новых видео», и вот когда увидел уведомления аж офигел Спасибо

[@amdreyMDM]

Хотелось бы почаще видеть контент)

[@owl-vv4lz]

Спасибо вам огромное за начало этого великолепного курса, буду ждать новых выпусков!

[@naligdehh]

не подавись

[@allaghayfajyan8753]

Большое спасибо за подробное объяснение, все понятно и очень интересно 🥰

[@ОлуксійСергіїович]

мы используем теги header footer main ..... и прочие песятки тегов 1 для четкой симантики корректной верстки что говорит о вашем професионализме. 2 читаемость структуры становиться в разы проще. 3 поисковые роботы смогут точнее идентифецировать структуру вашего сайта что играет ключевую роль для поискового запроса пользователем. А не потому что нам так проще...

[@НиколайНиколаев-х1ц]

хороший контент для начинающих👍

[@Java-Develop]

Очень интересно и понятно . С нас однозначно лайк 👍🏻 🎉

[@火i]

Thank you very much , due you we don't pay money to others for learning IT-skills

[@BezhovHF]

Спасибо большое, благодаря тебе понял многое

[@archiewh1tedev]

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

[@MAZISHA]

Спасиба, буду сегодня его верстать!!!

[@rahim6821]

Спасибо большое вы топчик . Респект вам

[@IvanKeats-q3q]

59:20 как по мне ,лучше их родителю задать gap:30px чтобы небыло лишних марджинов

[@Okogamee]

Молодец спасибо большое ) мненравится как ты обьясняешь все постепенно окуртано и главное Стараешься )))

[@lvovich_biz]

Пушка 🎉🎉🎉

[@glebsuverin6975]

неплохой урок, автор красавчик

[@whiteltd5970]

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

[@TOROGAR]

супер формат-спасибо за подробное объяснение

[@sharkoview]

Огромное спасибо! Формат хорош. 🎉

[@Danilf23]

Спасибо ваш урок помог

[@romanpit4you975]

Спасибо большое за урок)

[@ЛетучийГолландец-ь4ч]

Отличное видео, видно что очень постарались, успехов) подписался👍🏻

[@ArchieWh1te]

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

[@ProAsov]

Спасибо большое! все четко!

[@klirmio21]

Спасибо за видео) Хотелось бы со временем увидить верстку не только на чисто HTML +CSS, а допустим на SCSS (с применением @extend, mixins и тд) или Bootstrap. Но спасибо все равно!

[@FrontEndtricks]

Это планируется в целом но позже

[@alexander_stark]

бутстрап в 23 году? Это уже моветон....

[@Санька-г6у]

лучший видос

[@xeder2932]

спасибо за урок )👍

[@olegkostiv2971]

почему-то не отображается .header__link-event... два раза проверял... никак...

[@АнатолийШуменков-р2х]

не работают ссылки на макет

[@madinashubayeva3513]

здравствуйте, у меня ссылки на макет не открываются (

[@ВиталийДавыдов-э4г]

Повторяю за уроком. Почему у меня ссылки на переключения языков немного ниже а в уроке , в фигме по центру (одинаковое растояния сверху и с низу)?

[@nouchance]

спасибо!!!

[@Alex-d1f6w]

Лайк подписка

[@Suri-p1s]

красава помог

[@Middlefront]

А почему ты не сделал wrapper?

[@fluent_if_english]

скажите, пожалуйста, как называется Ваш редактор? В Brackets очень неудобно, нет шаблонов и нет автоматического заполнения, все приходится вводить вручную

[@FrontEndtricks]

вам нужно скачать плагин Emmet в brackets и тогда будет) а мой редактор это phpStorm

[@АбайШайкенов-ь3ш]

Вопрос, такая практика реально помогает новичкам?

[@ВиталийДавыдов-э4г]

У меня немного другой набор инструментов в фигме, справа... нет подробного описания css-стилей. Почему? у Вас какой то плагин?

[@FrontEndtricks]

нет это заводские настройки программы. на новой фигме нужно нажать dev mode чтобы появились стили

[@ВиталийДавыдов-э4г]

Нашёл. спасибо.@@FrontEndtricks

[@pavelgilyakov6592]

Спасибо за материал. Жаль что здесь практикуется метод верстки "сверху вниз". На мог взгляд это может создать определенные проблемы для новичков в будущем. При таком подходе, на заключительных этапах адаптации шаблона к разным браузерам и разрешениям, могут вылезти проблемы и придется переверстывать. Опытный верстальщик уже знает где сгладить углы, но для новичка это неочевидно. Мне кажется лучше сначала сразу сверстать адаптивный шаблон целиком - пусть и с пустыми блоками - а потом наполнять каждый блок - это исключит необходимость переверствывания.

[@FrontEndtricks]

Если бы все дизайнеры рисовали бы так чтобы было удобно верстать с mobile first, то может быть я такие уроки и делал бы, а вообще работая 8 лет, я ниразу еще не видел чтобы у нас рисовали с мобилки на комп, а наоборот, и никогда не было проблем при адаптации :}

[@NataliaDragon]

Здравствуйте. Ни одна ссылка не открывается

[@testtest-l1z]

У меня одного не открываются ссылки ?

[@danielatricolici7288]

А что за программа с помощью которой вы смотрите цвета и шрифты ?

[@FrontEndtricks]

Figma

[@animescope]

Не работают ссылки, у кого получилось можете помочь?

[@ДаниилДаниилов-э7б]

что делать с каченным файлом???

[@Данил-г4ь9у]

1:01:00 я поставил так как на видео, и у меня теперь все иконки встали рядом друг другу прижались

[@АндрейШутов-и5д]

тоже самое и не пойму в чём дело

[@АндрейШутов-и5д]

У меня получилось исправить, лично у меня была ошибка в том, что я в данном блоке header__Actions указал классы не для тега "а", а для самих картинок тобишь у меня было: а нужно было: Проверь может у тебя так же, отпишись сразу если я помог найти ошибку)

[@Данил-г4ь9у]

@@АндрейШутов-и5д спасибо за ответ, у меня так же всё получилось.

[@senianga1]

с марги-райт много возни, есть свойство которое называется gap, с ним по проще будет

[@FrontEndtricks]

Видели поддержку gap в IE11? Да он старый, и тем не менее я даже знаю людей которые его используют до сих пор)

[@senianga1]

@@FrontEndtricks ну… не прибедняйтесь на сегодняшний день она уже не критичная и с каждой обновкой растет.

[@FrontEndtricks]

@@senianga1да, но я делаю так как удобно мне

[@tumannnn888]

Что за сайт на котором ты это всё делал?

[@electron_kg]

Что за вопрос........

[@Funto-zl6ly]

Когда подключал анимку при помощи hover, но решил выебнуться и подключил библиотеку анимейт. А потом код в помойку потому, что я заебался искать ошибку 😎😎😎

[@IvanBoiko-yr3be]

не находит дизайн вовсе не гугл ни яндекс не работает

[@easystyle3378]

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

[@FrontEndtricks]

и к чему этот комментарий тогда?