background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon
header logo icon

İndir "Адаптивная верстка сайтов легко. Bootstrap в прошлом!"

input logo icon
Ses kapak resmi
Biraz bekleyin, reklamsız kolay video izleme ve indirme için bağlantılar hazırlıyoruz.
console placeholder icon
Önceki video: Марафон по верстке. Часть №1. Адаптивная верстка макета с нуля GULP SCSS JSSonraki video: UI-компоненты №18. Мобильное меню с определением секции
İçindekiler tablosu
|

İçindekiler tablosu

0:00
Хайлайты выпуска
0:28
Новый рэп, мэн!
2:03
Результаты розыгрыша из прошлого выпуска
4:02
Как работает адаптивность (отзывчивость)
12:57
Какую верстку будем адаптировать сегодня
16:47
Решаем проблему горизонтального скролла
21:58
Адаптация изображений
24:38
Как выбирать диапазоны
27:03
Важно помнить верстальщику
29:20
Изображения: из строки в колонку
31:45
Проверяем диапазоны снизу-вверх
33:55
Делаем меню-гамбургер
38:05
Подключаем jQuery
44:37
Анонс моего онлайн-курса по основам верстки
45:44
Условия нового розыгрыша!
Kataloğumuzdan benzer videolar
|

Kataloğumuzdan benzer videolar

UI-компоненты №18. Мобильное меню с определением секции
30:22

UI-компоненты №18. Мобильное меню с определением секции

Kanal: MaxGraph - cайты как страсть
Марафон по верстке. Часть №1. Адаптивная верстка макета с нуля GULP SCSS JS
2:17:10

Марафон по верстке. Часть №1. Адаптивная верстка макета с нуля GULP SCSS JS

Kanal: Фрілансер по життю
ВЕРСТКА САЙТА ($70) ВЫПОЛНЯЕМ РЕАЛЬНЫЙ ЗАКАЗ
47:32

ВЕРСТКА САЙТА ($70) ВЫПОЛНЯЕМ РЕАЛЬНЫЙ ЗАКАЗ

Kanal: ДЕН - подорожую та програмую
Адаптивная верстка интернет-магазина с нуля. Часть #4. GULP SCSS JS
2:55:15

Адаптивная верстка интернет-магазина с нуля. Часть #4. GULP SCSS JS

Kanal: Фрілансер по життю
#5 ActiveBox - Верстка сайта с нуля для начинающих | Адаптивная верстка
35:47

#5 ActiveBox - Верстка сайта с нуля для начинающих | Адаптивная верстка

Kanal: BrainsCloud
Верстка сайта с нуля! 7 000 за 2 дня! Повторяй! Верстай! Зарабатывай!
5:13:43

Верстка сайта с нуля! 7 000 за 2 дня! Повторяй! Верстай! Зарабатывай!

Kanal: Обучение HTML, CSS, JavaScript | Анатолий Ивашов
Адаптивная верстка сайта с нуля! Верстка сайта, стоимостью 7000
4:55:47

Адаптивная верстка сайта с нуля! Верстка сайта, стоимостью 7000

Kanal: Обучение HTML, CSS, JavaScript | Анатолий Ивашов
#6 ActiveBox - Верстка сайта с нуля для начинающих | Адаптивная верстка
30:28

#6 ActiveBox - Верстка сайта с нуля для начинающих | Адаптивная верстка

Kanal: BrainsCloud
Video etiketleri
|

Video etiketleri

адаптивная верстка
адаптивная верстка сайта
адаптивная верстка макета
верстка сайта
адаптивная верстка уроки
адаптивная верстка с нуля
адаптивная верстка примеры
верстка сайта с нуля
верстка для начинающих
адаптивная верстка css
bootstrap
бутстрап
bootstrap верстка
верстка
отзывчивая верстка
меню гамбургер
медиа запросы css
Zaten UDL var Yardımcı yüklendi video dosyasını 1 tıklamayla indirebilirsiniz!
Yüklendi
için
Google Chrome

Açıklama:

Еху! Сегодня мы займемся адаптивной версткой на flexbox: реальный макет нам в помощь. Ты узнаешь, как работать с медиа-запросами в CSS, переходить от десктопной к мобильной версии быстро, а также научишься делать меню-гамбургер. И... 💻 «Веб-верстальщик: начало» - твой бесплатный (он снова бесплатный) онлайн-курс: https://wayup.in/ru/library/course10 Скачать файлы верстки: https://wayup.in/lm/load/bma 0:00 Хайлайты выпуска 0:28 Новый рэп, мэн! 😎 2:03 Результаты розыгрыша из прошлого выпуска 4:02 Как работает адаптивность (отзывчивость) 12:57 Какую верстку будем адаптировать сегодня 16:47 Решаем проблему горизонтального скролла 21:58 Адаптация изображений 24:38 Как выбирать диапазоны 27:03 Важно помнить верстальщику 29:20 Изображения: из строки в колонку 31:45 Проверяем диапазоны снизу-вверх 33:55 Делаем меню-гамбургер 38:05 Подключаем jQuery 44:37 Анонс моего онлайн-курса по основам верстки 45:44 Условия нового розыгрыша! 🌃🎓🌙 «Вечерняя школа» - это регулярное шоу для тех, кто хочет освоить дизайн и разработку сайтов. Весело. Нескучно. Чтобы вот прямо захватывало. Идеально смотреть после работы или во время работы, если она надоела и ты хочешь выйти на фриланс. 😉 Андрей Гаврилов - мое имя. Делаю сайты 10 лет. А еще, создал образовательный онлайн-проект WAYUP и здесь же преподаю. Путешествую по всему миру и веду блог: https://www.facebook.com/unsupportedbrowser 🎁 Используй промо-код *NIGHTSCHOOL* при оплате любого моего коучинга на WAYUP и получи скидку -30%: https://wayup.in/ru/ Не забудь 👍 лайкнуть это видео, чтобы не забыть лайкнуть его!

