USE WEB
USE WEB
  • Видео 4
  • Просмотров 53 702
Анимация текста, логотипа. Анимация набора текста css js
В уроки сделаем анимацию набора текста с использованием css и JavaScript
Ссылка на видео. Адаптивное меню для сайта и header сайта
ruclips.net/video/gqoU2z6fu6M/видео.html
Просмотров: 1 038

Видео

Адаптивное меню для сайта и header сайта
Просмотров 3 тыс.4 года назад
Адаптивное меню для сайта и header. Эффектное появление меню для мобильных версий сайта. Исходники можно посмотреть тут: use-web.ru/news.php?id=143&tid=5 Мой блог: use-web.ru/
Выпадающее меню для сайта (CSS HTML JQuery)
Просмотров 6 тыс.6 лет назад
Сделаем выпадающее меню для сайта с использованием CSS, HTML и JQuery Адаптивное меню для сайта ruclips.net/video/gqoU2z6fu6M/видео.html Мой блог: use-web.ru/ Предыдущий урок: ruclips.net/video/DDgSXitHdoQ/видео.html Cсылка на текстовый урок : use-web.ru/news.php?id=34&tid=5
Шапка для сайта (transition, header, html, css)
Просмотров 44 тыс.6 лет назад
Выведем шапку (header) для сайт. Будем использовать html, и css. Наложим анимацию с использованием свойства transition Адаптивное меню для сайта ruclips.net/video/gqoU2z6fu6M/видео.html Мой блог: use-web.ru/ Cсылка на текстовый урок : use-web.ru/news.php?id=33&tid=5 Ссылка на видео Анимации логотипа и текста: ruclips.net/video/xVqlgK-8IOo/видео.html По этой же ссылке можно скачать шрифт который...

