- Видео 198
- Просмотров 7 938 035
От 0 до 1
Украина
Добавлен 23 апр 2013
Верстка сайта с 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
------------...
Вы научитесь делать крутой и довольно востребованный эффект в ближайшем будущем, мы пройдем все пошагово, я обьясню абсолютно все особенности при верстке таких макетов, поговорим о будущем технологий связаных с 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 месяцев назад
Передача готового проекта заказчику
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, как не сделать роковую ошибку?
❤❤❤ Шикарно, как всегда!
Нашла ошибку: в background-size у Вас coNer, а не coVer. Ещё, при создании списка с ul у меня вылезли маркеры (чёрные кружочки), я заменила на ol и они пропали.
[16:00:29] 'cleanDist' errored after 5.8 ms [16:00:29] TypeError: del is not a function Помогите, пожайлуста, с этим
Спасибо заа уроки. Всё очень круто.
у меня: animation-timeline: scroll() не работает 😟
Красавчик! Спасибо за хороший контент по вёрстке !
Pи3DеЦ
3:50:00
4:05 7:48
Спасибо!
Вадим ,привет, хотелось бы увидеть марафон уже для "продолжающих", огромное спасибо тебе за твои уроки, очень доходчиво и позитивно преподносишь материал) продолжай в том же духе.
так... я понял, разброс между дивами до 50px, а спанами pixel perfect работаем. Благодарочка!
ох такую бы вечерунку на крупном сайте сделать
как всегда супер.
*Подача материала как всегда на высшем уровне. Спасибо тебе огромное.!!!! Ждем более тяжелые и и интереснее макеты!*
Спасибо за видео! Просто и понятно. Прикольная подача.
Может автор и знает такую фишку, но напишу, сам недавно узнал, что цвету написаному с хешом, тоже можно задавать прозрачность, не обязательно переводить его в rgb. Нужно просто после знаков цвета, еще добавить число от 1 до 100. Например есть черный цвет #000000, то его версия #00000050 - будет на 50% прозрачным, сам недавно узнал и пользуюсь часто, а то реально бесит цвет переводить в rgb для прозрачности, ну и выглядит, как по мне, лучше чем rgb). Ну а так, видос прикольный, лайк, реально полезные вещи узнал)
Хотелось бы верстку сайта на Tailwind. Только один человек из русского язычного сегмента сделал это. А у тебя Вадим с твоим трудом(талантом) выйдет лучшее учебное пособие
Круто. Буду пробовать 😅
дякую за відос. Розбір про дефолтні кольори в залежності від дня/ночі - було б круто!
Если ошибка при добавление класса к фотографии,то <?php the_post_thumbnail('full', array('class' => 'имя__класса')); ?>
Вадим, спасибо тебе. Купил твой курс больше года назад. Только руки дошли до него. У тебя самый годный контент по верстке.
Ооо! Наконец-то посложнее! 😊
Спасибо большое! Очень интересный и полезный материал. Делала все пошагово и у меня все получилось)
дякую , цікаво було )
Огонь, спасибо!
Когда следующие видео будет ? давай по три видео в неделю
Вадим!!!СПасибо !!!!!
Здравствуйте, я попробовал svg-спрайты, но почему-то не применяются стили (хотя картинки отображаются на сайте). В чем может быть проблема?
Ответ нашел на свой вопрос. Если кому интересно, то дело в том, что в файле спрайта иконкам надо убрать свойство fill и указать его в css, иначе стиль не применится из-за недостаточного приоритета
Привет! Скажу честно, я не знаю почему у тебя так мало просмотров, несмотря на все идеи и их разбор, которые ты даешь. Спасибо тебе за все, что ты делаешь!
с кайфом
спасибо
Нихера не работает в файрфоксе, ба-бам, поздравляю
Ну если бы ты смотрел видео, то там есть об этом информация и варианты реализации
@@vadymprokopchuk Я к тому, что видео отличное, но НЕЗАКОНЧЕННОЕ. Что мешает (мешало) добавить "варианты реализации"? Может быть потому что и с другими браузерами будет проблема? Я лично так вижу
@@igorkroshkin9354 Наверное дело в длительности ролика? Данный функционал можно реализовать на js, тогда будет работать на всех браузерах
Спасибо, про свойство font-display и про то, что можно подключить шрифт только для небольшого текста не знал, годный контент!
спасибо
Обычно ты даешь ссылку на макет, а в этот раз будет?
да, в описании под видео все есть
@@vadymprokopchuk Да, нашел бльшое спасибо. Продолжай делать то что делаешь, самые классные уроки на ютубе))))
@@user-xb1jf2ul4w спасибо
бро
Дякую за таку анімацію🙏 А коли буде верстка не для новачків зі збіркою?)
дякую, та буде, ну просто дуже багато задач і справ маю
Очень круто. Спасибо. Комент в поддержку.
Вадим, привет. Курс перенесли на неделю?
привет, да сместил на 1 неделю, немного не успеваю по задачам начать раньше
Прикольная штука 😀💥👍
супер
Хорошая тема! Видоса для старичков давно не было😊
Круть!
Вадос, спасибо тебе ОГРОМНОЕ за твой труд и знаниями которыми ты делешься P.s. ты красавчик 😉👍
Благодарю
студентов из России принимаете? чет, сайт не окрывает.... :(
А макета нет?
В описании, под видео
@@vadymprokopchuk нету, или ютуб долго подгружает
29:28 на 49 строке опечатка background-size coner -> background-size: cover;
От зараза)) не заметил
новую натяжку на wordpress с wysiwyg редактором пожалуйста!
Поддерживаю!
Вот это тема вообще! Жду видос с вёрсткой на препроцессорах)
Спасибо!
ай хищник
Благодарю ))
@@vadymprokopchuk можно макетик
Лайк авансом👍
Вадим, спасибо за труд и видео!
Спасибо