Description :
Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. В этом видео я покажу подробную HTML CSS верстку простого макета FIGMA с кучей полезных решений и лайвхаков! Полезные ссылки: 👉 Макет (открытый доступ): https://www.patreon.com/posts/61368263 👉 Результат верстки: https://www.patreon.com/posts/rezultat-verstki-61798286 👉 Бесплатный курс по верстке: https://www.youtube.com/playlist?list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr 👉 VS Code: https://www.youtube.com/watch?v=nxCLXMBl4e4 👉 Как правильно учиться: https://www.youtube.com/watch?v=eKZNKA-jAYY 👉 План развития фронтенд разработчика (+КАРТА): https://www.youtube.com/watch?v=yJcCKuxfb2o 🔴 Карта канала: https://miro.com/app/board/o9J_lZB3YKI=/ 🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle 🔴 Instagram: https://www.facebook.com/unsupportedbrowser 🔴 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 За тайм коды спасибо Сергей Кудаев! 00:00:00 - Задорное вступление 00:02:54 - А вот и наш макет! Знакомство с макетом 00:05:54 - Файлы проекта 00:09:21 - Плагины проекта 00:11:42 - С чего начинается верстка? Цена работы 00:17:11 - Анализ макета. Плагин для Figma Font Fascia 00:21:15 - Поиск и подключение шрифтов. Плагин для Visual Studio Google Fonts 00:29:03 - Построение сетки. Ограничивающий контейнер 00:36:48 - Применение селектора-атрибута 00:39:43 - Анализ блока шапки 00:44:00 - Разметка макета и начало верстки шапки 00:52:34 - Верстка логотипа, меню, кнопки "Download" 01:11:52 - Настройка адаптивности для шапки 01:23:52 - Верстка бургера 01:30:30 - Настройка адаптивности для логотипа 01:37:14 - Открытие-закрытие меню средствами CSS3 01:38:30 - Применение псевдокласса Target, доработка бургера 01:51:00 - Верстка блока Main 02:10:54 - Использование конструкции :not(:last-child) 02:15:28 - Работа с декором блока Main 02:26:46 - Верстка блока Stay-safe 02:32:37 - Магия БЭМ в действии. Повторное использование кода 02:42:10 - Работа с декором блока Stay-safe 02:47:00 - Настройка адаптивности для блока Stay-safe 02:53:58 - Верстка блока Expert 03:01:06 - Альтернативный прием размещения декора в блоке 03:10:38 - Верста нижней части блока Expert 03:11:20 - И снова БЭМ в работе. Копирование текстового блока 03:14:45 - Вставка видео. Тег Iframe. Адаптивное видео 03:18:45 - Настройка адаптивности для блока Expert 03:24:16 - Верстка блока Healthcare 03:40:32 - Верстка декора с использованием псевдоэлементов :after и :before 03:48:00 - Верстка футера 03:50:20 - Текст в карточках футера 03:51:00 - Настройка адаптивности для блока Footer 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle 🤟 Живи, а работай в свободное время! ©
Préparation des options de chargement
Le site web http://unidownloader.com/ est le meilleur moyen de télécharger une vidéo ou une piste audio séparée si vous souhaitez éviter d'installer des programmes et des extensions.
L'extension UDL Helper est un bouton pratique qui s'intègre parfaitement aux sites YouTube, Instagram et OK.ru pour un téléchargement rapide du contenu.
Le programme UDL Client (pour Windows) est la solution la plus puissante qui supporte plus de 900 sites web, réseaux sociaux et sites d'hébergement vidéo, ainsi que toute qualité vidéo disponible dans la source.
UDL Lite est un moyen très pratique d'accéder à un site web depuis votre appareil mobile. Avec son aide, vous pouvez facilement télécharger des vidéos directement sur votre smartphone.
Les formats offrant la meilleure qualité sont les suivants : FullHD (1080p), 2K (1440p), 4K (2160p) et 8K (4320p). Plus la résolution de votre écran est élevée, plus la qualité de la vidéo doit être élevée. Toutefois, il faut aussi tenir compte d'autres facteurs : la vitesse de téléchargement, l'espace disponible et les performances de l'appareil pendant la lecture.
Le navigateur/l'ordinateur ne doit pas se bloquer complètement ! Si cela arrive, veuillez le signaler en ajoutant un lien vers la vidéo. Parfois, les vidéos ne peuvent pas être téléchargées directement dans un format approprié, c'est pourquoi nous avons ajouté la possibilité de convertir le fichier au format souhaité. Dans certains cas, ce processus peut utiliser activement les ressources de l'ordinateur.
Vous pouvez télécharger une vidéo sur votre smartphone en utilisant le site web ou l'application pwa UDL Lite. Il est également possible d'envoyer un lien de téléchargement via un code QR à l'aide de l'extension UDL Helper.
Le moyen le plus pratique est d'utiliser le programme UDL Client, qui permet de convertir les vidéos en MP3. Dans certains cas, le format MP3 peut également être téléchargé grâce à l'extension UDL Helper.
Cette fonctionnalité est disponible dans l'extension UDL Helper. Veuillez vous assurer que l'option "Afficher le bouton d'instantané de la vidéo" est cochée dans les paramètres. Une icône de caméra devrait apparaître dans le coin inférieur droit du lecteur, à gauche de l'icône "Paramètres". Lorsque vous cliquez dessus, l'image actuelle de la vidéo est enregistrée sur votre ordinateur au format JPEG.
Cela ne coûte rien. Nos services sont absolument gratuits pour tous les utilisateurs. Il n'y a pas d'abonnement PRO, ni de restriction sur le nombre ou la durée maximale des vidéos à télécharger.