От 0 до 1
От 0 до 1
  • Видео 198
  • Просмотров 7 938 035
Верстка сайта с parallax 3D анимацией
Друзья, вашему вниманию) верстка сайта с parallax 3D анимацией. Дождались! 😻
Вы научитесь делать крутой и довольно востребованный эффект в ближайшем будущем, мы пройдем все пошагово, я обьясню абсолютно все особенности при верстке таких макетов, поговорим о будущем технологий связаных с html и css, берите кувшин чая, будет очень полезно.
----------------------------------------
Сайт курса по верстке - from0to1.com.ua/
----------------------------------------
----------------------------------------
макет - drive.google.com/file/d/1tqf0dGYTkPD_3UAQAW7NdXq0Ra_Bx5qQ/view?usp=sharing
файлы (начальный html и css) - drive.google.com/file/d/1B1BTxv3oiJaJvE4Qqf5iQLwyZywhFHI-/view?usp=sharing
------------...
Просмотров: 3 645

Видео

Как сделать темную тему на сайте
Просмотров 3,2 тыс.День назад
Друзья, в видесе сделаем темную тему на сайте, ну и светлую конечно=) Существуют разные варианты реализации такой вечеринке, мы обсудим некоторые из них в данном видео, и конечно же, попрактикуемся. Сайт курса по верстке - from0to1.com.ua/ Подпишитесь на канал, если вам понравилось данное видео: bit.ly/2IFzwBZ
Как подключать шрифты в 2024
Просмотров 3,2 тыс.День назад
Друзья! Частые вопросы: какие форматы шрифтов использовать? как подключать, локально или через cdn? как оптимизировать загрузку шрифтов? Решил записать одно видео и ответить на все эти вопросы, смотрите, и будьте готовы к собесам. Сайт курса по верстке - from0to1.com.ua/ Конвертеры шрифтов: 1) www.fontconverter.io/en 2) transfonter.org/ или первые вкладки в гугле=) Телеграм канал - t.me/from0to...
Как правильно подключать favicon на сайт в 2024 году, актуальные размеры и форматы.
Просмотров 3,3 тыс.21 день назад
Друзья, всем привет. Я уже не раз получал ряд вопросов, от того что такое favicon, до того как его правильно подключить и какие формати нужно использовать в совремменой верстке. В этом видео правильно подключим favicon в наш сайт, используя, все актуальные размеры и форматы. Ссылка на верстку макета (udemy) - bit.ly/gulp-bento Видос в котором подробно рассказываю о верстке макета - ruclips.net/...
6 css свойств которые от тебя скрывают
Просмотров 4,5 тыс.Месяц назад
Друзья, всем привет, в данном обзоре я решил сделать акцент на css свойствах, о которых мало кто знает, но они очень эффективные, и имеют отличную поддержку. Я выписал 5 1 свойство, так как в последнем есть интересный парадокс. Это моя личная статистика свойств, которые удивляют людей, я решил их назвать, свойства которые от вас скрывают =) Ссылка на верстку макета (udemy) - bit.ly/gulp-bento В...
Верстка сайта с использованием gulp уже на udemy, модульный (bento) стиль
Просмотров 4,4 тыс.Месяц назад
Друзья, все просто, я записал мастер класс по верстке в bento стиле. Верстаю данный сайт с использованием gulp сборки, вы сможете не только попрактиковаться верстать модульный дизайн, а и получите знания в области сборщика фронтенда. Ссылка на верстку - bit.ly/gulp-bento Подпишитесь на канал, если вам понравилось данное видео: bit.ly/2IFzwBZ
Бесплатный марафон по верстке сайта. Часть 5, Адаптив сайта
Просмотров 3,8 тыс.Месяц назад
Друзья. Это пятая часть верстки сайта для новичков, для всех, кто делает свои начальные шаги в верстке сайтов. В видео я подробно объясняю каждый этап разработки, мы по полной программе используем html, css и js. Это серия видео в виде марафона по верстке сайта. Сайт курса по верстке - from0to1.com.ua/ Готовая верстка на patreon - www.patreon.com/from0to1 Телеграм канал - t.me/from0to1com Видео...
Бесплатный марафон по верстке сайта. Часть 4, footer
Просмотров 3,2 тыс.Месяц назад
Друзья. Это четвертая часть верстки сайта для новичков, для всех, кто делает свои начальные шаги в верстке сайтов. В видео я подробно объясняю каждый этап разработки, мы по полной программе используем html, css и js. Это серия видео в виде марафона по верстке сайта. Сайт курса по верстке - from0to1.com.ua/ Готовая верстка на patreon - www.patreon.com/from0to1 Телеграм канал - t.me/from0to1com П...
Бесплатный марафон по верстке сайта. Часть 3, аккордеон
Просмотров 4,4 тыс.2 месяца назад
Друзья. Это третья часть верстки сайта для новичков, для всех, кто делает свои начальные шаги в верстке сайтов. В видео я подробно объясняю каждый этап разработки, мы по полной программе используем html, css и js. Это серия видео в виде марафона по верстке сайта. Сайт курса по верстке - from0to1.com.ua/ Готовая верстка на patreon - www.patreon.com/from0to1 Телеграм канал - t.me/from0to1com Подп...
Бесплатный марафон по верстке сайта. Часть 2, делаем слайдер который выходит за пределы контейнера
Просмотров 5 тыс.2 месяца назад
Друзья. Это вторая часть верстки сайта для новичков, для всех, кто делает свои начальные шаги в верстке сайтов. В видео я подробно объясняю каждый этап разработки, мы по полной программе используем html, css и js. Это серия видео в виде марафона по верстке сайта. Сайт курса по верстке - from0to1.com.ua/ Готовая верстка на patreon - www.patreon.com/from0to1 Телеграм канал - t.me/from0to1com Подп...
Бесплатный марафон по верстке сайта html/css/js, для новичков
Просмотров 21 тыс.2 месяца назад
Друзья, всем привет. Это верстка сайта для новичков, для всех, кто делает свои начальные шаги в верстке сайтов. В видео я подробно объясняю каждый этап разработки, мы по полной программе используем html, css и js. Это будет серия видео в виде марафона по верстке сайта. макет - drive.google.com/file/d/1-SAca8cLFur6ugXmNC_j4LwIn8al8De5/view?usp=sharing файлы (начальный html и css) - drive.google....
Платный Figma Dev Mode, решение проблемы, мини обзор плагинов, учимся читать макет в design режиме
Просмотров 16 тыс.3 месяца назад
Друзья, закончился тестовый период Figma Dev Mode, теперь он стал платный, в этом видео поговорим какие есть способы верстать без него, расcмотрим некоторые серые плагины, также научимся работать как верстальщик в design режиме. Телеграм канал - t.me/from0to1com Подпишитесь на канал, если вам понравилось данное видео: bit.ly/2IFzwBZ
Tailwind, utility-first css-фреймворк
Просмотров 10 тыс.4 месяца назад
Друзья, в данном видосе поговорим про Tailwind css, обсудим плюсы и минусы фреймверка, разберем пошаговый гайд как его подключать, оптимизировать, поймем почему utility-first css-фреймворк. Сайт фреймверка: tailwindcss.com/ Телеграм канал - t.me/from0to1com Сайт курса по верстке - from0to1.com.ua/ Подпишитесь на канал, если вам понравилось данное видео: bit.ly/2IFzwBZ
Плавный переход между страницами сайта, barba.js, GSAP
Просмотров 10 тыс.4 месяца назад
Друзья, поезд тронулся )) сегодня будем делать переход между страницами сайта без перезагрузки, очень полезная штука для вашего развития как веб разработчика. После этого видео вы с легкостью сможете внедрять такое в своих проектах. Поработаем в основном с barba.js, заказчик будет в восторге. Ссылки из видоса: barba.js.org/ gsap.com/ Телеграм канал - t.me/from0to1com Сайт курса по верстке - fro...
9 новых css свойств которые сделают тебя умнее
Просмотров 11 тыс.6 месяцев назад
Друзья, привет, вы залайкали видоc про 8 css свойств, и я со своей стороны решил вам подогнать 9 новых css свойств, которые сделают вас умнее, схема простая = ) Приятного просмотра! Плюшки на патреон: www.patreon.com/from0to1 мой курс по верстке сайтов, топовая вечеринка: from0to1.com.ua/ Телеграм канал - t.me/from0to1com 8 css свойств мечты: ruclips.net/video/jBsKCb7fNhI/видео.html Видео про с...
Верстка сайта - HTML, CSS, JS. Адаптив, Часть 2, Финал
Просмотров 18 тыс.6 месяцев назад
Верстка сайта - HTML, CSS, JS. Адаптив, Часть 2, Финал
Верстка сайта - HTML, CSS, JS. Адаптив
Просмотров 66 тыс.6 месяцев назад
Верстка сайта - HTML, CSS, JS. Адаптив
8 новых сss свойств о котрых ты мечтал
Просмотров 30 тыс.7 месяцев назад
8 новых сss свойств о котрых ты мечтал
Как учить верстку правильно и эффективно
Просмотров 19 тыс.8 месяцев назад
Как учить верстку правильно и эффективно
Финал Верстки сайта, пишем переключение на JavaScript
Просмотров 9 тыс.8 месяцев назад
Финал Верстки сайта, пишем переключение на JavaScript
Адаптив сайта с нуля до завершения html/css/js Часть 3
Просмотров 8 тыс.8 месяцев назад
Адаптив сайта с нуля до завершения html/css/js Часть 3
Верстка сайта с нуля до завершения html/css/js Часть 2
Просмотров 14 тыс.8 месяцев назад
Верстка сайта с нуля до завершения html/css/js Часть 2
Верстка сайта с нуля до завершения html/css/js
Просмотров 44 тыс.8 месяцев назад
Верстка сайта с нуля до завершения html/css/js
Custom Properties / css переменные / Кастомные свойства + практический пример на javascript
Просмотров 7 тыс.8 месяцев назад
Custom Properties / css переменные / Кастомные свойства практический пример на javascript
Передача готового проекта заказчику
Просмотров 11 тыс.10 месяцев назад
Передача готового проекта заказчику
Верстка под cms
Просмотров 16 тыс.10 месяцев назад
Верстка под cms
Верстка сайта #html #css #js
Просмотров 92 тыс.10 месяцев назад
Верстка сайта #html #css #js
10 горячих клавиш в VS Code, которые ускорят твою верстку
Просмотров 17 тыс.10 месяцев назад
10 горячих клавиш в VS Code, которые ускорят твою верстку
Figma обновление 2023, Dev Mode специальный режим для разработчиков
Просмотров 12 тыс.10 месяцев назад
Figma обновление 2023, Dev Mode специальный режим для разработчиков
Frontend vs Backend, как не сделать роковую ошибку?
Просмотров 13 тыс.Год назад
Frontend vs Backend, как не сделать роковую ошибку?

