विवरण:
4 часть. Верстка адаптива для лендинга Travel Agent на Gulp сборке. Материалы со стрима будут опубликованы в Telegram канале: https://t.me/+friZxyBulgNmYjE6 Плейлист по верстке макета Travel Agent https://www.youtube.com/watch?v=mgKMgE3lviI&list=PL1NBhQGGj46ZHehpohdF0uefB-l2TzNIt Ссылка на макет: https://www.figma.com/file/aC6aa2fHXsqvcwLywt0NmW/Travel-Agent-Landing-Page-Custom?type=design&node-id=0%3A1&mode=design&t=TJOf6eNjDk8i6MW0-1 Урок по Gulp сборке: https://www.youtube.com/watch?v=D_HW-tvyKKE Чат верстальщиков ВебКадеми: https://t.me/+QAxmsKj2HyWfEKzz :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков: https://webcademy.ru//htmlsite/ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс по созданию и верстке сайтов: https://webcademy.ru/htmlstart/ Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. Старт обучения: 27-го Мая 2024 года. 💻 Курс "Frontend разработчик. JavaScript + React": https://webcademy.ru/jscourse/ Обучение с наставником, 3 месяца, результат, гарантия. Старт обучения: 3-го Июня 2024 года. 💻 Курс "Разработка сайтов на PHP + MySQL": https://webcademy.ru/phpcourse/ Создание сайтов с системой управления. Присоединиться к курсу можно прямо сейчас. 🏁 Обучение с нуля 💁♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт школы ВебКадеми: https://webcademy.ru/ 💈 Вступайте в группу Вконтакте: https://vk.com/webcademy 💈 Подписывайтесь на Telegram: https://t.me/webcademynews Тайм коды: 00:00 План на стрим 00:30 Чат 01:05 Плейлист со всеми стримами 02:05 Запуск проекта. Стартовый код 03:34 Фавиконка для проекта 04:55 Правка отступов в testimonials 06:19 Фикс ошибки от gulp-webp и gulp-webp-css 12:57 Фикс сборки чтобы в build и docs не попадали лишние html файлы 15:30 Общение в чате 17:27 Правка иконки в input с календарем 20:19 Доработка кнопки по ховеру 21:00 Верстка. Адаптив. Фишки по работе с файлами 22:07 Адаптив для шапки с навигацией 25:09 Иконка мобильной навигации 27:30 JS скрипт для мобильной навигации 29:50 Фикс z-index для кнопки 31:00 Цвет для мобильной навигации 32:05 Где брать точки для "перелома" страницы 33:39 Медиа запрос для скрытия элементов в шапке 36:10 Переменные для медиазапросов (вырезать) 40:19 Миксины для медиа запросов 47:15 Чат 47:52 Подсветка скобок в редакторе. Bracket colorizer в VS Code 49:09 Минимальный размер для мобильной адаптации 49:40 Как делаются фильтры в интернет магазинах 52:20 Общение с чатом 53:00 Фикс. CSS рамка для формы в первой секции 54:40 Общение с чатом 58:00 Адаптив для секции Discover 1:40:55 Общение с чатом 1:58:30 Адаптив. Секция Discover. Ширина 320px 2:03:35 Адаптив. Секция Partners 2:08:20 Адаптив. Секция Popular 2:19:40 Настройки для swiper слайдера в Popular 2:30:08 Адаптив. Секция Testimonials 2:32:10 Фикс визуального бага с отступами между слайдами 2:36:33 Один объект с настройками для 3-х одинаковых слайдеров в отзывах 2:37:22 Дальнейший адаптив 2:43:25 Чат 2:44:00 Адаптивные слайдеры. Разные слайдеры на разной ширине экрана 3:34:55 Адаптив. Секция Subscribe 3:51:32 Адаптив. Подвал 3:56:40 Общая проверка 4:03:05 Чат. Завершение стрима Сайт школы ВебКадеми: https://webcademy.ru Вконтакте: https://vk.com/webcademy Telegram канал: https://telegram.org/
डाउनलोड विकल्प तैयार किया जा रहा है
वेबसाइट http://unidownloader.com/ बिना किसी प्रोग्राम या एक्सटेंशन को इंस्टॉल किए वीडियो या सिर्फ ऑडियो ट्रैक डाउनलोड करने का सबसे अच्छा तरीका है।
यदि आप सीधे YouTube, Instagram और OK.ru जैसी साइटों से वीडियो डाउनलोड करना चाहते हैं, तो UDL Helper एक्सटेंशन एक आसान बटन है जो इन साइटों में एकीकृत रूप से जुड़ा होता है।
UDL क्लाइंट प्रोग्राम (विंडोज के लिए) सबसे शक्तिशाली समाधान है जो 900 से अधिक वेबसाइटों, सोशल नेटवर्क और वीडियो होस्टिंग साइटों के साथ-साथ स्रोत में उपलब्ध किसी भी वीडियो गुणवत्ता का समर्थन करता है।
UDL Lite आपके मोबाइल डिवाइस से वेबसाइट तक पहुंचने का एक बहुत ही सुविधाजनक तरीका है। इसकी मदद से आप आसानी से सीधे अपने स्मार्टफोन पर वीडियो डाउनलोड कर सकते हैं।
सबसे अच्छी गुणवत्ता वाले फॉर्मेट FullHD (1080p), 2K (1440p), 4K (2160p) और 8K (4320p) हैं। आपकी स्क्रीन का रेजल्यूशन जितना ज्यादा होगा, वीडियो की गुणवत्ता उतनी ही बेहतर होनी चाहिए। हालांकि, चुनने से पहले कुछ अन्य कारकों पर भी विचार करना चाहिए: डाउनलोड स्पीड, खाली जगह और प्लेबैक के दौरान डिवाइस की परफॉर्मेंस।
ब्राउज़र या कंप्यूटर को पूरी तरह से फ्रीज नहीं होना चाहिए! यदि ऐसा होता है, तो कृपया वीडियो के लिंक के साथ इसकी सूचना दें। कभी-कभी वीडियो को सीधे उपयुक्त फॉर्मेट में डाउनलोड नहीं किया जा सकता है, इसलिए हमने फाइल को वांछित फॉर्मेट में कनवर्ट करने की क्षमता को शामिल किया है। कुछ मामलों में, यह प्रक्रिया सक्रिय रूप से कंप्यूटर संसाधनों का उपयोग कर सकती है।
आप वेबसाइट या PWA एप्लिकेशन UDL Lite का उपयोग करके अपने स्मार्टफोन पर वीडियो डाउनलोड कर सकते हैं। UDL Helper एक्सटेंशन का उपयोग करके QR कोड के माध्यम से डाउनलोड लिंक भेजना भी संभव है।
सबसे सुविधाजनक तरीका UDL Client प्रोग्राम का उपयोग करना है, जो वीडियो को MP3 फॉर्मेट में बदलने का समर्थन करता है। कुछ मामलों में, UDL Helper एक्सटेंशन के माध्यम से भी MP3 डाउनलोड किया जा सकता है।
यह सुविधा UDL Helper एक्सटेंशन में उपलब्ध है। सुनिश्चित करें कि सेटिंग्स में "वीडियो स्नैपशॉट बटन दिखाएं" चेक किया गया है। ऐसा करने पर, प्लेयर के निचले दाएं कोने में "सेटिंग्स" आइकॉन के बाईं ओर एक कैमरा आइकॉन दिखाई देना चाहिए। जब आप उस पर क्लिक करते हैं, तो वीडियो का वर्तमान फ्रेम आपके कंप्यूटर पर JPEG फॉर्मेट में सहेजा जाएगा।
इसमें कुछ भी खर्च नहीं होता। हमारी सेवाएँ सभी उपयोगकर्ताओं के लिए बिल्कुल निःशुल्क हैं। यहां कोई PRO सदस्यता नहीं है, डाउनलोड किए गए वीडियो की संख्या या अधिकतम लंबाई पर कोई प्रतिबंध नहीं है।