От 0 до 1
От 0 до 1
  • 197
  • 7 878 472
Как сделать темную тему на сайте
Друзья, в видесе сделаем темную тему на сайте, ну и светлую конечно=) Существуют разные варианты реализации такой вечеринке, мы обсудим некоторые из них в данном видео, и конечно же, попрактикуемся.
----------------------------------------
Сайт курса по верстке - from0to1.com.ua/
----------------------------------------
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Переглядів: 2 853

Відео

Как подключать шрифты в 2024
Переглядів 2,9 тис.15 годин тому
Друзья! Частые вопросы: какие форматы шрифтов использовать? как подключать, локально или через cdn? как оптимизировать загрузку шрифтов? Решил записать одно видео и ответить на все эти вопросы, смотрите, и будьте готовы к собесам. Сайт курса по верстке - from0to1.com.ua/ Конвертеры шрифтов: 1) www.fontconverter.io/en 2) transfonter.org/ или первые вкладки в гугле=) Телеграм канал - t.me/from0to...
Как правильно подключать favicon на сайт в 2024 году, актуальные размеры и форматы.
Переглядів 3,2 тис.21 день тому
Друзья, всем привет. Я уже не раз получал ряд вопросов, от того что такое favicon, до того как его правильно подключить и какие формати нужно использовать в совремменой верстке. В этом видео правильно подключим favicon в наш сайт, используя, все актуальные размеры и форматы. Ссылка на верстку макета (udemy) - bit.ly/gulp-bento Видос в котором подробно рассказываю о верстке макета - ua-cam.com/v...
6 css свойств которые от тебя скрывают
Переглядів 4,4 тис.21 день тому
Друзья, всем привет, в данном обзоре я решил сделать акцент на css свойствах, о которых мало кто знает, но они очень эффективные, и имеют отличную поддержку. Я выписал 5 1 свойство, так как в последнем есть интересный парадокс. Это моя личная статистика свойств, которые удивляют людей, я решил их назвать, свойства которые от вас скрывают =) Ссылка на верстку макета (udemy) - bit.ly/gulp-bento В...
Верстка сайта с использованием gulp уже на udemy, модульный (bento) стиль
Переглядів 4,3 тис.Місяць тому
Друзья, все просто, я записал мастер класс по верстке в bento стиле. Верстаю данный сайт с использованием gulp сборки, вы сможете не только попрактиковаться верстать модульный дизайн, а и получите знания в области сборщика фронтенда. Ссылка на верстку - bit.ly/gulp-bento Подпишитесь на канал, если вам понравилось данное видео: bit.ly/2IFzwBZ
Бесплатный марафон по верстке сайта. Часть 5, Адаптив сайта
Переглядів 3,7 тис.Місяць тому
Друзья. Это пятая часть верстки сайта для новичков, для всех, кто делает свои начальные шаги в верстке сайтов. В видео я подробно объясняю каждый этап разработки, мы по полной программе используем html, css и js. Это серия видео в виде марафона по верстке сайта. Сайт курса по верстке - from0to1.com.ua/ Готовая верстка на patreon - www.patreon.com/from0to1 Телеграм канал - t.me/from0to1com Видео...
Бесплатный марафон по верстке сайта. Часть 4, footer
Переглядів 3 тис.Місяць тому
Друзья. Это четвертая часть верстки сайта для новичков, для всех, кто делает свои начальные шаги в верстке сайтов. В видео я подробно объясняю каждый этап разработки, мы по полной программе используем html, css и js. Это серия видео в виде марафона по верстке сайта. Сайт курса по верстке - from0to1.com.ua/ Готовая верстка на patreon - www.patreon.com/from0to1 Телеграм канал - t.me/from0to1com П...
Бесплатный марафон по верстке сайта. Часть 3, аккордеон
Переглядів 4,2 тис.Місяць тому
Друзья. Это третья часть верстки сайта для новичков, для всех, кто делает свои начальные шаги в верстке сайтов. В видео я подробно объясняю каждый этап разработки, мы по полной программе используем html, css и js. Это серия видео в виде марафона по верстке сайта. Сайт курса по верстке - from0to1.com.ua/ Готовая верстка на patreon - www.patreon.com/from0to1 Телеграм канал - t.me/from0to1com Подп...
Бесплатный марафон по верстке сайта. Часть 2, делаем слайдер который выходит за пределы контейнера
Переглядів 4,8 тис.Місяць тому
Друзья. Это вторая часть верстки сайта для новичков, для всех, кто делает свои начальные шаги в верстке сайтов. В видео я подробно объясняю каждый этап разработки, мы по полной программе используем html, css и js. Это серия видео в виде марафона по верстке сайта. Сайт курса по верстке - from0to1.com.ua/ Готовая верстка на patreon - www.patreon.com/from0to1 Телеграм канал - t.me/from0to1com Подп...
Бесплатный марафон по верстке сайта html/css/js, для новичков
Переглядів 20 тис.Місяць тому
Друзья, всем привет. Это верстка сайта для новичков, для всех, кто делает свои начальные шаги в верстке сайтов. В видео я подробно объясняю каждый этап разработки, мы по полной программе используем 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 тис.3 місяці тому
Друзья, в данном видосе поговорим про 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 тис.5 місяців тому
Друзья, привет, вы залайкали видоc про 8 css свойств, и я со своей стороны решил вам подогнать 9 новых css свойств, которые сделают вас умнее, схема простая = ) Приятного просмотра! Плюшки на патреон: www.patreon.com/from0to1 мой курс по верстке сайтов, топовая вечеринка: from0to1.com.ua/ Телеграм канал - t.me/from0to1com 8 css свойств мечты: ua-cam.com/video/jBsKCb7fNhI/v-deo.html Видео про се...
Верстка сайта - HTML, CSS, JS. Адаптив, Часть 2, Финал
Переглядів 18 тис.6 місяців тому
Друзья, привет! Это вторая часть верстки сайта, в этом видео мы все с вами финализируем. Использовать мы будем как всегда, наших братанов HTML, CSS и JS, конечно же мы обязательно все адаптируем. макет - drive.google.com/file/d/1MmhE-n05AVMBFBTX9xCi4WAykIBZFVN-/view?usp=sharing файлы (начальный html и css) - drive.google.com/file/d/15xRFhbsCaLgI4nEkmklbbthm5t6D4jPF/view?usp=sharing Сайт курса п...
Верстка сайта - HTML, CSS, JS. Адаптив
Переглядів 64 тис.6 місяців тому
Верстка сайта - HTML, CSS, JS. Адаптив
8 новых сss свойств о котрых ты мечтал
Переглядів 30 тис.6 місяців тому
8 новых сss свойств о котрых ты мечтал
Как учить верстку правильно и эффективно
Переглядів 19 тис.7 місяців тому
Как учить верстку правильно и эффективно
Финал Верстки сайта, пишем переключение на JavaScript
Переглядів 9 тис.8 місяців тому
Финал Верстки сайта, пишем переключение на JavaScript
Адаптив сайта с нуля до завершения html/css/js Часть 3
Переглядів 8 тис.8 місяців тому
Адаптив сайта с нуля до завершения html/css/js Часть 3
Верстка сайта с нуля до завершения html/css/js Часть 2
Переглядів 13 тис.8 місяців тому
Верстка сайта с нуля до завершения html/css/js Часть 2
Верстка сайта с нуля до завершения html/css/js
Переглядів 43 тис.8 місяців тому
Верстка сайта с нуля до завершения html/css/js
Custom Properties / css переменные / Кастомные свойства + практический пример на javascript
Переглядів 7 тис.8 місяців тому
Custom Properties / css переменные / Кастомные свойства практический пример на javascript
Передача готового проекта заказчику
Переглядів 11 тис.9 місяців тому
Передача готового проекта заказчику
Верстка под 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, как не сделать роковую ошибку?
PixelPerfect все что нужно знать
Переглядів 16 тис.Рік тому
PixelPerfect все что нужно знать

