Курс Frontend разработчик на HTML, CSS и JavaScript: stepik.org/z/113402
@KuKu_RuKu88
4 жыл бұрын
Супер !!! Спасибо, очень помогаете.
@maga20888
3 жыл бұрын
Спасибо большое за урок!
@СергейКондулуков-з9ч
5 жыл бұрын
Исмаил спасибо. Но при помощи флекс технологии, которую я почерпнул из ваших уроков меню делается гораздо проще. Волшебное свойство флекс и меню готово. И выравнивается просто прекрасно. Ну а если к нему добавить и анимацию на css3. Плавный переход цветов и т.д то вообще будет шедевр :-) Отдельное спасибо за дочерние элементы. Мне долго не давалось это свойство css. Но вы рассказываете настолько просто и понятно, что даже такому дубу как я всё становится понятно :-) С уважением и благодарностью Сергей Кондулуков.
@izanami3134
4 жыл бұрын
Спасибо!
@Anatoldev
4 жыл бұрын
Отличный урок!!!
@Сергей-ю8б3и
5 жыл бұрын
хорошо
@titan4778
5 жыл бұрын
благодарю!)))
@maxkrutov39
6 жыл бұрын
Классно и подробно рассказано. Спасибо. Даже не знал про тег menu, и что он чем то похож на ul! Подскажите пожалуйста по поводу заданной высоты элементам. Если делать адаптивное, резиновое меню к примеру, правильно ли будет указать высоту вот так: menu li{ height: 100%; max-height: 50px; } Для того чтобы блоки становились в колонку при уменьшении разрешения экрана? Ну и потом ещё медиа-запрос сделать. Правильно ли я пишу код и рассуждаю? Заранее спасибо Вам, за Ваш ответ!
@ITDoctor
6 жыл бұрын
Высоту можно указывать в процентах или же ставить её фиксированной например height: 50px; обычно при адаптивном дизайне высота не играет никакой роли поэтому ставите её такой какая она должна быть. Зайдите на мой сайт itdoctor.xyz/ и попробуйте по растягивать и по уменьшать окно и вы заметите что все блоки меняют только ширину а высота остается такая же или сама увеличивается в зависимости от контента.
@maxkrutov39
6 жыл бұрын
Да, классно. Особенно когда верхнее меню превращается в маленький блок с полосками при сжатии. Это уже наверное JavaScript? При этом у Вас на сайте вся высота указана в px, и фиксирована? (я имею ввиду общий блок div, идущий сразу после body, в котором абсолютно весь контент, а также header, main, nav content footer). Я обычно в самом начале указываю вот так: *{ margin: 0; padding: 0; box-sizing: border-box; } body{ height: 100%; min-height: 100vh; /*Чтобы прижать footer*/ } /*Затем для общего div в котором абсолютно весь контент*/ .wrapper{ width: 100%; max-width: 900px; /*в зависимости от указанной ширины макета*/ } Подскажите пожалуйста, такая логика разметки кода правильная? Заранее спасибо Вам за Ваше внимание и потраченное время)
@ITDoctor
6 жыл бұрын
для body вообще не нужно указывать высоту так как она сама изменится когда вы создадите header, тело сайта, footer и т д. А ширину можно указать в пикселях. Либо использовать "Flexbox в CSS" - это довольно новый инструмент который создан специально для создания адаптивного дизайна. Сейчас сайты обычно делаю по принципу что весь контент находится по середине и имеет ширину 960-1300px (на больших мониторах), а по бокам просто полоски вот как тут yadi.sk/i/xtkYdnPZ3T8Vx9. если вы обратите внимание то сайт ВК тоже сделан именно так. А вообще рекомендую ознакомиться с Flexbox, в дальнейшем у меня на канале будет видео и про него, а уже скоро про верстку с помощью Div (спойлер: в 42 уроке по html)
@maxkrutov39
6 жыл бұрын
Спасибо Вам! Дали мне больше понимания в задании ширины и высоты. Буду ждать Ваши уроки по вёрстке с помощью div. С flexbox немного знаком, а правда что если весь сайт выполнить только на одном flexbox, это плохо скажется на его производительности? Так как flexbox работает на сложных алгоритмах и сайт будет перегружен. И что лучше всего создавать с помощью него лишь отдельные элементы?
@ITDoctor
6 жыл бұрын
Впервые слышу. На сколько мне известно bootstrap 4 работает полностью на flex'ах и очень даже быстро и просто, тем более если писать самому без использования фреймворка должно быть еще быстрей в плане производительности.
@sahat5253
6 жыл бұрын
Спасибо Вам! Дали мне больше понимания в задании ширины и высоты. Вы уже пропусли второй видео ролик про исходного кода под описание ??? не могу найти исходного кода под описание.
@ITDoctor
6 жыл бұрын
ссылка там есть под ссылкой на Twitter на яндекс диске и написано - файлы проекта
@lumeaceaiuluisrl6343
4 жыл бұрын
Лайк!
@magictutorial4087
6 жыл бұрын
Очень классные видео у тебя на каналеДля поддержки развития канала я подписался. Но вот возник вопрос который я думаю интересует не только меня : если я никогда не занимался программированием стоит ли мне начинать с твоего канала? Или начать с чего-то попроще?
@ITDoctor
6 жыл бұрын
Я рассказываю с самых азов поэтому и если вы будете смотреть все видео на моем канале по порядку (именно начиная с первого плейлиста и т.д) то вы будете постепенно овладевать всеми необходимыми навыками. В самом начале я рассказывал про редактор, мы его устанавливали и настраивали, ставили плагины после этого я рассказывал про сайты и программы которые могут пригодиться, дальше я показывал как установить open server и объяснял что это такое и зачем он нужен и вот сейчас в этом видео курсе мы изучаем html (самые простые вещи) дальше будет курс по CSS и уже можно будет создавать довольно красивые сайты при помощи Html и Css а еще дальше мы будем учить именно язык программирования Java Script тоже с самого начала от простого к сложному. Я стараюсь объяснять как можно проще и понятней и думаю что любой человек который приложит немного усилий и будет смотреть эти видео сможет во всем разобраться. Если что то не понятно вы всегда можете написать в комментарии и я постараюсь ответить как можно подробней или же сниму дополнительный видео урок.
@zakharko7720
2 жыл бұрын
Спасибо за урок! Вопрос такого плана. Вы регулярно при вводе цвета вызываете палитру в которой выбираете мышью цвет. Как это сделать? Эммет интуитивно ничего такого не дает. Заранее бдагодрен!
@ITDoctor
2 жыл бұрын
Это в редакторе emmet функция вызывается по ctrl+e насколько помню. Но я уже давно пользуюсь редактором vs code так так же есть такая палитра вызывается просто наведением мыши на цвет
@ganjackal
3 жыл бұрын
Привет заметил что у тебя в скелете вместо тега( div )стоит( nav ) как бы структура как и у большинства блогеров но это играет роль для верстки, Если да то какую а если есть видос по теме еще лучше! Спс
@gold-dk9ql
4 жыл бұрын
все круто только если б приблизил раз так в 5 6 - а только учусь ))))
@ITDoctor
4 жыл бұрын
Старое видео. Тогда я еще не был к сожалению просвещен во всех нюансах
@gold-dk9ql
4 жыл бұрын
полезного много !
@vudaylik6111
6 жыл бұрын
Сделай фон как в VK и гуляй полем
@Don_Kingg
Жыл бұрын
ЧТО ДЕЛАТЬ ЕСЛИ ПРИНАЖАТИЕ НА ТАБ li*5>a[href=#link$]{link $} НЕ СТАНОВИТСЯ НОРМАЛЬНЫМ
Пікірлер: 33