Beschrijving:
Адаптивная верстка сайта. В этом видео я покажу подробную HTML CSS JS верстку очень интересного макета FIGMA с кучей полезных решений и лайвхаков! Это одностраничный сайт с корзиной и товарами. Первым делом нас ждет интересная шапка с выпадающим меню и поиском. Конечно же мы реализуем меню-бургер. Сразу же сверстаем подвал где, в том числе, использую свою разработку - адаптивные спойлеры. Далее приступим к нестандартному главному слайдеру, где применим все свои знания flex и grid верстки, а также динамический адаптив. Ниже нас ждет блок с товарами. Помимо интересных решений построение grid-сетки мы научимся добавлять товары в корзину, а также подгружать больше товаров из JSON файла! Заключающим блоком будет очень интересная галерея картинок, где будут реализованы flex и grid сетки, открытие картинки в попапе, а также плавное движение галереи при движении курсора мыши. 😱По промокоду YT_FREELANCER вы получите скидку 50% при заказе виртуального хостинга на месяц, квартал или полгода - https://hostiq.ua/virtual-hosting/ Материалы урока: 👉Макет, картинки, иконки, JS-код для шаблона товара и JSON файл с товарами (открытый доступ): https://www.patreon.com/posts/maket-dlia-figma-52447608 👉Стартовый шаблон "Чертоги фрилансера": https://www.patreon.com/posts/chertogi-v2-0-js-41164505 👉Результат верстки: https://www.patreon.com/posts/52518912 Полезные ссылки: 💪 Набор на курс по верстке: https://edu.fls.guru/ 👉Бесплатный курс по верстке: https://www.youtube.com/playlist?list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr 👉Иконочный шрифт: https://www.youtube.com/watch?v=QYwI3LRCnRE&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=22 👉Интересные спойлеры: https://www.youtube.com/watch?v=0fg9bZcL1RM&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=31 👉Меню-бургер: https://www.youtube.com/watch?v=zs1r8yafTE8&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=27 👉Слайдер Swiper: https://www.youtube.com/watch?v=ddbxsrGPRY0&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=23 👉Gulp: https://www.youtube.com/watch?v=stFOy0Noahg&list=PLM6XATa8CAG5v6T2a0TTdwyK0nZrSRxFi&index=5 👉Динамический адаптив: https://www.youtube.com/watch?v=QKuMr575vlQ&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=17 👉Адаптивное свойство: https://www.youtube.com/watch?v=eaOAY0vIB4U 🔴 Карта канала: https://miro.com/app/board/o9J_lZB3YKI=/ 🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle 🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat) 🔴 Facebook: https://www.facebook.com/unsupportedbrowser 🔴 Instagram: https://www.facebook.com/unsupportedbrowser 00:00:00 - В видео 00:00:50 - РЕКЛАМА 00:02:16 - Подготовка к работе 00:04:02 - Подготовка к работе: Подключение шрифтов 00:12:32 - Подготовка к работе: Цвета 00:13:28 - Подготовка к работе: Размеры 00:16:06 - Верстка хедера сайта 01:19:36 - Верстка футера сайта 01:49:18 - Верстка главного слайдера 02:48:35 - Изменение хедера при скролле 02:53:29 - Верстка блока с преимуществами 02:59:43 - Верстка блока с товарами 04:02:17 - Верстка слайдера Rooms 04:26:12 - Верстка слайдера Tips & Tricks 04:36:17 - Верстка галереи Furniture 04:52:51 - Заключение 👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - https://www.youtube.com/channel/UCJNVBfLijFSa_tBcrNZKZag 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle 🤟 Живи, а работай в свободное время! ©
Downloadopties in voorbereiding
De site http://unidownloader.com/ is de beste manier om een video of een losse audiotrack te downloaden als je dat wilt doen zonder programma's en extensies te installeren.
UDL Helper extensie is een handige knop die organisch is ingebed op YouTube, Instagram en OK.ru sites voor het snel downloaden van content.
UDL Client (voor Windows) - de krachtigste oplossing die meer dan 900 websites, sociale netwerken en videohostsites ondersteunt, evenals elke videokwaliteit die beschikbaar is in de bron.
UDL Lite - is een handige manier om toegang te krijgen tot een website vanaf je mobiele apparaat. Met deze hulp kun je eenvoudig video's rechtstreeks naar je smartphone downloaden.
De beste kwaliteitsformaten zijn FullHD (1080p), 2K (1440p), 4K (2160p) en 8K (4320p). Hoe hoger de resolutie van je scherm, hoe hoger de videokwaliteit zou moeten zijn. Er zijn echter nog andere factoren om rekening mee te houden: downloadsnelheid, hoeveelheid vrije ruimte en apparaatprestaties tijdens het afspelen.
De browser/computer mag niet volledig bevriezen! Als dit gebeurt, meld dit dan met een link naar de video. Soms kunnen video's niet direct worden gedownload in een geschikt formaat, dus hebben we de mogelijkheid toegevoegd om het bestand te converteren naar het gewenste formaat. In sommige gevallen kan dit proces actief gebruik maken van computerbronnen.
Je kunt de video downloaden naar je smartphone met behulp van de UDL Lite website of pwa applicatie. Het is ook mogelijk om een downloadlink te sturen via een QR-code met behulp van de UDL Helper extensie.
De handigste manier is om UDL Client te gebruiken, die ondersteuning biedt voor het converteren van video's naar MP3-formaat. In sommige gevallen kan MP3 ook worden gedownload via de UDL Helper extensie.
Deze functie is beschikbaar in de UDL Helper-extensie. Zorg ervoor dat de optie "Knop weergeven om screenshot van video op te slaan" is aangevinkt in de instellingen. Er zou een camerapictogram moeten verschijnen in de rechterbenedenhoek van de speler, links van het pictogram "Instellingen". Als je erop klikt, wordt het huidige frame van de video opgeslagen op je computer in JPEG-formaat.
Helemaal niet. Onze diensten zijn absoluut gratis voor alle gebruikers. Er zijn geen PRO-abonnementen, geen beperkingen op het aantal of de maximale lengte van gedownloade video's.