3 ай бұрын
3 ай бұрын
3 ай бұрын
7 ай бұрын
10 ай бұрын
10 ай бұрын
10 ай бұрын
Жыл бұрын
Пікірлер
@akhmad_goytinski 24 күн бұрын
Спасибо! Всё нужное без лишнего! С уважением к Вам Ахмад Гапурович
@firstlast493 2 ай бұрын
10:22 Благодаря переменным можно понимать, где какой из четырёх оттенков белого использовать.
@mikhaildolgov 2 ай бұрын
Спасибо!
@ОнуфрийНечепуренко 2 ай бұрын
Гора родила мышь. После стольких лет развития препроцессоров и практики их применения, разработчики CSS сделали какой-то свой костыльный вариант, который во всём хуже препроцессоров.
@Illuwiel 2 ай бұрын
Клас! Если дошлифуют до полноценной замены САСС будет меньше возни. Мне кажется будет удобнее и быстрее. Спасибо за видео! Понравилось!
@mikhaildolgov 2 ай бұрын
Спасибо!
@ElenaBerzina 2 ай бұрын
Очень полезное видео, спасибо)
@noname-qs3yg 2 ай бұрын
Спасибо!
@mexvision-3556 2 ай бұрын
Мне кажется момент с модификаторами был раскрыт не полностью, очень абстрактно, он хорошо бы ложился на кнопки. Не нужно создавать классы для каждой кнопки отдельно, если схожи и отличаются только цветом (как в примере). Создайте общий класс (блок) .btn, и добавьте класс .btn--blue (модификатор). Обычно модификаторы обозначаются как {класс к которому относится модификатор}--{название модификатора} и переопределяют\добавляют некоторые свойства блоку или элементу. Да, через двойной дефис. Это позволяет быстро добавлять модификаторы элементам, а также исключает ситуацию, когда мы модем использовать модификатор не в том месте где предполагалось, так как у модификатора всегда есть префикс в виде класса блока для которого он предназначен. Таким образом мы будем иметь следующую картину: блок .btn будет иметь модификаторы (.btn--blue, .btn--yellow, .btn--green). Модификаторов может быть несколько. К примеру <a href="/" class="btn btn--yellow btn--bordered"></a>. Что означает, у нас будет кнопка, она будет желтой, и она будет не залита цветом и иметь рамку. Убрав всего 1 модификатор btn--bordered мы получаем желтую залитую цветом кнопку. Это очень важная тема для полного понимания БЭМ.
@РоманЧеботарёв-л5т 3 ай бұрын
Талантливый преподаватель😊
@РоманЧеботарёв-л5т 3 ай бұрын
Роман, спасибо за ролик. Расскажи ещё про плагины полезные для vscode
@tutproweb 3 ай бұрын
тут kzbin.info/www/bejne/j4KYeGhraMSAq5Isi=h0j_kmvGeSNb2dgH
@ОлуксійСергіїович 3 ай бұрын
Роман купи микрофон нормальный )
@tutproweb 3 ай бұрын
Как только ваших донатов будет достаточно - куплю обязательно)
@user-frond-end_dev 3 ай бұрын
порожняк
@tutproweb 3 ай бұрын
"Порожняк", потому что...? Хотелось бы услышать факты, чтобы делать видео лучше.
@user-frond-end_dev 3 ай бұрын
@@tutproweb некоторые твои советы, некорректны и введут в заблуждение новичков
@user-frond-end_dev 3 ай бұрын
@@tutproweb сколько времени практикует вёрстку? Твой почерк говорит о том, что ты фрилансер
@tutproweb 3 ай бұрын
Думаю, время которое я верстаю не имеет значения. Я готов обсуждать все замечания, если они будут по фактам, а не голословные фразы "Ты даешь неверные советы", "Твои советы неправильные", " Твои советы вводят в заблуждение новичков" или "порожняк". Продолжим диалог?)
@shokerface4173 3 ай бұрын
@@tutproweb а как надо надо вообще с классами работать дай совет пж или ссылку на источники как нибудь? чето я вообще не догоняю как это работает
@mikhaildolgov 3 ай бұрын
Спасибо!
@mikhaildolgov 3 ай бұрын
Спасибо за Ваш труд.
@mikhaildolgov 3 ай бұрын
😎👍
@Krylowandrey 3 ай бұрын
19% Браузеры уже внедрили данную технологию?
@tutproweb 3 ай бұрын
Вы о какой именно технологии? caniuse.com/css-display-contents CSS display: contents - 96.98% caniuse.com/mdn-css_properties_display_multi-keyword_values CSS property: display: Multi-keyword values - 90.4%
@Krylowandrey 3 ай бұрын
@@tutproweb на 7 минуте, поддержка синтаксиса display: block flex; display: inline flex
@tutproweb 3 ай бұрын
Вот, по второй ссылке в моем сообщении выше статус поддержки. Уже 90.4% браузеров поддерживают.
@Krylowandrey 3 ай бұрын
@@tutproweb а, ну тогда всё ок ))
@АнтонГригорьевич-ф3з 3 ай бұрын
Спасибо за полезный материал! Хорошее вышло пособие по Grid. А как называется тема редактора кода, очень приятная для глаз?
@АнтонГригорьевич-ф3з 3 ай бұрын
Bearded theme ?
@tutproweb 3 ай бұрын
Спасибо) Да, именно она, Black & Emerald
@IvanKeats-q3q 4 ай бұрын
где учить JS ?
@tutproweb 4 ай бұрын
1) learn.javascript.ru/ - тут плюс минус адекватно по темам разбито и задачи есть на практику. 2) Любые источники в ютубе и интернете на тему "что-то там курс js" 3) Последнее, но не по важности - чтение документации. Как вариант на MDN.
@useruser-j7l8d 4 ай бұрын
14:00 как он так сделал?)
@webheropro 5 ай бұрын
Спасибо большое за ваш труд 😎🫡😉
@RustemmKh 6 ай бұрын
Про схлопывание margin не рассказали.
@tutproweb 6 ай бұрын
Там очень много нюансов. Оно не всегда и везде схлопывает. Возможно запишу отдельное видео по отступам и там уже раскрою вопрос.
@bikadV 6 ай бұрын
Автор, пожалуйста увеличивай шрифт в редакторе когда записываешь свои видео! Мы ведь не на весь экран разворачиваем, нам ведь еще и в редактор все надо записывать!
@ИгорьОнисенко-ч9й 6 ай бұрын
Ход выполнения отличается от большинства уроков. Но логика и структура очень понятная. Спасибо вам.
@tutproweb 6 ай бұрын
Спасибо за ваш комментарий. Приятно, что зрителям заходит )) Подаю так, как делаю сам. Конечно, на практике весь процесс делается для каждой отдельной секции/блока сайта последовательно: разметка + классы, стилизация шрифтов, расстановка. Но в видео решил разбить на тематические блоки.
@СофьяБурлакова-ж1о 6 ай бұрын
Скажите пожалуйста, если я Ginny и мне около 60 годочков , и пока я начинаю что то делать( и это жуть как интересно, но так сложно - ведь я только три месяца как мышку в руки взяла) Так вот , по идее всё вполне понятно , но меня мучает вопрос , ведь чтобы что то подключить , надо что то иметь - верно ли что если я напишу тег style, то автоматически получится создать красоту? Или где то , что то надо ещё найти и к себе утащить ?
@tutproweb 6 ай бұрын
Здравствуйте. когда вы пишете тег style - этим вы говорите браузеру, что собираетесь сделать красоту) Дальше вам нужно писать css для элементов страницы, чтобы они начинали становиться красивыми. Надеюсь правильно понял ваш вопрос)
@СофьяБурлакова-ж1о 6 ай бұрын
@@tutproweb Спасибо.
@digidon727 6 ай бұрын
Познавательное видео касательно нормализации и сбросов стилей. Хотелось бы увидеть ваш вариант фала reset.css и normalize.css. Надеюсь в будущем будет видео на данную тематику более с подробными примерами.
@tutproweb 6 ай бұрын
Очень приятно, что вам заходит контент, который я для вас делаю. В моем плане для бесплатного доступа пока не предвидится возврата к теме нормализации и сброса стилей. Но, если вдруг аудитория выскажет большое желание, например, в виде донатов,- я конечно же обязательно запишу такое видео с детальным разбором.
@digidon727 6 ай бұрын
Интересное видео, но хотелось бы увидеть вторую часть где будет включены плагины для Scss, JS, Tailwind, SVG и Image.
@tutproweb 6 ай бұрын
А это все) Для остального плагинов у меня нет. Мне как-то и не нужно для остального.
@digidon727 6 ай бұрын
@@tutproweb Получается вы работает в основном с php?
@tutproweb 6 ай бұрын
Верстка: html+css+js. Верстаю часто со сборщиком gulp+webpack, тут же и настраиваю компиляцию sass, и минификацию картинок и другое. Очень часто с CMS WordPress, а это php. Tailwind не использую по причине того, что быстрее написать свои решения для уникального дизайна, чем менять компоненты Tailwind. С SVG руками работаю. Больше ничего и не нужно.
@digidon727 6 ай бұрын
@@tutproweb Gulp очень классно решение для разработчиков. Очень быстро можно делать разработку сайтов. Что можете посоветовать после изучения базовых знаний по HTML, CSS, JS. Куда дальше двигаться? Просто я сейчас практикуюсь в переносе верстки на CMS. Также есть базовые знания в PHP и БД. Писал парк проектов с нуля на HTML, CSS, Bootstrap, JS, PHP, SQL.
@tutproweb 6 ай бұрын
Если говорить про front end, то однозначно нужно изучить следующее: - React или Angular или Vue - TypeScript и/или аналоги - решение/библиотека для ServerSideRender - понимание работы серверов, умение написание простого сервера на node.js для понимания работы, другие базы данных (Монго например)
@userkakashkoed 6 ай бұрын
самый приятный гайд который я видел, смотрел не моргая
@ЮрийБарабаш-г4д 7 ай бұрын
55:04 font-family убрать пробелы (возможно). Не подключились шрифты у Вас. Привести в соответствие @font-face, font-family and link.
@MentorYoudo 7 ай бұрын
Полезное видео, настроил свой vsc, спасибо
@Andrew-i5r 7 ай бұрын
Благодарю за полезную информацию🤝 Был бы вам очень признателен за предоставление вашего варианта файла сброса и нормализации для изучения.
@tutproweb 7 ай бұрын
В описании к видео оставил пару ссылок на такие файлы для изучения.
@alexlisouski4069 7 ай бұрын
использование атрибутов id разве обязательно для семантики? а классы? или это от ситуации зависит?
@tutproweb 7 ай бұрын
Привет. Нет, для самой семантики не обязательно. ID и классы вообще к семантике не относятся. Семантика - это подход в разметке - использование правильных тегов. А остальное нужно для стилизации или обработки через JavaScript.
@evgeniikiryshkin6949 7 ай бұрын
Отлично. Очень заходит структурирование верстки!!!
@evgeniikiryshkin6949 7 ай бұрын
Как долго я искал такое толковое, поэтапное объяснение. 10 из 10!!!
@user-sh6tu3mu7j 7 ай бұрын
в последнем section в обеих кнопках будет правильнее вместо "<" и ">" прописать < и >
@deanwichester6412 7 ай бұрын
Голос похож на ведущего канала про еду
@deanwichester6412 7 ай бұрын
Demi Murych хорошо расказывает про симантику ,что основа всего section и article
@lagom1112 8 ай бұрын
Привет можешь сделать видео о своих дополнениях в vs code
@tutproweb 8 ай бұрын
На неделе постараюсь записать.
@papo4kacleo 8 ай бұрын
Хочу дізнатися що це за розширення чи програму ви використовуєте для перегляду структури сайту. Відгукніться будь ласка
@papo4kacleo 8 ай бұрын
вже замітив у вашому відео, дякую
@Guy_161 8 ай бұрын
Оборочивание текста в дивы в место <р> это нарушение семантики?
@tutproweb 8 ай бұрын
Это не то, чтобы ее нарушение. Это ее отсутствие. Для текста есть много семантических тегов. Для параграфа - <p>, для цитаты - <blockqoute> и многие другие.
@errorerror3564 8 ай бұрын
Спасибо за стартовый урок
@violent4619 8 ай бұрын
а что за программа в которой автор прописывает строки?
@tutproweb 8 ай бұрын
VS CODE. code.visualstudio.com/
@ArturasMoisiejenko 8 ай бұрын
Большое спасибо. Вы лучший.
@andreashalter7468 8 ай бұрын
Весьма информативно. Такой формат полностью закрывает вопрос 👍
@emilhuseyn6158 8 ай бұрын
Благодарю
@dansolo7669 8 ай бұрын
Автор, знай, место в раю тебе зарезервировано. Спасибо тебе за информацию лучшие объяснения из всего ютуба
@user-et6pj2ed1k 8 ай бұрын
На просмотре єтого видео и закончилась последовательная логическая цепочка в моей голове( А так все хорошо начиналось)(
@kv3453 8 ай бұрын
Так у них там по моему и сокращения типа btn не рекомендуется писать общем там с их названиями классов скоро и самой страницы html не видно будет все классами исписано 😂
@kv3453 8 ай бұрын
Не пойму чо все так озабочены этим бэм по моему в вёрстке бэм это номер 16-й и он ни как не повлияет на ранжирование страницы и отображение , это я так понял в Яндексе придумали что бы при поддержке легче было втыкнуть где какой класс но там они по-моему ещё часть возможностей css урезали типа универсальный селектор и ещё чего-то а с другой стороны обращать на разработанную Яндексом методологию типа чо прям обязуха ? Плюс читал статью там автор озаботился и выяснил что регистрация самих классов которыми по бэм истыкают всю вёрстку соизмерима со скорость прохода дополнительной итерации при вложенности . Общем фонарь это 🙂
@user-bn2fy6zz1s 8 ай бұрын
Спасибо за развёрнутые ответы С наступающим)