Тёмный

CSS3 flexbox практика | Эффект при наведении в CSS 

Denis Gorelov
Подписаться 31 тыс.
Просмотров 11 тыс.
50% 1

Опубликовано:

 

30 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 51   
@ГришаТкачёв-о9и
@ГришаТкачёв-о9и 7 лет назад
Спасибо вам, за хороший монтаж этого видео урока, за то что объясняете каждый шаг в верстке и за файлы которые прикладываете к урокам. Желаю удачи в продвижении на ютуб!
@denisgorelov3236
@denisgorelov3236 7 лет назад
Читаешь такие комментарии и понимаешь что не зря занимаешься этим делом. Я рад что видео было вам интересно. Спасибо.
@mister_robot01
@mister_robot01 7 лет назад
Отличный канал, спасибо! Жду еще уроков по flexbox, по больше практику))
@КириллМялик-г3х
@КириллМялик-г3х 6 лет назад
Прямой пример того как недооценивают, реально годный контент!
@appleipad9226
@appleipad9226 7 лет назад
Спасибо большое за бесценны урок, жду ещё такие интересные уроки Желаю удачи;)
@ЕвгенийАлексеевич-ь8т
Снова эта мелодия.. Урок отличный,спасибо,вношу вклад лайком')
@АнтуанСтебошевский
Просто Вау, подписка однозначно, человек говорит и делает)
@GaponovaT
@GaponovaT 7 лет назад
Спасибо, урок будет полезен, в частности оформление блока. Что касается флексов, не нравится когда соскакивает последний элемент вниз. Аккуратнее выглядит когда переносятся парами. Можно ширину блока указывать для десктопа и определённого медиа запроса - 25%/50%/100%
@denisgorelov3236
@denisgorelov3236 7 лет назад
Спасибо за комментарий. В следующий раз при записи аналогичного видео я это учту и покажу как это сделать.
@ГрафствоЧешир
@ГрафствоЧешир 7 лет назад
Привет, ты делаешь отличный контент, только сейчас осознал как ты мне помог в развитии как разработчика, спасибо и успехов тебе в развитии канала!
@destdest1465
@destdest1465 7 лет назад
Спасибо за познавательный видео урок. Жду не с терпением видео по верстке вполне сложного psd макета на флексах))
@denisgorelov3236
@denisgorelov3236 7 лет назад
Всегда все сложно состоит из простых элементов. Это уже будет серия уроков по flex, пока еще над этим не думал.
@destdest1465
@destdest1465 7 лет назад
DWS TV - Уроки по WEB разработкам главное не затягивай с этим)))
@ПетрСидоров-п3г
@ПетрСидоров-п3г 7 лет назад
Спасибо за урок. Будем ждать верстку полноценного psd макета на флексах
@progerlife6690
@progerlife6690 5 лет назад
Спасибо тебе большое! Многое чего интересного узнал. Спасибо!!!!
@ПятыйЭлемент-й1ф
Отличный урок, а в общем как и все остальные))) Респект тебе автор)
@denisgorelov3236
@denisgorelov3236 7 лет назад
Спасибо, рад что понравился. Далее будет еще интересней, по немного будем внедрятся в работу с grid.
@Olegatorius1
@Olegatorius1 7 лет назад
Хороший пример! Флексов мало , но круто сделал!
@АндрейСветлый-к8н
Оххх замечательный урок! Спасибо!
@SpAaTeam
@SpAaTeam 7 лет назад
Ждем больше видео по flex
@d_donskoy862
@d_donskoy862 7 лет назад
Спасибо, большое. Отличный урок!!
@zp00v0518
@zp00v0518 7 лет назад
Классные видео! Приятно смотреть
@denisgorelov3236
@denisgorelov3236 7 лет назад
Спасибо!
@HTMLHarbor
@HTMLHarbor 7 лет назад
Спасибо , видео получился очень крутым !))
@ВадикКурносов
@ВадикКурносов 6 лет назад
ооооочень доступно , спасибо
@seriogaromanchykov9451
@seriogaromanchykov9451 6 лет назад
Спасибо за контент!!
@bipiwnik
@bipiwnik 7 лет назад
Чтобы расположить объект по середине экрана достаточно использовать сам flexbox justify-content и align-items дать значение center и все
@denisgorelov3236
@denisgorelov3236 7 лет назад
привык по старинке )).
@SpAaTeam
@SpAaTeam 7 лет назад
хотелось бы увидеть видео по новым единицам измерения в css 3, если возможно, конечно. Думаю, что будет интересно)
@denisgorelov3236
@denisgorelov3236 7 лет назад
Отдельное видео не вижу смысла снимать по ним, так если по ходу в уроков постараюсь осветить.
@SpAaTeam
@SpAaTeam 7 лет назад
тоже хорошая идея) Ждем следующие уроки, спасибо за видео)
@FantomSnow
@FantomSnow 7 лет назад
go next
@denisgorelov3236
@denisgorelov3236 7 лет назад
Thank you
@ostrovniy
@ostrovniy 6 лет назад
все получилось )))) спасибо ))
@shamsiddintolaganov1946
@shamsiddintolaganov1946 6 лет назад
спс бро ты крут
@orbita_studios3835
@orbita_studios3835 7 лет назад
Принципе флексбоксы жду очень, вы очень внятно и четко объясняете каждое ваше действие. Хотел спросить почему к меня media only screen and .. не работает
@denisgorelov3236
@denisgorelov3236 7 лет назад
Спасибо за комментарий, по media, скиньте ваш пример кода как его подключаете.
@orbita_studios3835
@orbita_studios3835 7 лет назад
DWS TV - Уроки по WEB разработкам куда вам скинуть
@orbita_studios3835
@orbita_studios3835 7 лет назад
DWS TV - Уроки по WEB разработкам странно сейчас заработал а так вообще не работал типо нельзя ставить max-width: 300px; в конце точку с запятой?? А в чём разница only screen, и использовать просто @media (max-width:...) или @media screen (....)
@АлександрДолинский-п7б
Сделайте урок по разработке видео и аудио плееров очень нужно так же было бы здорово сделать видео обзор по видео плагинам так как информации на их мало а обычным style не изменишь панель.
@denisgorelov3236
@denisgorelov3236 7 лет назад
Если будут поступать периодически такого рода комментарии вероятней всего запишу, но пока не планировал.
@АлександрДолинский-п7б
А жаль
@zack11th
@zack11th 7 лет назад
Спасибо за Ваш труд! Возникла пара вопросов: 1 - Как бы сделать так, как у Вас в phpStorme автоматическое обновление страницы при внесении изменений? 2 - Я имел на руках макет для десктопа. Соответственно сначала я сделал его, а потом при помощи медиа-запросов по ширине экрана менял правила для элементов страницы, двигаясь в меньшую сторону. При этом медиа-запросы я делал в отдельном файле, но не суть. И тут пришло осознание, что пользователю с самого маленького экрана телефона будет идти сначала основной файл css, потом он будет постепенно применять правила для меньших экранов, потом следующие и так для самого маленького (потому что некоторые правила для самого маленького не изменились по сравнению, скажем, со средними). В итоге телефон будет вынужден получить больше трафика и как следствие дольше его обрабатывать. Не будет ли логичнее делать наоборот: сначала для мобильных экранов делать вёрстку, а потом вносить изменения в сторону увеличения экрана? Насколько такой подход актуален в нынешних реалиях? Или есть какой-то другой более действенный метод?)
@denisgorelov3236
@denisgorelov3236 7 лет назад
Спасибо за комментарий, рад что видео понравилось. По первому вопросу, для автоматического обновления я использую отдельный плагин тут все описано - vk.com/topic-70729755_35330790 По второму вопросу, на этот случай делается отдельная мобильная версия где некоторые элементы с дизайна принудительно убираются, то есть, это как отдельный шаблон верстки. При адаптиве, все равно на странице будут те же скрипты и библиотеки + различные блоки, которые ее нагружают. От меньшего к большему, такой подход не актуален, удобнее делать от большего к меньшему. Самый оптимальный из всех методов, делать отдельно верстку на адаптив, и на десктоп.
@ВадикКурносов
@ВадикКурносов 6 лет назад
и понятно
@0alsh
@0alsh 7 лет назад
Расширение экрана? Т.е. разрешение экрана?
@denisgorelov3236
@denisgorelov3236 7 лет назад
ага, разрешение экрана.... но главное вы поняли о чем суть была.
@orbita_studios3835
@orbita_studios3835 7 лет назад
И про position вообще не понимаю для чего они гуглил но суть не понял
@denisgorelov3236
@denisgorelov3236 7 лет назад
position - мы задаем внутренние отступы у блока, посмотрите основы по CSS.
@orbita_studios3835
@orbita_studios3835 7 лет назад
DWS TV - Уроки по WEB разработкам у вас есть основы по css
@vladl4464
@vladl4464 7 лет назад
Блээт... Яды перевёл денег, но мне 15((
Далее
This is how Halo felt as a kid 🤣 (phelan.davies)
00:14
Ледник 1:0 Мужик
00:53
Просмотров 1,5 млн
Xiaomi 15 и HyperOS 2 - ну что, опять топ
27:09
CSS Grid - Полное руководство
38:21
Просмотров 344 тыс.
This is how Halo felt as a kid 🤣 (phelan.davies)
00:14