Спасибо за такое количество уроков, посвященных меня. Не знаю как у остальных, но у меня до этого времени были постоянные проблема с версткой красивого, адаптивного меню.
вижу урок сss фич от Артема - влепляю царский лайк. Как всегда, всё круто и безумно просто! По поводу грамотности произношения английских слов, правильно произносить не хайден, а хиден, но это уже придирки) Perspective правильно произносишь!)
@@ЕлизаветаМурзикова забей. это было месяцев назад и я уже забыл что там делал. в общем идет подмена класса посредством тогле класс на jQuery. если совсем интересно пошукай курс на другом канале ua-cam.com/video/owNjEgRxnAQ/v-deo.html
Согласен со всеми, крутая рубрика! По видео: действительно не хватает затемнения контента. Ну это наверное можно реализовать через наложение полупрозрачного растянутого ::after для контентной части. Интересно как закрытие сделать при нажатии на затемненный контент.. Плюс тут заморочка с гамбургером возникнет: это же работает так: нажал на гамбургер, меню добавляется класс, гамбургеру тоже, меню выехало, гамбургер проанимировался. Ок, теперь нажимаем на контент, меню закрылось, а на гамбургер ведь не нажимали, он так и остался в состоянии открытого меню... Тут надо как-то к состоянию меню привязывать. Может знает кто как?
Норд, кто может подсказать, я просто не совсем понял. Когда прописывался content_active и menu_active но у нас же в html разметке не задан данные классы, так как он к нему привязался, а псевдо прописывается вроде :active? Объясните пожалуйста)
А в контейнере nav допустимо использовать overflow-y: scroll; для вертикальной прокрутки для большого количества ссылок? и допустимо ли использовать это нассылках что бы выпадали подссылки?: function showHide(element_id) { if (document.getElementById(element_id)) { var obj = document.getElementById(element_id); if (obj.style.display != "block") { obj.style.display = "block"; } else obj.style.display = "none"; } else alert("Элемент с id: " + element_id + " не найден!"); (так и тянутся пальцы нажать ctrl+s)
Урок полезный, но хотелось бы увидеть, как реализовать, чтобы на десктопе было обычное меню, а при сужении экрана оно превращалось в такое, как на этом видео.
все круто кроме перезагрузки web страницы - т.е. меню выехало - пользователь что-ьл делает потом перезагрузка страницы и меню само закрывается обратно и нужно снова щелкать по бургеру. Как сохранить меню в выехавшем положении при перезагрузке страницы? понимаю этот пост давно вышел, 2018г но если есть возможность пожалуйста подскажите
у меня сначала не сработала часть js, я решил скопировать весь код в codepen и в коде javascript выскакивает это: Uncaught ReferenceError: $ is not defined. Подскажите пожалуйста, в чем проблема?
Клевые видосы, лайк поставил. Сделай урок как можно сделать изогнутый текст вокруг окружности, есть вариант каждую букву возвести в span и с помощью css transform: rotate() крутить, не очень удобно особенно если этот текст должен меняться из админки CMS, я делал с помощью js (получилось) он как раз автоматом возводил в span каждую букву и подкручивал как нужно, видел способ как делают с помощь svg
Спасибо, Артём! Хороший тутор. И вот такой вопрос. Последнее время я всё чаще использую .svg. Подкупает масштабируемость , эффекты и фильтры, возможность обработки javascript и css. Я и background-image теперь иногда делаю с svg. Но сверлит мысль о недостаточной браузерной поддержке. Взглянешь потом чем-нибудь, всплакнёшь(сразу времена IE6 вспомнились, гореть ему в аду! ) и придётся переделывать. Я фрилансер, всегда один. О новинках и тенденциях только и узнаю от блогеров. Так как с svg? Не рано его широко юзать? А то я подсел...
Криво все равно, когда меню выдвигается секции сдвигаются, и то что выходит за пределы контейнера не видно, но там то есть что то, и получается что часть секции не видно нужно было сделать немного по другому отодвинуть секции и уменьшить размер на 30% по идее так должно работать хорошо
Допустим! У меня кнопка меню находится слева в углу. Ии.... Мне нужно сделать так, чтобы мое меню было всегда сверху над контентом, а крестик(кнопка закрытия) была уже справа. То есть: нажимаю на бургер(он пропадает) выезжает меню( фон у меня затемнялся) и крестик был уже не рядом сменю а справой стороны экрана. Как это можно сделать ?
То есть, правильно ли я понял - чтобы меню выезжало на мобильных разрешениях, то я должен весь этот CSS-код, поместить в соответствующий медиа-запрос, и убрать его с десктоп-разрешения, верно?
JS для самых маленьких или JS фичи - очень было бы круто, ждём!
Нее
Спасибо за такое количество уроков, посвященных меня. Не знаю как у остальных, но у меня до этого времени были постоянные проблема с версткой красивого, адаптивного меню.
Все уроки очень подробные. Нравится подача материала и грамотные пояснения без лишней "воды"!
Лайк автоматом, хороший контент и отличная подача!!!))
Это наверное самые понятные и крутые видео. Кайфую, когда смотрю тебя.) Спасибо огромное!
Спасибо большое за твой труд, за твой контент! За твой канал! И спасибо, что когда пишешь код - ы объясняешь, что и зачем!
Отличная штука. Спасибо Артем за то, что делаешь! Смотрел многих, но у Артема всегда понятно и голос не противный))
Я конечно не учитель англ. языка но мне твоё произношение рилЕЙтив нравится больше!))
Хорошие темы, и раскрыты максимально понятно, спасибо за работу!)
Давно уже слежу за каналом и его развитием, так что отдельно хочу поблагодарить за вот такие небольшие, но очень полезные уроки)
Очень крутое видео. Для начинающих это крутой источник знаний и различных фишек. Продолжай делать такие видео далее. Лайк :)
Артём ты крут! Нереально доступно объясняешь! Спасибо!
Приятный парень, приятно и понятно объясняет, спасибо)
Исламов просто красавчик!!!! RELATIVE)))))класс!!!
Артём, спасибо за классный контент! Лайк за видики.
Спасибо, хоть кто-то сделал видео с такой актуальной фичей
Все круто. Сделай видос по оптимизации для retina дисплеев
Очень классная тема
Тут плюс
Супер как и предыдущие видео, ждем еще!!
Артём, ты крут! Все чётко и ясно! 🔥больше фишек!!!
С футболкой просто выстрелило х)
Очень круто !! Все понятно и интересно у самого возникает желание сделать и попробовать что то новое.
Ты круче всех! Продолжай в том же духе!
вижу урок сss фич от Артема - влепляю царский лайк. Как всегда, всё круто и безумно просто! По поводу грамотности произношения английских слов, правильно произносить не хайден, а хиден, но это уже придирки) Perspective правильно произносишь!)
Спасибо за видео. Как всегда много полезного, и доступно объяснил!
очень крутые css-ные фишки, спасибо за рубрику)
лойс не глядя, хорошо подаешь информацию, удачи в развитии канала
Годная рубрика! Канал растет.
Больше уроков по jS 👍👍👍
Царский ЛАЙК! Любые фичи давай))
Круто. Спасибо за такие крутые видео уроки.
Обязательно продолжай, очень интересно)
Уже писал, повторюсь. Цвета можно взять если кликнуть на ссылку "Assets" в левом-нижнем углу.
Все круто,спасибо за все.Продолжай в том же духе.Ты как лэтсплэйщик веселый,только прогер
До мурашек, жги !
Артём, сделай пожалуйста видос по теням, например про то как это реализовано в material design при наведении на объект.
С relative разобрались, теперь с hidden. Правильно произносится как хидн :-)))
Хотелось бы увидеть разные оформления чек-боксов, радио-батонов и разных переключателей ))
Все, заработало, другой скрипт использовал. Нужно еще поэкспериментировать и потом скину ссылку на исходники
Можно ссылку?
@@ЕлизаветаМурзикова забей. это было месяцев назад и я уже забыл что там делал. в общем идет подмена класса посредством тогле класс на jQuery. если совсем интересно пошукай курс на другом канале
ua-cam.com/video/owNjEgRxnAQ/v-deo.html
Круто! Мучу такие штуки на бутстрапе. Там есть колапс копмонент.
Тройное уважение
В копилку с "релэйтив": hidden читается как "хИден", а не "хАйден". p.s. Спасибо за очередную фичу, годно!)
Всё круто. Замути видос про то, как делать расширения для браузера и как его опубликовать
Согласен со всеми, крутая рубрика!
По видео: действительно не хватает затемнения контента. Ну это наверное можно реализовать через наложение полупрозрачного растянутого ::after для контентной части.
Интересно как закрытие сделать при нажатии на затемненный контент..
Плюс тут заморочка с гамбургером возникнет: это же работает так: нажал на гамбургер, меню добавляется класс, гамбургеру тоже, меню выехало, гамбургер проанимировался. Ок, теперь нажимаем на контент, меню закрылось, а на гамбургер ведь не нажимали, он так и остался в состоянии открытого меню... Тут надо как-то к состоянию меню привязывать. Может знает кто как?
Норд, кто может подсказать, я просто не совсем понял.
Когда прописывался content_active и menu_active но у нас же в html разметке не задан данные классы, так как он к нему привязался, а псевдо прописывается вроде :active? Объясните пожалуйста)
Как изменить квадрат(меню) на свою картинку(три полоски)
Советы как писать код с разными размерами изображений на макетах (десктоп планшет телефон) . С учетом скорости загрузки страницы.
спасибо, крутые уроки)
А в контейнере nav допустимо использовать overflow-y: scroll; для вертикальной прокрутки для большого количества ссылок? и допустимо ли использовать это нассылках что бы выпадали подссылки?:
function showHide(element_id) {
if (document.getElementById(element_id)) {
var obj = document.getElementById(element_id);
if (obj.style.display != "block") {
obj.style.display = "block";
}
else obj.style.display = "none";
}
else alert("Элемент с id: " + element_id + " не найден!");
(так и тянутся пальцы нажать ctrl+s)
Хочу посмотреть пример бесконечной бесшовной анимации (например слева подымаются несколько блоков в которых анимация цифр)
Тема менюшек пошла. А если, допустим, всякие приколы и фишки для кнопок заказа звонка с анимацией и т.п.?)
очень интересно и доступно! Спасибо!
Урок полезный, но хотелось бы увидеть, как реализовать, чтобы на десктопе было обычное меню, а при сужении экрана оно превращалось в такое, как на этом видео.
Медиа. Кнопка изначально скрыта, показано основное меню. При нужной ширине экрана прячешь основное меню и показываешь кнопку
влепил 120-килограммовый лойс!
Артём, будет ли видео про онлайн кассы? Разбери вопрос налогов с 1 июля 2018.
Было бы интересно сделать урок по стилизации чекбоксов
Жду JS фичи и jquery! спасибо тебе за старания)
Мне нравится формат этих видиков)) го некст!
все круто кроме перезагрузки web страницы - т.е. меню выехало - пользователь что-ьл делает потом перезагрузка страницы и меню само закрывается обратно и нужно снова щелкать по бургеру. Как сохранить меню в выехавшем положении при перезагрузке страницы? понимаю этот пост давно вышел, 2018г но если есть возможность пожалуйста подскажите
у меня сначала не сработала часть js, я решил скопировать весь код в codepen и в коде javascript выскакивает это: Uncaught ReferenceError: $ is not defined. Подскажите пожалуйста, в чем проблема?
Просто супер ваших видео мне нравиться можете снять видео о создания личного кабинета польностью на php7 myssql на 100% защищенными опен сервере
При нажатии на кнопку, как сделать затемнение основного контента?
Подскажите пожалуйста, как при открытии меню в 30%, основной контент сужался до 70%, чтоб меню не перекрывало контент?
Клевые видосы, лайк поставил. Сделай урок как можно сделать изогнутый текст вокруг окружности, есть вариант каждую букву возвести в span и с помощью css transform: rotate() крутить, не очень удобно особенно если этот текст должен меняться из админки CMS, я делал с помощью js (получилось) он как раз автоматом возводил в span каждую букву и подкручивал как нужно, видел способ как делают с помощь svg
Спасибо, Артём! Хороший тутор.
И вот такой вопрос. Последнее время я всё чаще использую .svg. Подкупает масштабируемость , эффекты и фильтры, возможность обработки javascript и css. Я и background-image теперь иногда делаю с svg. Но сверлит мысль о недостаточной браузерной поддержке. Взглянешь потом чем-нибудь, всплакнёшь(сразу времена IE6 вспомнились, гореть ему в аду! ) и придётся переделывать.
Я фрилансер, всегда один. О новинках и тенденциях только и узнаю от блогеров.
Так как с svg? Не рано его широко юзать? А то я подсел...
Криво все равно, когда меню выдвигается секции сдвигаются, и то что выходит за пределы контейнера не видно, но там то есть что то, и получается что часть секции не видно нужно было сделать немного по другому отодвинуть секции и уменьшить размер на 30% по идее так должно работать хорошо
Поддерживаю
width: calc(100% - ${(p) => (p.active ? 180 : 0)}px);
Сделайте подробный урок по Js пожалуйста
Допустим! У меня кнопка меню находится слева в углу. Ии.... Мне нужно сделать так, чтобы мое меню было всегда сверху над контентом, а крестик(кнопка закрытия) была уже справа. То есть: нажимаю на бургер(он пропадает) выезжает меню( фон у меня затемнялся) и крестик был уже не рядом сменю а справой стороны экрана. Как это можно сделать ?
Программа Visual Studio Code как активировать JavaScript, не получиться у меня
Еще хороший урок можно сделать про Contenteditable
Все красиво, спасибо)
Хороший урок. Лойс
Почему в единице измерения ты использовал именно 100vh, а не 100%?
Спасибо. Удачи вам
Очень классно, спасибо!!
Артем продолжайте видео по CSS
Как сделать примагничивание при скроллинге? Например листнул вних и примагнителось туда, куда нужно.
сделай видео по оптимизации страницы под разные размеры браузеров
JS фичи было бы круто. А в CSS фичах давай аннимированый background!
Как задать скорость выезжающего меню?
Ти понимаешь что единственний кто смог мне помочь в етом почему все не ти))Если что я руский не очень хорошо знаю...
как сделать так, чтобы при нажатии на пункт меню само меню скрывалось назад?
Да поддерживаю, JS
А можно тоже самое, но только без JS?(Если такое возможно) Я его просто не учил, и не понимаю, что там.
Лысый хорош)
очень круто 👍👍👍
Как сделать так, чтобы при нажатии на ссылку в меню, секции плавно прокрутятся до необходимой?
Я ещё хотел бы увидеть JS фичи
То есть, правильно ли я понял - чтобы меню выезжало на мобильных разрешениях, то я должен весь этот CSS-код, поместить в соответствующий медиа-запрос, и убрать его с десктоп-разрешения, верно?
подскажите пожалуйста что такого делает preventDefault()?
А не проще отодвигать контент через float: right; width: calc(100% - Ширина aside(ну или вашего "выезжающего меню")px) ?
Не не брат, правильно будет "релативе"
как сделать , чтоб вместо меню был список чего та(музыки , или же друзей типа)
Привет, если контента много, то он уедет и обрежется(( Может лучше при клике на кнопку повесить доп. класс на section со своей шириной?
Мои лайки все Царские! ;)
Свайпами достаеться меню?
Как сделать сайт по типу слайдера вертикального?
Vadim P над гуглить, есть готовое решение
без подключенного jquery работать не будет, будьте внимательны
скопировал скрипт себе на комп ....и не работает
Подключили библиотеку JQuery?
Сделай на Sass, как в предыдущем спрашивал
Сделай несколько вариаций меню с категориями товаров для интернет магазина)