Flex: tpverstak.ru/flex-cheatsheet/ Grid: tpverstak.ru/grid/ Game Grid: cssgridgarden.com/#ru Ask a free question frontend developer - frontendhelp.me
Пікірлер: 536
@annblok_webdev Жыл бұрын
🔥 Бесплатный интенсив по веб-разработке: frontendblok.com/intensives/start
@bcanary42524 жыл бұрын
Рикардо милос устроился в отдел разработки css, и устроил там дикий flex. Вот так и появился flexbox :)
@Just-iw9ng4 жыл бұрын
Зафлэксил нам флексы... Им вдохновлялись
@cratasthymos2 жыл бұрын
Это просто шедевр, все ленятся и записывают просто мониторы, а это графика, это труд, спасибо за этот труд с меня подписка.
@annblok_webdev2 жыл бұрын
😊😊😊
@autotopka3 жыл бұрын
Люблю когда все по делу и проработанный материал, спасибо за труд, лайк однозначно!
@dudlik40805 жыл бұрын
Люблю, когда в ролике объясняют понятно и доходчиво, как здесь.
@arttur16725 жыл бұрын
Спасибо,систер по разметке. Клёвый формат и подача материала. Добра тебе и денежек,ждём новых видосиков
@romankuzhel80275 жыл бұрын
Твои интерактивные примеры просто космос! Спасибо :)
@maxim-cherkasov3 жыл бұрын
Ютюб показал видео очень вовремя. И вы объяснили все четко и быстро. Хорошо, когда вче так сходится.
@KostjaCzar5 жыл бұрын
Умничка) честно говоря не ожидал что будет на сколько все доступно и понятно сказано)
@AlexAlex-sh3mz4 жыл бұрын
это просто невероятно, сжато, четко, все по пунктам. Спасибо большое
@walex07975 жыл бұрын
Благодарю за видео , и Ваш труд . Изучать html и css начал месяц назад , очень четко и понятно ! Спасибо !
@online-df6fo5 жыл бұрын
Все по материалу четко структурировано и доступным языком!
@SashaKuzikov5 жыл бұрын
Спасибо, что без воды и соплей. Сухо и локонично.
@voronaizlissabona3 жыл бұрын
локоны
@eugeniuszjarocki1095 жыл бұрын
Огромное спасибо за шпаргалки по CSS Grid и Flexbox! Очень доступно и понятно оформлено, сохранил себе в закладки :)
@annblok_webdev5 жыл бұрын
Не за что 😊 Пользуйтесь
@Anodoree5 жыл бұрын
Видео случайно вывело в рекомендованных. Стало интересно... Подозрительно даже несколько) Но проверив, оказалось очень годно: речь приятная, четкая, чистая; очень понятно всё разъяснено; без всякого мусора в речи. В общем - очень высокие показатели для усвоения информации аудиторией, однако) Ну, а про уместные вставки с необыкновенно красивой девушкой, которая оказалась еще и таким молодцом, говорить, думаю не стоит) И так теперь понятно) Крайне приятно удивлён) P.S. Пересмотрю весь контент сначала и жду новых видео) Думаю, такой далеко не один) P.P.S. О-о-очень приятно удивлён))) От души желаю больше успехов и добра вокруг!)))
@besada895 жыл бұрын
Вот и я тоже пришел с этого видео, но жаль что кроме него на канале ничего информативного и полезного нет.
@user-gg1br5zo7m4 жыл бұрын
ты чо попутал, тут что не видео, то шедевр, все о верстке и по делу
@alex_morano3 жыл бұрын
Спасибо большое!! Ваши видео - это полезное с приятным)))
@Aleksandr_Kub3 жыл бұрын
Неожиданно нашел ответ на мучивший меня, как начинающего верстака, вопрос. Выражаю благодарность )))
@user-qb5ro6zi3s4 жыл бұрын
Обалдеть. Насколько же это круто. Я вот недавно задавался вопросами о разнице float и flex, а также мне интересно было, можно ли их совмещать. И вот он ответ!!! Большое Спасибо! Лайк от меня!
@allasansorh25983 жыл бұрын
Очень круто! Еще бы с grid-template-rows наглядно разобраться )
@kyperchill73275 жыл бұрын
Очень понятно и очень доступно. Ты молодец. Лайк заслуженно.
@plsdontbuyawp29874 жыл бұрын
Хотелось бы сказать спасибо за шпаргалку по флексбоксам, два дня не мог понять как центрировать элемент и толькостоило зайти на ваш сайт, разобрался в момент
@bdserver3 жыл бұрын
классно объясняет без лишнего и быстро доступно!
@user-zo5lq4nx5j4 жыл бұрын
Отличное объяснение, спасибо! Однозначно лайк👍
@user-wc9ni9ov1o5 жыл бұрын
Спасибо огромное за видео,что объяснили подробно мне старику.
@DogAndKiller4 жыл бұрын
Спасибо. Давно хотел разобраться в этом.
@user-kh3pc6hd1o3 жыл бұрын
Очень информативно,воды ноль,только всё по делу👍
@1ngamer5 жыл бұрын
Случайно выпало в рекомендациях - не пожалел, что перешёл. Пускай для себя ничего нового не узнал (ибо уже знаком со всем перечисленным), но всё равно слушать было очень интересно и приятно. Анна, Вы очень милая девушка и всё внятно и доходчиво объясняете. Слушал бы и слушал)
@annblok_webdev5 жыл бұрын
Спасибо 😊
@mrn7484 жыл бұрын
Это точно. Очень внятно. Но реклама, врывающаяся посреди важного момента каждые 2 минуты или появляющаяся снизу, перекрывая контент..это, конечно что-то с чем-то..(ПС:не хочу отключать рекламу в браузере по определенным причинам).
@-Forever-Young-3 жыл бұрын
@@mrn748 не ной тогда
@user-xc8ts4fu7j3 жыл бұрын
Спасибо за такое наглядное объяснение😘
@user-ff3lc1et3u4 жыл бұрын
Спасибо, отличное видео, успехов каналу в дальнейшем
@user-yr9se1pi2z5 жыл бұрын
Профессионально все разъяснено. Автору благодарность.
@user-ed6ek8cv9s5 жыл бұрын
Согласен. Познавательный ролик
@uncledeveloper13564 жыл бұрын
Спасибо, довольно интересно рассказали, отдельное спасибо за шпоры
@playbey59704 жыл бұрын
Привет. Видео полезное, однозначно лайк. Скажи пожалуйста что за "инструмент" которым ты пользуешься? Очень удобно)
@Darkys12064 жыл бұрын
Круто, спасибо! Очень помогла)
@user-gs2rs6vj1u5 жыл бұрын
Отличный рассказ с детальной инструкцией по роботе.
@mr.krogan22104 жыл бұрын
Ты молодец, очень полезные ролики, помогли мне. Спасибо!
Пишу из 2020-го ) Лаконично и доходчиво!) Спасибо!
@olehkis47875 жыл бұрын
Классный обзор, спасибо)
@user-pz1ri4ph4v5 жыл бұрын
Полезный ролик! Внятно и доходчиво все рассказали! Ну просто разжевали! Благодарю!
@user-di6gb7ei6r5 жыл бұрын
Уже долгое время не занимаюсь вебом. Но вот наткнулся случайно на ваше видео и обнаружил что сейчас верстать макет одно удовольствие. Начинал вобще с HTML и все блоки сайта выполнялись в виде таблицы. Потом CSS и Float! Ну а теперь это просто подарок судьбы, радость какая.)))))
@user-wr7fo3ix9u3 жыл бұрын
Спасибо, Аня! Очень полезное видео!
@annblok_webdev3 жыл бұрын
🤗
@vvkbees64734 жыл бұрын
Насколько чётко и информативно девушка излагает информацию . Очень понравилось!Спасибо!
@veshua_j2 жыл бұрын
Хорошее видео! Начал изучать html и css. Добрался до flex, вроде понял как работает. Пойду изучать grid
@igorenzia4 жыл бұрын
легко и просто без воды подана информация. просто супер. а покажи книжку звездных войн на нижней полке.
@peacefulquasar4 жыл бұрын
Хороший формат и приятная подача)
@AdiletTV Жыл бұрын
Я конечно много it каналов хороших видел, но... такой формат впервые. Каждое слово по делу и каждый материал прикрепляется практикой + показывается где она используется...... Лайк и подписка однозначно!
@annblok_webdev Жыл бұрын
❤️
@user-fc3gh1rb7w5 жыл бұрын
удивительно, какими бывают программисты. Помню, когда я учился, таких девушек интересовало все, что угодно, кроме учебы... Однозначно, это достойно уважения! Как начинающий веб-программист, я бы с радостью взял такого преподавателя, с перспективой на будущее.
@Cat_Sterling5 жыл бұрын
Спасибо за информацию, очень здорово и доходчиво!
@user-on3vi5hk4r5 жыл бұрын
все подробно и хорошо объяснили. очень интересный ролик.
@alexandrlevin2113 жыл бұрын
Спасибо Вам огромное, здоровья и успехов!!
@jamesdarrel45403 жыл бұрын
Господи, благослови тебя Анна, всё искал ответы на некоторые вопросы, и в твоих видео нашёл то что нужно!) Ты супер, продолжай так-же, ты молодец. Ещё раз спасибо) Подписался!)
@annblok_webdev3 жыл бұрын
Рада, что видео помогают 🤗
@artemnikitin96962 жыл бұрын
Спасибо , Анна. Вы сделали очень понятный и классный урок
@annblok_webdev2 жыл бұрын
☺️
@yanmay86145 жыл бұрын
Большое спасибо за урок!
@fitwist5 жыл бұрын
Спасибо большое человеческое. Пожалуйста, продолжайте!
@annblok_webdev5 жыл бұрын
Не за что 😊 продолжать буду!
@yuridimitrov87575 жыл бұрын
Видео специализированное, оно для тех, кто понимает или сталкивался с темой. Мне больше понравилась дикция автора и темп-в самый раз, с нормальными паузами!
@yakut545 жыл бұрын
В теме шарю. Более чем! Но тоже оторваться не могу... 😍
@dmitrijponkin5 жыл бұрын
Анна, спасибо! Хороший обзор))
@annblok_webdev5 жыл бұрын
Спасибо 😊
@innadark88855 жыл бұрын
Отличное видео , было очень интересно посмотреть
@BarmaleyPlay5 жыл бұрын
В теме шарю, но оторваться не мог до последних секунд. Очень круто! Спасибо за старания!
@annblok_webdev5 жыл бұрын
Barmaley 😊
@Zhenia-nh4qx5 жыл бұрын
Также, в теме шарю, но оторваться не смог
@VanStabHolme5 жыл бұрын
Шааарииишь)))))))
@alexlevin85035 жыл бұрын
Такая же ситуация, как то случайно попалось видео, не ожидал такого на просторах русскоязычного ютуба, если она еще и в прикладной разработке шарит, то вообще потрясающе... Лайк!
@cars_owners5 жыл бұрын
Не шарю, только учу и для меня очень ценная информация, так как начал делать пробники с флоат, а можно тупо взять грид сетку.
@babywalker56594 жыл бұрын
спасибо за краткость и шпаршалки)
@user-zx5st3fq7x5 жыл бұрын
Очень хорошая подача материала !!!
@eleimt5 жыл бұрын
Здравствуйте верстальщики. Подскажите как сверстать стр. чата как у Slack? что бы сообщения поднимались снизу вверх, можно было прикрутить scrollbar и т.д.?
@user-dp2vl2ku5l5 жыл бұрын
Добрый день! Подскажите пожалуйста, как у Вас вышло разъединит блоки без свойства "margin" (03:15 минут видно как Вы прописываете "display: flex;", но в ".box-item" свойства "margin'" нету, а блоки имеют между собой расстояние), у меня к сожалению так не получается, аналогично делал как и Вы на сайте codepen.io, а также через Webstorm!???
@trendsgallery Жыл бұрын
Спасибо, Анна. Хороший урок.
@wonder86115 жыл бұрын
Супер, спасибо огромное!
@vladimirsmoktiy20405 жыл бұрын
отличная подача материала, спасибо.
@EugeneVe5 жыл бұрын
Спасибо, очень доступно
@surt40125 жыл бұрын
очень полезное видео.Спасибо !
@luxarmiger57293 жыл бұрын
Спасибо!!! В свое время верстку забросил из-за этих floatов. Хвала всевышнему, что появились флекс-боксы с гридами.
@user-yq3km7vj5e5 жыл бұрын
Спасибо! Доступно и понятно про все существующие виды разметки. Помню время когда только с float верстали. Вообще в целом с float это дикие костыли, т.к он изначально был предназначен для обтекания текста. Но другого выхода не было, т.к верстать таблицами это вообще жесть. С появлением flex и сеток на основе flex стало удобнее. То чувство, когда не понял почему разъехались блоки уже не посещает. С grid вообще все шикарно стало, но в продакшн его пока рановато. Может через годик, когда все браузеры поддержат на 100%. Вдруг заказчик сайта через оперу сидит)
@annblok_webdev5 жыл бұрын
Все верно :)
@user-qf7ve3mg7m5 жыл бұрын
Всё предельно ясно и доходчиво объяснили
@MachtFeuer5 жыл бұрын
Здравствуйте! С меня подписка и лайк, давно искал такую информацию. А можно ли использовать flexbox внутри гридов ?
@annblok_webdev5 жыл бұрын
Не могу представить визуально ситуации, при которой это потребовалось бы делать. Может у вас пример такого макета есть, чтобы можно было разобрать?
@user-yh8to5ys9h2 жыл бұрын
То что искал кратко и понятно Царский Лайк))) Контент тоже класс
@annblok_webdev2 жыл бұрын
Спасибо 🤗
@sevgenberg5855 жыл бұрын
Можешь сделать уроки по веб компонентам. Если можно то еще по анимации, желетельно с использованием нативного кода. Расскажи пожалуйста про миксины, которые только появились в CSS
@user-zy8zx4tv5j5 жыл бұрын
Милая верстальщица) спасибо за ролик)в теме шарю, но все равно интересно как разные люди подносят информацию)
@andriano4elentano2763 жыл бұрын
Я тоже захожу чтобы мальвиной полюбоваться!)
@user-tw2fp7cv3g3 жыл бұрын
@@andriano4elentano276 А я для получения навыков и заметил, что Анна не красотка в общем-то, но вот в этом видео она весьма красива. Все-таки везет же бабам, что у них всегда есть возможность выглядеть красиво. Нужна лишь правильная прическа и макияж.
@user-qh5fr3yo1w5 жыл бұрын
Автору большое спасибо за хорошее видео. Отдельное спасибо за шпаргалки. Очень классная штука.
@user-fb3wj9ge2t Жыл бұрын
Поясните, я сделал несколько Флекс блоков(секций), а можна продолжыть Грид блоками? Совмащаэмы?
@melissasofie76815 жыл бұрын
Спасибо. Видео помогло расставить все мысли по этой теме на нужные полки.
@annblok_webdev5 жыл бұрын
Tita tita рада, что это видео было полезно для вас 😊
@melissasofie76815 жыл бұрын
@@annblok_webdev было бы круто если бы вы сняли видео про : :before и : :after.
@annblok_webdev5 жыл бұрын
Tita tita уже на канале 👍🏻
@melissasofie76815 жыл бұрын
@@annblok_webdev Спасибо огромное, получилось очень круто.
@morto42205 жыл бұрын
2:00 чтобы элемент перешел на новую строку можно повесить .box:nth-child(4n+1) {clear: left}, если нужно переводить на новую строку через каждые 4 элемента и не плодить ненужные элементы на странице
@Th0rN13-Yt5 жыл бұрын
Ссылки забыла: Flex: tpverstak.ru/flex-cheatsheet/ Grid: tpverstak.ru/grid/ Игра про grid: cssgridgarden.com/#ru
@annblok_webdev5 жыл бұрын
Эти ссылки находятся в описании под видео
@Th0rN13-Yt5 жыл бұрын
может я слепой? i.imgur.com/WC9mcNO.png
@annblok_webdev5 жыл бұрын
Ок, поняла в чем проблема. В английском интерфейсе меньше ссылок. Дополнила информацию 👍
@user-ey7rd9ih4g3 жыл бұрын
@@Th0rN13-Yt все ссылки в описании под роликом, а не там где вы лазите!
@sanekvelikiy Жыл бұрын
всё понятно,автору респект!
@umbradolores88365 жыл бұрын
Отлично!
@pashauhovskiy57405 жыл бұрын
полезное видео !спасибо тебе
@user-cv7fi9uj1d5 жыл бұрын
Супер! Деваха молодец! Четко все раскидала! Grid CSS кстати в React'е в полный рост применяется
@user-ew2pd6fq8j4 жыл бұрын
Какая милая умная девушка:)) Grid однозначно шикарно вписывается под современные требования адаптивности... 5+ лайк!
@MoranKitz4 жыл бұрын
Увидел на вашей полке книги по Star Wars. Теперь я полюбил Вас ещё больше
@diatm1506 Жыл бұрын
Как вы относитесь к tailwind css?
@lphoenixl77713 жыл бұрын
Вай, спасибо. Видео топ ^^
@romanm43915 жыл бұрын
Всё отлично, кроме того что видео пересвечено (когда ведущая на экране). Возможно не в тему, но... А так пересмотрел уже второй раз, спасибо! Хотел ещё один лайк поставить))
@arttur1672 Жыл бұрын
Хорошая подача материала. Спасибо за контент. Как верстаете в 2023 адаптивность? Используете бутстрап или медиазапросы?
@user-ei8ib3mq2q Жыл бұрын
конечно медиа!
@jriyzavada34085 жыл бұрын
Спасибо, не знал о Grid CSS.
@alexandrovsyannikov63334 жыл бұрын
сначала подумал что девушка в превью это байт, но черт возьми как же оказался я не прав и удивлен! и мне приятно тебя слушать!
@Black.R.o.c.k4 жыл бұрын
Очень полезное видео Just Like, но хотелось бы узнать по больше про grid и flex
@annblok_webdev4 жыл бұрын
Могу порекомендовать марафоны tpverstak.ru/grid-marathon/ и tpverstak.ru/flexbox-marathon/ Там мы разбираем все тонкости
@user-js4il4tp9h4 жыл бұрын
Отличное объяснение !!!
@justoleg60014 жыл бұрын
Большое спасибо )
@user-iu9gt6zk8c5 жыл бұрын
Спасибо за информацию, отличное видео! Наконец-то нормально реализовали все это, давно пора) И таблицы и float - это костыли по сути.
@user-yk2pp7zm5s4 жыл бұрын
Добрый вечер, можно вопрос? возможно ли использовать float внутри блока если все на флексах? будет ли это грамотно ?
@annblok_webdev4 жыл бұрын
Можно, но все зависит от разметки
@AkashiyaMokaV4 жыл бұрын
Отлично излагаешь. спасибо :)
@mambasacaremamba26714 жыл бұрын
Благодарочка, норм контент особенно для новичков
@Diseredato245 жыл бұрын
Вы, волосы, средствами CSS раскрашивали? Или по старинке, HTML?