İndirme seçeneklerini hazırlama

popular icon
Popüler
hd icon
HD video
audio icon
Sadece ses
total icon
Tüm formatlar
* - Video yeni bir sekmede oynatılıyorsa, videoya gidin, ardından videoya sağ tıklayın ve "Videoyu farklı kaydet..." seçeneğini seçin
** - Özel oynatıcılarda çevrimiçi oynatmaya yönelik bağlantı

Video indirme hakkında sorular

mobile menu iconNasıl "Адаптивная верстка сайтов легко. Bootstrap в прошлом!" video indirebilirim?mobile menu icon

  • http://unidownloader.com/ web sitesi, program ve uzantı yüklemeden yapmak istiyorsanız, bir videoyu veya ayrı bir ses parçasını indirmenin en iyi yoludur.

  • UDL Helper uzantısı, hızlı içerik indirme için YouTube, Instagram ve OK.ru sitelerine sorunsuz bir şekilde entegre edilen kullanışlı bir düğmedir.

  • UDL Client programı (Windows için), 900'den fazla web sitesini, sosyal ağları ve video barındırma sitelerini ve ayrıca kaynakta bulunan herhangi bir video kalitesini destekleyen en güçlü çözümdür.

  • UDL Lite, mobil cihazınızdan bir web sitesine erişmenin gerçekten kullanışlı bir yoludur. Yardımı ile videoları doğrudan akıllı telefonunuza kolayca indirebilirsiniz.

mobile menu iconHangi "Адаптивная верстка сайтов легко. Bootstrap в прошлом!" video formatını seçmeliyim?mobile menu icon

  • En iyi kalite formatları FullHD (1080p), 2K (1440p), 4K (2160p) ve 8K'dır (4320p). Ekranınızın çözünürlüğü ne kadar yüksekse video kalitesi de o kadar yüksek olmalıdır. Bununla birlikte, göz önünde bulundurulması gereken başka faktörler de vardır: indirme hızı, boş alan miktarı ve oynatma sırasında cihaz performansı.

mobile menu iconBir "Адаптивная верстка сайтов легко. Bootstrap в прошлом!" video yüklerken bilgisayarım neden donuyor?mobile menu icon

  • Tarayıcı/bilgisayar tamamen donmamalıdır! Böyle bir durumda lütfen videonun bağlantısını ekleyerek bildirin. Bazen videolar doğrudan uygun bir formatta indirilemez, bu nedenle dosyayı istenen formata dönüştürme özelliğini ekledik. Bazı durumlarda, bu işlem bilgisayar kaynaklarını aktif olarak kullanabilir.

mobile menu iconTelefonuma "Адаптивная верстка сайтов легко. Bootstrap в прошлом!" videosunu nasıl indirebilirim?mobile menu icon

  • Web sitesini veya PWA uygulaması UDL Lite'ı kullanarak bir videoyu akıllı telefonunuza indirebilirsiniz. UDL Helper uzantısını kullanarak QR kodu aracılığıyla bir indirme bağlantısı göndermek de mümkündür.

mobile menu iconBir ses parçasını (müzik) MP3'e "Адаптивная верстка сайтов легко. Bootstrap в прошлом!" nasıl indirebilirim?mobile menu icon

  • En uygun yol, videoyu MP3 formatına dönüştürmeyi destekleyen UDL Client programını kullanmaktır. Bazı durumlarda MP3, UDL Helper uzantısı aracılığıyla da indirilebilir.

mobile menu iconBir videodan bir kareyi nasıl kaydedebilirim "Адаптивная верстка сайтов легко. Bootstrap в прошлом!"?mobile menu icon

  • Bu özellik UDL Helper uzantısında mevcuttur. Ayarlarda "Video anlık görüntüsü düğmesini göster" seçeneğinin işaretli olduğundan emin olun. Oynatıcının sağ alt köşesinde "Ayarlar" simgesinin solunda bir kamera simgesi görünmelidir. Üzerine tıkladığınızda, videodaki mevcut kare JPEG formatında bilgisayarınıza kaydedilecektir.

mobile menu iconTüm bu şeylerin fiyatı nedir?mobile menu icon

  • Hiçbir maliyeti yok. Hizmetlerimiz tüm kullanıcılar için tamamen ücretsizdir. PRO abonelikleri yoktur, indirilen videoların sayısı veya maksimum uzunluğu konusunda herhangi bir kısıtlama yoktur.