КОМЕНТАРІ

  • @Werstalshik-oz2xi
    @Werstalshik-oz2xi 9 годин тому

    лакосік комент ))) все чудово верстаю кайфую!!!

  • @user-mg6bo7qx9m
    @user-mg6bo7qx9m 9 годин тому

    Вадиме, велике дякую!) Гарна і доступна подача, таких мало.

  • @user-zk6vc9qh1t
    @user-zk6vc9qh1t 15 годин тому

    а разделение между нижними подчёркиваниями (например ==>> container_ _inner) _ _ -- как сделать ? подскажите пжлст. Хабр подсказал разве что ===>> (в settings.JSON) ==>> "editor.fontLigatures": false.... поменял.. но разницы нет container__inner без разделения...

  • @sergeyzatsepin513
    @sergeyzatsepin513 23 години тому

    Ну хорошо 32x32 мыльная, подключил 16x16, и по какому принципу браузер должен её выбрать тогда?

  • @pro100_makari4
    @pro100_makari4 День тому

    Схоже що сам тількі пів курсу по верстці завершив, а вже інших вчить говнокодити

  • @line_delay
    @line_delay День тому

    Вадим, очень нравятся ваши видео, многому научился по ним, большое спасибо. Есть в планах записать видео про JavaScript который вы используете в своих работах? Очень интересно было бы посмотреть как вы его применяете в проектах, как самостоятельно пишете тот или иной скрипт, насколько хорошо его нужно знать, чтобы применять в профессиональной верстке, если не говорить о чистом frontend. Хотелось бы послушать о вашем опыте и узнать ваше мнение о нужном уровне js для верстальщика

  • @KomarSuper
    @KomarSuper День тому

    Скажи пожалуйста какой шрифт используется с VSCode?

  • @J-Lany
    @J-Lany День тому

    Ты лучший) спасибо большое за видео!)

  • @Driderq
    @Driderq 2 дні тому

    мужик благодарю ты помог мне байрона на 30 ранг апнуть

  • @user-zv2id2pz8v
    @user-zv2id2pz8v 2 дні тому

    спс

  • @user-su5lh9yr4e
    @user-su5lh9yr4e 2 дні тому

    Когда будет стрим в Ютубе ? есть уйма вопросов

  • @VladimirOnokhov
    @VladimirOnokhov 2 дні тому

    Спасибо большое за видео!!

  • @instksxanax1760
    @instksxanax1760 2 дні тому

    Что я смотрел бл? У меня не включено автовоспроизведение

  • @RomanB-od1qn
    @RomanB-od1qn 3 дні тому

    ще одна частина разом, дякую , очікуємо марафон з gulp + scss))

  • @user-bb5vm1wz1s
    @user-bb5vm1wz1s 3 дні тому

    Я вашу душу целовал.

  • @246Dron
    @246Dron 3 дні тому

    Дайте пожалуйста ссылку на этот макет, кто знает

    • @vadymprokopchuk
      @vadymprokopchuk 2 дні тому

      Посмотри во вкладке стримы, там он будет

  • @user-xg3er7dw8y
    @user-xg3er7dw8y 3 дні тому

    прикольно, полезный материал

  • @Liverpoolfc_1892
    @Liverpoolfc_1892 3 дні тому

    спасибо , сделай пожалуйста про webpack

  • @9094447788
    @9094447788 3 дні тому

    👍👍👍 Отлично! Ждем ещё!

  • @sartjhon3300
    @sartjhon3300 3 дні тому

    Для чего это видео? Это же сплошные вредные советы... Человек захотел узнать как сделать переключатель тем, нашел видео от любимого автора и... Без сохранения состояния, без переменных... Я хз. Наверное самое бесполезное видео на канале. Снимал его от отчаяния, лишь бы снять? За 25 минут можно было рассказать все об этом

  • @chip_a
    @chip_a 3 дні тому

    Когда слышу пиксел перфект от клиента дропаю клиента. Пикселперфект придумали менеджеры что бы меньше заплатить клиенту. Для маленьких баннеров может быть но не для целого сайта. Ну еще дизайнеры не делают все нормально, елементы раскадины как попало. Так что однозначно нет

  • @andrey-Dudkin
    @andrey-Dudkin 3 дні тому

    Спасибо за видос. Да тема по default было бы интересно

  • @user-il5ix1yz8p
    @user-il5ix1yz8p 3 дні тому

    11:43 Одно из лучших объяснений по галп, освоил по твоим видео 👍

  • @constyak9031
    @constyak9031 3 дні тому

    очердная топ вечерина от Вадоса.

  • @Embrace777
    @Embrace777 3 дні тому

    Самое годное видео на эту тему, спасибо!)

  • @pleygame8054
    @pleygame8054 3 дні тому

    local jump = 50 -- Задаем значение прыжка Workspace.Part.Touched:Connect(function(hit) -- Определяем, что делать при касании local player = game.Players:GetPlayerFromCharacter(hit.Parent) -- Получаем игрока, чье тело коснулось части if player then -- Проверяем, действительно ли это игрок player.Character.Humanoid.JumpPower += jump -- Увеличиваем его силу прыжка end end)

  • @discovery_a
    @discovery_a 4 дні тому

    Пушка! Спасибо.

  • @DmitriiIvanovAleks
    @DmitriiIvanovAleks 4 дні тому

    Зачем в font-face прописывать font-weight если я и так скачал шрифт определенной ширины? То есть если я скачал bold шрифт, то какой смысл писать font-weight:700?

  • @usr_sh1q
    @usr_sh1q 4 дні тому

    Вопрос не "как", а "зачем" ? Ну вот кто придумал этот странный тренд? Типа ночью легче читать?! Та не легче... яркость лучше убрать и читать всё равно "чёрным по белому"...

    • @vadymprokopchuk
      @vadymprokopchuk 3 дні тому

      На одном сайте яркость убирать, на другом повышать, это не удобно, кнопкой быстрее

  • @super-puper_bot
    @super-puper_bot 4 дні тому

    круто было бы подробный видос по переменным с этим кейсом в том числе)

  • @iblancos7
    @iblancos7 4 дні тому

    Вадим, а твой js будет работать в случае, если у body уже есть изначально какой-то класс. Мне кажется если подебажить, можно поизящнее решение найти. Через matches.

    • @vadymprokopchuk
      @vadymprokopchuk 3 дні тому

      Та просо немножко переписать код, тут я больше один из главных принципов хотел показать

  • @Dedinside05
    @Dedinside05 4 дні тому

    Вадим , топ 🔝 как всегда

  • @NIReeMK
    @NIReeMK 4 дні тому

    как-то проще использовать css переменные через var(--*) чтобы в одном месте поменять цвета... ну и плохая практика полностью класс на body перезаписывать, там же могут быть и другие классы и они могут потеряться при такой записи)

  • @ob5804
    @ob5804 4 дні тому

    За продовження цієї теми)

  • @StonHenge
    @StonHenge 4 дні тому

    Бро, сделай новое видео по натяжке сайта на Вордпресс, с интеграцией всего и WYSIWYG редактором, будет очень актуально!

  • @user-oi1ui9rm7x
    @user-oi1ui9rm7x 4 дні тому

    Привет, спасибо за видео, отслеживание дефолтной темы интересует.

  • @user-wk4si7mh1p
    @user-wk4si7mh1p 4 дні тому

    Про системные шрифты.. ) Пишется код вида: font-family: system-ui и далее по тексту как у вас.

  • @kosmos_drago7989
    @kosmos_drago7989 4 дні тому

    Слушайте, вы самый мощный блогер которого я видел. Кажется просто самые очевидные моменты по типу шрифтов или favicon, но я из не знал. Большое спасибо за контент. Коммент написан от души😊

  • @walterwhite4407
    @walterwhite4407 4 дні тому

    Всім привіт,всім здоров’я.Вадим,danke schön.

  • @user-uz4yu6qk1r
    @user-uz4yu6qk1r 4 дні тому

    Футболка классная, я сначала её перепутал с другой))) А так, спасибо за видео!

  • @web__pavlovo
    @web__pavlovo 4 дні тому

    Лайк бро.добавь плиз в gulp webpack.

  • @BMikel
    @BMikel 4 дні тому

    щось буде по тайлвінду?

  • @Liverpoolfc_1892
    @Liverpoolfc_1892 4 дні тому

    😁😁

  • @user-xe4be7iq1q
    @user-xe4be7iq1q 4 дні тому

    5:35 7:30 12:58 24:25 30:20 36:20(37:05)

  • @mikhailkaras7411
    @mikhailkaras7411 5 днів тому

    установи плагин в figma называется Inspect Styles

  • @McNestorful
    @McNestorful 5 днів тому

    Спасибо. Очень познавательно.

  • @WERWOLION
    @WERWOLION 5 днів тому

    Думал будет ерунда. а тут годная инфа

  • @unknown.6914
    @unknown.6914 5 днів тому

    Владим, благодраю вас за качественный контент. Прошло четыре года, но главные принципы которые вы обозначили все так же важны. Уверен, вашим трудом многие смогли дойти до своей цели.

  • @flo0f
    @flo0f 5 днів тому

    Считаю вас одним из лучших, если не лучшим, учителем по верстке/фронтенду, из ваших видео научился многому, за что огромное вам СПАСИБО! Жаль конечно, что курс не доступен в РФ, с радостью бы купил.

    • @NIReeMK
      @NIReeMK 4 дні тому

      А где тут учат фронту? Чёт не видел упора на js)

    • @flo0f
      @flo0f 4 дні тому

      @@NIReeMK в марафонах по верстке js затрагивается. Хороший фронтендер в целом должен в верстке шарить

    • @NIReeMK
      @NIReeMK 4 дні тому

      ​@@flo0fв описании курса только jquery и jquery плагины увидел... Проблема в том что на собеседованиях спрашивают ванилу и фреймворки, а не джейквери

  • @user-mu5ru2xl9n
    @user-mu5ru2xl9n 5 днів тому

    Вадик, сбрось gulp сборочку свою 2024г в общий доступ(бесплатно), задолбали у всех ошибки... то del, то imagemin, то font не реагируют... везде ошибки!!!! (у тебя, у жени, у юры и т.д.) или видео новое запиши gulp-2024

    • @WERWOLION
      @WERWOLION 5 днів тому

      так галп обновили теперь 5.0, а был 4.0..2 нам нужно в src хук прописывать Галп 5 намного быстрее стал. Но вит всерано быстрее