Комментарии

  • @NightBos
    @NightBos 3 часа назад

    ❤❤❤ Шикарно, как всегда!

  • @user-is9nx5je5t
    @user-is9nx5je5t 4 часа назад

    Нашла ошибку: в background-size у Вас coNer, а не coVer. Ещё, при создании списка с ul у меня вылезли маркеры (чёрные кружочки), я заменила на ol и они пропали.

  • @katerinavoronina6551
    @katerinavoronina6551 5 часов назад

    [16:00:29] 'cleanDist' errored after 5.8 ms [16:00:29] TypeError: del is not a function Помогите, пожайлуста, с этим

  • @pro_wrestling_dynamit
    @pro_wrestling_dynamit 5 часов назад

    Спасибо заа уроки. Всё очень круто.

  • @candy_front
    @candy_front 9 часов назад

    у меня: animation-timeline: scroll() не работает 😟

  • @Francija-Naiznanku
    @Francija-Naiznanku 9 часов назад

    Красавчик! Спасибо за хороший контент по вёрстке !

  • @Herbert23377
    @Herbert23377 17 часов назад

    Pи3DеЦ

  • @g999ar
    @g999ar День назад

    3:50:00

  • @user-xe4be7iq1q
    @user-xe4be7iq1q День назад

    4:05 7:48

  • @user-fh8wi4mo6s
    @user-fh8wi4mo6s День назад

    Спасибо!

  • @user-xh2kr2co1s
    @user-xh2kr2co1s День назад

    Вадим ,привет, хотелось бы увидеть марафон уже для "продолжающих", огромное спасибо тебе за твои уроки, очень доходчиво и позитивно преподносишь материал) продолжай в том же духе.

  • @user-pp2oj2jw5k
    @user-pp2oj2jw5k День назад

    так... я понял, разброс между дивами до 50px, а спанами pixel perfect работаем. Благодарочка!

  • @hpbulbasaur8946
    @hpbulbasaur8946 День назад

    ох такую бы вечерунку на крупном сайте сделать

  • @pro_wrestling_dynamit
    @pro_wrestling_dynamit 2 дня назад

    как всегда супер.

  • @helenstravel1005
    @helenstravel1005 2 дня назад

    *Подача материала как всегда на высшем уровне. Спасибо тебе огромное.!!!! Ждем более тяжелые и и интереснее макеты!*

  • @r.prybluda
    @r.prybluda 2 дня назад

    Спасибо за видео! Просто и понятно. Прикольная подача.

  • @smotritelyoutube
    @smotritelyoutube 3 дня назад

    Может автор и знает такую фишку, но напишу, сам недавно узнал, что цвету написаному с хешом, тоже можно задавать прозрачность, не обязательно переводить его в rgb. Нужно просто после знаков цвета, еще добавить число от 1 до 100. Например есть черный цвет #000000, то его версия #00000050 - будет на 50% прозрачным, сам недавно узнал и пользуюсь часто, а то реально бесит цвет переводить в rgb для прозрачности, ну и выглядит, как по мне, лучше чем rgb). Ну а так, видос прикольный, лайк, реально полезные вещи узнал)

  • @user-gp1vo3yv3m
    @user-gp1vo3yv3m 3 дня назад

    Хотелось бы верстку сайта на Tailwind. Только один человек из русского язычного сегмента сделал это. А у тебя Вадим с твоим трудом(талантом) выйдет лучшее учебное пособие

  • @user-be8dy2lw3n
    @user-be8dy2lw3n 3 дня назад

    Круто. Буду пробовать 😅

  • @SandyWinman
    @SandyWinman 3 дня назад

    дякую за відос. Розбір про дефолтні кольори в залежності від дня/ночі - було б круто!

  • @russel8364
    @russel8364 3 дня назад

    Если ошибка при добавление класса к фотографии,то <?php the_post_thumbnail('full', array('class' => 'имя__класса')); ?>

  • @user-ub9ik9mn7i
    @user-ub9ik9mn7i 3 дня назад

    Вадим, спасибо тебе. Купил твой курс больше года назад. Только руки дошли до него. У тебя самый годный контент по верстке.

  • @shurinskiy
    @shurinskiy 3 дня назад

    Ооо! Наконец-то посложнее! 😊

  • @user-uh7in6tz3y
    @user-uh7in6tz3y 3 дня назад

    Спасибо большое! Очень интересный и полезный материал. Делала все пошагово и у меня все получилось)

  • @RomanB-od1qn
    @RomanB-od1qn 3 дня назад

    дякую , цікаво було )

  • @PoniaPolla
    @PoniaPolla 3 дня назад

    Огонь, спасибо!

  • @user-xm1hd8fe9m
    @user-xm1hd8fe9m 4 дня назад

    Когда следующие видео будет ? давай по три видео в неделю

  • @user-gk9ll4ub6h
    @user-gk9ll4ub6h 4 дня назад

    Вадим!!!СПасибо !!!!!

  • @tiranych5394
    @tiranych5394 4 дня назад

    Здравствуйте, я попробовал svg-спрайты, но почему-то не применяются стили (хотя картинки отображаются на сайте). В чем может быть проблема?

    • @tiranych5394
      @tiranych5394 4 дня назад

      Ответ нашел на свой вопрос. Если кому интересно, то дело в том, что в файле спрайта иконкам надо убрать свойство fill и указать его в css, иначе стиль не применится из-за недостаточного приоритета

  • @The-Way-of-Life.
    @The-Way-of-Life. 4 дня назад

    Привет! Скажу честно, я не знаю почему у тебя так мало просмотров, несмотря на все идеи и их разбор, которые ты даешь. Спасибо тебе за все, что ты делаешь!

  • @KIREKSSHOW
    @KIREKSSHOW 4 дня назад

    с кайфом

  • @igorkroshkin9354
    @igorkroshkin9354 4 дня назад

    Нихера не работает в файрфоксе, ба-бам, поздравляю

    • @vadymprokopchuk
      @vadymprokopchuk 4 дня назад

      Ну если бы ты смотрел видео, то там есть об этом информация и варианты реализации

    • @igorkroshkin9354
      @igorkroshkin9354 4 дня назад

      @@vadymprokopchuk Я к тому, что видео отличное, но НЕЗАКОНЧЕННОЕ. Что мешает (мешало) добавить "варианты реализации"? Может быть потому что и с другими браузерами будет проблема? Я лично так вижу

    • @The-Way-of-Life.
      @The-Way-of-Life. 4 дня назад

      @@igorkroshkin9354 Наверное дело в длительности ролика? Данный функционал можно реализовать на js, тогда будет работать на всех браузерах

  • @user-ur9jp1hf4d
    @user-ur9jp1hf4d 4 дня назад

    Спасибо, про свойство font-display и про то, что можно подключить шрифт только для небольшого текста не знал, годный контент!

  • @user-xb1jf2ul4w
    @user-xb1jf2ul4w 4 дня назад

    Обычно ты даешь ссылку на макет, а в этот раз будет?

    • @vadymprokopchuk
      @vadymprokopchuk 4 дня назад

      да, в описании под видео все есть

    • @user-xb1jf2ul4w
      @user-xb1jf2ul4w 4 дня назад

      @@vadymprokopchuk Да, нашел бльшое спасибо. Продолжай делать то что делаешь, самые классные уроки на ютубе))))

    • @vadymprokopchuk
      @vadymprokopchuk 4 дня назад

      @@user-xb1jf2ul4w спасибо

  • @user-pb2pw9xd8y
    @user-pb2pw9xd8y 4 дня назад

    бро

  • @ob5804
    @ob5804 4 дня назад

    Дякую за таку анімацію🙏 А коли буде верстка не для новачків зі збіркою?)

    • @vadymprokopchuk
      @vadymprokopchuk 4 дня назад

      дякую, та буде, ну просто дуже багато задач і справ маю

  • @Ogurets07
    @Ogurets07 5 дней назад

    Очень круто. Спасибо. Комент в поддержку.

  • @elkazmakaz5870
    @elkazmakaz5870 5 дней назад

    Вадим, привет. Курс перенесли на неделю?

    • @vadymprokopchuk
      @vadymprokopchuk 4 дня назад

      привет, да сместил на 1 неделю, немного не успеваю по задачам начать раньше

  • @gvozdeveloper
    @gvozdeveloper 5 дней назад

    Прикольная штука 😀💥👍

  • @user-fw9ez9we1c
    @user-fw9ez9we1c 5 дней назад

    Хорошая тема! Видоса для старичков давно не было😊

  • @arthurterner3348
    @arthurterner3348 5 дней назад

    Вадос, спасибо тебе ОГРОМНОЕ за твой труд и знаниями которыми ты делешься P.s. ты красавчик 😉👍

  • @master_shifu_epta
    @master_shifu_epta 5 дней назад

    студентов из России принимаете? чет, сайт не окрывает.... :(

  • @user-wq3po9si9i
    @user-wq3po9si9i 5 дней назад

    А макета нет?

    • @vadymprokopchuk
      @vadymprokopchuk 5 дней назад

      В описании, под видео

    • @user-du2nz4lj1d
      @user-du2nz4lj1d 5 дней назад

      @@vadymprokopchuk нету, или ютуб долго подгружает

  • @ringnull
    @ringnull 5 дней назад

    29:28 на 49 строке опечатка background-size coner -> background-size: cover;

  • @StonHenge
    @StonHenge 5 дней назад

    новую натяжку на wordpress с wysiwyg редактором пожалуйста!

    • @svoy4el
      @svoy4el 5 дней назад

      Поддерживаю!

  • @artyombelavin3146
    @artyombelavin3146 5 дней назад

    Вот это тема вообще! Жду видос с вёрсткой на препроцессорах)

  • @user-us8eo3dz9p
    @user-us8eo3dz9p 5 дней назад

    ай хищник

  • @walterwhite4407
    @walterwhite4407 5 дней назад

    Лайк авансом👍

  • @user-uz4yu6qk1r
    @user-uz4yu6qk1r 5 дней назад

    Вадим, спасибо за труд и видео!