Комментарии

  • @xraychannel4577
    @xraychannel4577 6 месяцев назад

    Все отлично, но звук очень маленький, еле слышно. Попробуйте повысить чувствительность микрофона

  • @renata_fmrah8986
    @renata_fmrah8986 10 месяцев назад

    Все очень понятно, спасибо! 👍

  • @user-sc6id2fz3x
    @user-sc6id2fz3x Год назад

    Очень доходчиво,спасибо за урок!

  • @p-ghyta2155
    @p-ghyta2155 2 года назад

    Знай, ты красава;

  • @user-iz4cz1ed9y
    @user-iz4cz1ed9y 2 года назад

    братан это какой програмаа

  • @rom4iktv376
    @rom4iktv376 2 года назад

    классные уроки,мне очень понравилось, удачи в продвежении канала

  • @alexsatm05
    @alexsatm05 2 года назад

    Спасибо большое, всё получилось

  • @Vivast-bizness
    @Vivast-bizness 2 года назад

    В целом всё понятно ! непонятно почему когда я пишу ../ то у меня не отображается ничего когда это точки убираю то все ок.

  • @titan-family1376
    @titan-family1376 2 года назад

    Слишком много воды! Лучше-бы сразу показал как фото выгрузить.

  • @bendixsex
    @bendixsex 3 года назад

    не работает...

  • @Aleksandras1600
    @Aleksandras1600 3 года назад

    Круто,и интересно!

  • @eryuigklzc9765f5tfrx
    @eryuigklzc9765f5tfrx 3 года назад

    урок реально топ но есть одно я делал всё как ты но где там об авторе уроки не получилось потом я зашёл н сайт где всё описано и тоже самое может просто разные версии брекетс а может баг

  • @user-xf1zq3rg2n
    @user-xf1zq3rg2n 3 года назад

    Скиньте код пожалуйста.

  • @user-sy6my8id8j
    @user-sy6my8id8j 3 года назад

    А может кто подсказать? Проблема вот в чем: Я создал страницу подключил css написал код а стили не работают. при этом в html ссылку проверяю на стили все норм. в чем проблема может быть?

    • @user-sy6my8id8j
      @user-sy6my8id8j 3 года назад

      силекторы тоже проверил

  • @user-kv2xb8dl8y
    @user-kv2xb8dl8y 3 года назад

    Я понимаю что курс рассчитан на новичков, но я все это уже давно знал

  • @just4funlb113
    @just4funlb113 3 года назад

    Спасибо большое. Это то что я искала. Очень красивый дизайн. Подписка и лайк однозначный. Если можно заходите ко мне на канал. Буду благодарна

  • @onetwo_official_2023
    @onetwo_official_2023 3 года назад

    а адаптив как будеш делать

  • @drema4601
    @drema4601 3 года назад

    Верстать на Флоутах.. На да.

    • @SclFlaWi
      @SclFlaWi 3 года назад

      Видео 17 года)

    • @drema4601
      @drema4601 3 года назад

      @@SclFlaWi напомните пожалуйста, когда когда начали использовать флекс бокс? Напомню. Всё браузеры ещё с 2014 года стали поддерживать данную спецификацию.

    • @SclFlaWi
      @SclFlaWi 3 года назад

      @@drema4601 да, но его популярность пришла на более позднее время + зависит от человека. Вот в 2019 году на видео он уже на флексе)

    • @drema4601
      @drema4601 3 года назад

      @@SclFlaWi с 2к19 уже и на гридах можно спокойно верстать)

  • @LORDragonff
    @LORDragonff 3 года назад

    спасибо за урок советую всем все четко понятно

  • @ichocolatechannel3241
    @ichocolatechannel3241 4 года назад

    Помогли, лайк

  • @oleksandrleiner5940
    @oleksandrleiner5940 4 года назад

    super

  • @hackme1820
    @hackme1820 4 года назад

    Привет, при нажатии на разделе Темы кнопки разворачиваются а сам раздел не появляется! В чем проблема?

  • @bend1x771
    @bend1x771 4 года назад

    помоги пожалуйста , использовал твою шапку и фоновое изображение пропало и все вниз скатилось

  • @pashasergiychuk8854
    @pashasergiychuk8854 4 года назад

    Спасибо!

  • @JesseJames-mh5kb
    @JesseJames-mh5kb 4 года назад

    Здравствуйте, подскажите пожалуйста как сделать ПООЧЕРЕДНУЮ анимацию элементов на JS. Чтобы елементы начинали анимироваться один после другого. Нигде не могу найти доходчивые уроки.

    • @useweb7269
      @useweb7269 4 года назад

      Не совсем понял, можете показать пример такой анимации?

  • @front-endanimal6359
    @front-endanimal6359 4 года назад

    крутая анимация, всегда ее любил, выглядит очень футуристично

  • @stickyconcerts4458
    @stickyconcerts4458 4 года назад

    Доходчиво. Спасибо!

  • @martad5970
    @martad5970 4 года назад

    А есть видео, как на модули делить?

    • @useweb7269
      @useweb7269 4 года назад

      Не не снимал такое видео)

    • @user-tr2xj2rr2i
      @user-tr2xj2rr2i 2 года назад

      @@useweb7269 КУДА ВЫ ПРОПАЛИ?

  • @user-ut3up9fc2n
    @user-ut3up9fc2n 4 года назад

    Дружище спасибо, все понятно. Я посмотрел видео только из-за наличия времени. 24 минуты - это очень много. Когда искал видео на эту тему - высветилось в поиске много роликов. Но все они короче намного. Большинство людей посмотрят ролик в 6 минут, а не 24. Много времени потрачено на html и css. А так очень полезно, лайк!

  • @zhylkoch7412
    @zhylkoch7412 4 года назад

    Почему мутное а так получился хороший урок

  • @user-nk6wl8hb9b
    @user-nk6wl8hb9b 4 года назад

    есть один минус если снизу будет div то при открытие темы div сдвигаеться

  • @artur2749
    @artur2749 4 года назад

    Как сделать чтобы background-color вышел за рамки "container (widht: 1170px)", а все содержимое (логотип, силки) осталось в рамках?

  • @user-dm2fu7dh6q
    @user-dm2fu7dh6q 4 года назад

    Очень тихо говоришь, прям все на максимум чтобы услышать

  • @borbakborbakov5284
    @borbakborbakov5284 4 года назад

    а как ты этот энурез на движок натягивать будеш, умник?

    • @tolik_n_2775
      @tolik_n_2775 4 года назад

      borbak borbakov кто сказал что он это должен на вонючий движок натягивать?

  • @AndreyFrolov228
    @AndreyFrolov228 4 года назад

    Подскажите приложение в котором видется работа?

    • @jezzokdee2992
      @jezzokdee2992 4 года назад

      Прога называется Brackets

  • @i386
    @i386 4 года назад

    допотопная верстка

  • @fghshs2180
    @fghshs2180 4 года назад

    модное интро ничего не скажешь, а дикция так ваще

  • @kozinackserega4968
    @kozinackserega4968 4 года назад

    Вы мне очень помогли, спасибо большое, всё наглядно объяснили и показали, желаю удачи и успехов.

  • @user-rz5xw3zk5t
    @user-rz5xw3zk5t 4 года назад

    А где взять эти библиотеки jquery и какие версии и куда их ставить? ВОт этот момент вообще ничего не понятно откуда оно взялось и как оно работает

  • @user-lv6rg5rk5q
    @user-lv6rg5rk5q 5 лет назад

    я не понял, что за блоки mobile__menu-right и mobile__menu-left в мобильном меню вы дописали... для чего они?

    • @figana2571
      @figana2571 5 лет назад

      при клике на кнопку "меню" добавляется класс. как__то__там- active и у этих блоков ширина становится по 50% (по умолчанию ширина 0 и они прибиты к левому краю и правому)и далее они заполняют весь экран. Благодаря этому достигается такой эффект появления

    • @figana2571
      @figana2571 5 лет назад

      Надеюсь, понятно объяснила

    • @user-lv6rg5rk5q
      @user-lv6rg5rk5q 5 лет назад

      @@figana2571 ок, спасибо! Понятно

  • @user-ve1pf8gd6b
    @user-ve1pf8gd6b 5 лет назад

    А как вы так ловко скопировали классы?

    • @useweb7269
      @useweb7269 5 лет назад

      Расширение для vs code: eCSStractor for VSCode. Шпаргалка полезных плагинов для vs code. use-web.ru/news.php?id=139&tid=3

  • @user-cm9nm5qn6z
    @user-cm9nm5qn6z 5 лет назад

    👍😊

  • @matilda016
    @matilda016 5 лет назад

    Сделал все в точности как на видео. Но результат, кнопки не выравнялись

    • @animadakun5732
      @animadakun5732 4 года назад

      Apti Bitsiev сделайте в .top-menu ul Ii a { margin-top } вместо padding-top

    • @bl_29
      @bl_29 4 года назад

      @@animadakun5732 я пишу .top-menu ul li a он берёт за новый класс!

  • @nikitakirienko2147
    @nikitakirienko2147 5 лет назад

    Ты обясняй что пишеш и для чего

    • @figana2571
      @figana2571 5 лет назад

      Этот код до безобразия прост, что комментировать🤷‍♀️

    • @kozinackserega4968
      @kozinackserega4968 4 года назад

      @@figana2571 согласен с вами.

    • @kozinackserega4968
      @kozinackserega4968 4 года назад

      Так ведь он прямо тут же показывает что на что влияет.

  • @user-en4yd3zw7q
    @user-en4yd3zw7q 5 лет назад

    Очень классное видео все понятно интересно, но я не смогла скачать Ваш шрифт😔 очень обидно Продолжайте в том же духе👍🏼

    • @sergebosov2933
      @sergebosov2933 4 года назад

      Можно просто зайти google fonts и там найти этот шрифт

    • @baglanmyrzabek9470
      @baglanmyrzabek9470 4 года назад

      @@sergebosov2933 спасибо!

  • @user-ff2dk6ez6l
    @user-ff2dk6ez6l 5 лет назад

    Согласен. Жду новое видео

  • @user-ur1qr5rw6p
    @user-ur1qr5rw6p 5 лет назад

    Где посмотреть следующий урок?

    • @useweb7269
      @useweb7269 5 лет назад

      Вышел новый урок . В нем я показываю, как сделать адаптивное меню ruclips.net/video/gqoU2z6fu6M/видео.html

    • @figana2571
      @figana2571 5 лет назад

      @@useweb7269 видели 👍так держать. Побольше снимайте видео

  • @user-dn8iu2gi9c
    @user-dn8iu2gi9c 6 лет назад

    Эволюционировал, Евгений!

  • @varyduglas890
    @varyduglas890 6 лет назад

    Агаты рулят!!!💪

  • @user-lt1zx3ri1c
    @user-lt1zx3ri1c 6 лет назад

    Наконец-то понятное видео, спасибо за урок!