Много негативных коментов, и многие из них вполне резонны. Но, не знаю, заметили ли вы, автор говорит с новичками на языке новичков? Да, Sorax разложил бы круче и терминология добавила б экшна, но новичок его поймет не сразу, если вообще поймет. Данный видос точно нельзя назвать бесполезным, автор хорошо изъясняется, на доступном уровне под начинающих. А отцов верстки попрошу выносить свой опыт и энергию в своих проекты, а не в обгаживание видео-уроков. Ездили 10 лет на ланосе, второй месяц как пересели на кэмри и запели песню "ланосы для лахов!! ведра гаечные! ". Спасибо, лайк.
Плохо, когда ты ездишь на Ланосе (или Приоре) и не считаешь что это гаечное ведро для лохов. Никакой самокритики - это ж отвратительно! Хотя подсознательно ты ж всё равно понимаешь, что десятки моментов тебя напрягают и бесят, но всё равно будешь кушать свой кактус, и всем рассказывать, что вот Ланос - для трушных пацанов, а камри - для бап.
Не нашёл подобного коммента, поэтому пишу сам. Собственно, о чём в ролике идёт речь: 1) стоит использовать современные текстовые редакторы с плагинами или полноценные IDE; 2) следует называть классы по-английски без сокращений и так, чтобы название отражало суть объекта; 3) не нужно создавать классы для блоков, теги которых уже имеются в html (header, footer, nav, main и т.д.); 4) выносите стили в css, а не прописывайте их в атрибуте "style" для тегов; 5) тег на странице должен быть только один; 6) используйте строчные элементы внутри блочных, а не наоборот (подробнее на 5:22); 7) используйте атрибут "alt" для изображений, описывая в нём контекст; 8) проверяйте страницы валидатором.
2) иногда сокращения нужны, например, кнопку можно назвать btn_green, вместо button_green. 3) можно и создать, кому как удобно. Например, nav может быть несколько, в шапке, в сайдбаре, в футере. Можно конечно писать footer nav a {идут стили} и так каждый раз для сайдбара и хедера, а можно дать один класс и отталкиваться от него, это уменьшит размер кода. Тоже самое для тегов section, их на странице может быть множество, как-то же их надо определять.
@@ВикторТрунов-ю9у, если вёрстка будет состоять только из одних классов, то это не вёрстка будет, а каша. Разумнее использовать и id, особенно там, где это применяется только однажды. А class использовать там, где много раз повторяются объекты, например, Главная Об авторе Статьи Обратная связь Что касается редактора, то каждый выбирает что - то своё. Я использую Notepad++ и мне он нравится больше чем раздутые до круглого пузыря редакторы. Notepad++ очень хорошо подходит для новичков. теги тоже никуда не ушли, они и до сих пор работают, и с ними тоже верстаются сайты, но их просто меньше стали использовать, а так они остались, никто не отменял их.
Я как интересуешься личность новичок очень понравился. Не мямлил, не бросался слишком много умных слов которых не поймешь, коротко и ясно, все самое нужное объяснил для начинающих. чтобы не наступали на эти грабли. Даже появился желания учится под его уроки. Большой лайк. пусть старается в том же духе и больших успехов в этом.
Вообще красава, всё чётко и по сути. Допольнительный плюс за то, что упомянул сео оптимизацию). Работаю сео оптимизатором, исправляю on-page после недоумковатых разработчиков которые пользуются H-тегами для визуального украшения текста
Охх. Да ошибки надо изучать сначала пути. Я вообще 2 месяца ерундой занимался. Прикольной но ерундой))) даже видео на канале записал тоже можете глянуть. Всем рад. Спасибо много информации. Я выучил сам html css. Bootstrap и все с нуля. И теперь сайты делаю. Делюсь на своем канале ссылками и уроками. Думаю любой пройдя этот путь сможет. Автор красава. Лайк и подписка.
Еще совет. В больших проектах под цаета и шрифты используйте разные классы, например class="my-block my-block-color my-block-font" Заказчик может попросить поиграться со шрифтами и цветами, а когда один цвет и шрифт присущ нескольким элементам, менять их стили можно довольно быстро
Если не нравится sublime и у вас винда, то попробуйте Visual Code, он более приближен к ide типа idea или eclipse. Мне, как программисту java c# он понравился больше.
@@ПатрикАнтунович Проблема не на Вашей стороне. Нет горе-учеников (плохих учеников), есть горе-учителя (плохие учителя). Оксфорд и кембридж и их грамматики, т.е. вся методика преподавания английского в мире от этих школ - и есть глухое попадалово. Я в этом разобрался сам и сейчас пробую объяснить это на своей странице в Fb, приглашаю.
Примерно к такой же логике (что английский неправильно преподают - только сложнее делают его изучение) я пришел сам в процессе освоения. Многое в нем вводится искусственно и только усложняет процесс изучения. @@vsevolodabaturov4661
пользуюсь модифицированным SciTE и мне этого хватает. называю классы как хочу и не путаюсь. никогда не пользуюсь симантическими тегами. прописываю стили в атрибуте style для большенства случаев. не пользуюсь тегами. добавляю блочные элементы в строчные. плевать хотел на атрибут alt. а лучший валидатор это я сам. за все эти годы проблем с производительностью не возникало никогда, а если кто то не может разобраться с моей вёрсткой то это его проблемы
Это всё круто ровно до тех пор, пока заказчик не засунет твоё творчество в валидатор, не не увидит там зелёной галки и не не примет твою работу. В итоге ты потерял время и репутацию, зато сам себе режиссёр. :)
Ожидала услышать именно ошибки в приемах верстки (которые влияют на адаптивность, на гибкость кода в плане его изменения в будущем), про некорректные "некрасивые" приемы. Именно с этим у меня, как у новичка, больше всего проблем.
Основные ошибки 1. Не использование современного редактора кода : 01:40 2. Название Классов : 02:57 3. Не использование Семантических тегов : 03:46 4. Не использовать стили в html коде: 04:17 5. H1 : 04:59 6. Использование блочного элемента внутри строчного : 05:23 7. Нет 7 ошибки 8. Рекомендация использование валидатора : 06:32
Самая главная ошибка: учится вёрстке на твоём канале, аргументы: 1) частое использование идентификаторов не по смыслу 2) переопределение стилей, потому что забыл что раньше задавал 3) Засорение глобальной области видимости 4) Неуместное использование флексов где можно было обойтись без него 5) Стили который не нужны для блока, например в плейлисте адаптивная вёрстка для блока задаётся width: 100%; и margin: 0 auto 6) стили по умолчанию Не стоит задавать height: auto, если по умолчанию оно и так auto 7) Использование фиксированный высоты блока, высота блока должно формироваться в зависимости от содержания внутри блока 8) не очищается блоки (clearfix) после использования свойства float 9) Привязка функции прямо на html документа 10) вёрстка не по БЭМ 11) это можно не считать аргументов но стоит сказать: надо показывать промежуточные результаты того что ты написал а не писать 100 строк кода и показать результат работы в браузере, новичков ведёшь а ступор
Спасибо за советы ! (Поддерживаю) примерно месяц назад перешел на sublime text, установил нужные мне плагины, и почувствовал как он в разы упрощает работу.
Все на понятном доступном языке. Я использую редактор Geany, мне как-то в нем более удобно. По валидатору не согласен в корне, то что вы подгоните под валидатор код никак не отразится на лучшей индексации или лучшем ранжировании вашего сайта (страниц) в поисковиках. То есть валидатор, это как получить ачивку, типа вот у меня нет ошибок согласно валидатору и мы получаем счетчик типа проверено и все круто, то есть порадоваться для себя и не более.
Если использовать webstorm, например, можно обойтись без валидатора, потому что валидатор встроен в ide, и многие плагины, которые надо ставить в саблайм, в шторме есть из коробки уже
li - это блочный элемент переходить с css на scss использовать вебпак w3c валидатор - не панацея, тот же синтаксис vue он будет считать инвалидным, для отображения ошибок есть ide и линтеры
Валидатор это костыль, лучше просто использовать полноценные среды разработки. Я FullStack и просто пользуюсь PhpStorm, где уже есть все как под бэкэнд, так и под фронтэнд
Не могли бы вы напомнить есть ли отдельный урок по тому какими тегами лучше выделять разные смысловые части страницы и вообще какая стандартизация при верстке (например как с было тегом (про его разовое использование) ) ?
На счет нельзя вставлять блочный внутри строчного. Если задать то можно вставлять внутрь блочные? И внутрь блочного можно вставлять одновременно строчные и блочные?
Я бы еще добавил, что начинающие не пользуются инструментами разработчика в браузерах. например не смотрят разметку элементов. Делают разметку "на глаз" и не понимают какие отступы и поля получаются, какие атрибуты вообще не используются и их можно банально удалить, как мобильных устройствах выглядит страница.
Я бы добавил как ошибку начинающего это не смотреть как сделано у других. Нужно всегда "вставать на плечи" предыдущим работам, и копипаст копипаст, конечно с разбором позаимствованной идеи для развития себя.
"БУДЬ ТЫ ПРОКЛЯТ" ))))) Я из-за ТЕБЯ решил стать программистом...Для начала - верстальщиком, а, уж потом, как карта ляжет. И это в 30+ с хвостиком...... Жил себе спокойно, не вспоминал прошлое, где когда-то баловался....не писал полноценные сложные проекты - а баловался этим, увлекался. Из-за определенных казусов и превратностей судьбинушки - пришлось забросить все и приземлиться в более просто области и профессии....И тут, нашел ТВОИ видео - чтоб тебя ))))))))))))))) Не знаю, но ТЫ, даже минусы работы программистов преподносишь так, что хочется в это все окунуться с головой.... Начал снова изучать HTML/CSS.....Даже на Javascript стал дурно косить глазом.... Кругом знакомые говорят, что я ***улся под старость. И о том, что в таком возрасте, если не стать Билл Гейтсом - никуда работать не примут, мол - слишком поздно и возраст не подходящий (внегласное правило корпораций и компаний IT). Читаю книжки, смотрю раз за разом твои видео...и понял одно, - плевать на мнение и предрассудки окружающих, прорвемся.
А где работал до этого? Мне 32. Тоже ебнулся на "старости" лет ))) А вообще готовься, что тебя будут топить. Это во всех сферах так. Это сущность людская ))) Ты в правильном направлении. Сейчас только рассвет ИТ сферы. Вакансий будет становиться все больше. Другие профессии будут наоборот сокращаться. Но придется находиться в перманентном обучении.
Но я почему-то везде натыкался на информацию, что при вёрстке с использованием семантических тегов HTML5 *допускается* повторное использование тега и поисковики это отлично могут понять и разобрать. Так чему верить то?
Всем здравия! Заранее прошу прощения за вопрос не по теме. Занимаюсь созданием интернет-магазина для торговли одеждой, обувью и аксессуарами. Приобрела шаблон сайта, написанного в стандарте wordpress (плагин woocommerce). При настройке сайта мой веб-дизайнер столкнулся с проблемой отображения цен и стоимости товара в корзине. Изначально в шаблоне была настройка отражения на сайте цен без НДС. А мне нужно с НДС. Когда веб-дизайнер сменил настройку (чтобы цена включала НДС), цены на товары в магазине стали отражаться с НДС, но при просмотре корзины со страницы отдельного товара общая стоимость выбранного товара, которая рассчитывается, исходя из количества (SUBTOTAL), по-прежнему показывается без НДС. Кроме того, если зайти в корзину для совершения покупки, в строке «общая стоимость» (TOTAL) В ОДНОЙ СТРОКЕ отражается общая стоимость товара, рассчитанная с НДС, + в скобках сумма НДС и далее идет запись, что стоимость включает НДС (масло масленое) . Это очень не удобно для восприятия клиентов. Мой веб-дизайнер говорит, что исправить нельзя (таковы возможности выбранного мною плагина). Возможно, что дело не в ограниченных возможностях настроек выбранного мною шаблона сайта, а в компетенции моего веб-дизайнера (учитывая, что вопрос с включением НДС в цену товара не является чем-то уникальным). Поэтому у меня вопрос к вам: можете ли вы посоветовать дополнительные настройки в woocommerce (как корректно настроить цены товаров, чтобы они отражались с НДС), а в случае невозможности, - дополнительный плагин (можно даже платный), который можно прикрутить к имеющемуся, чтобы в корзине товаров корректно отражались и цены товаров (с НДС), и сам НДС (отдельной строкой), и общая стоимость покупки (чтобы была просто указана общая стоимость без дополнительной информации в скобках). Заранее прошу прощения за свой птичий язык дилетанта. Надеюсь, что вы поняли мою проблему. И еще заранее благодарю всех за ответы/советы/ помощь!
Сделайте видео о всех семантических тегах с подробными примерами о том какую информацию можно помещать в тот или иной тег. А то везде указывается,как пример, что в стоит помещать новостную статью, а о других видах информации для ничего нет.
Алексей ,здравия , мне 40 хочу верстать , к программированию днла не имел, подскажите с чего начать для плодотворной работы, хочу. Как можно быстрее перейти к работе…
Мне кажется, что лучше, по крайней мере по началу, использовать простенькие редакторы. Например, notepad++, чтобы больше кода писалось от руки, для лучшего запоминания. Если, конечно, в этом есть нужда.
Александр Гончаров не-а, когда учишься, весь код надо писать самому, иначе это плохо усвоится и через некоторое время ты это забудешь. А когда уже изучил все и уже работаешь, то нужно использовать эти инструменты
@@STRELOK-wq6on Согласен с вами, пока учишься лучше все писать ручками, только что мешает весь код писать ручками в том же саблайме а не ломать глаза в блокноте? )))
Уже 20 лет сталкиваюсь с HTML и CSS. До сих пор себя чувствую не уверенно. Стараюсь избегать вёрстки. Но, с другой стороны я занимаюсь на сайте всем: от установки сервера и необходимого ПО, до вёрстки сайта. Так что мне простительно :)
Есть ли ошибка в том, что я совсем не указываю размеры в пикселях, используя вместо них проценты и vh? Просто мне кажется, что это достойная замена адаптивной вёрстке, так как на ВСЕХ мониторах сайт будет выглядеть так, как задумывалось...
Зависит от того, что именно хочешь получить. Бывают ситуации, когда нужны строгие размеры. Но в общем случае ИМХО действительно лучше использовать относительные единицы, учитывая нынешний зоопарк мобильных устройств с самыми разными размерами и соотношениями экранов.
Автор, рекомендую тщательнее готовить видео. В частности на 6 минуте, где ты говоришь про блочные и строчные элементы. В качестве примера показываешь, что нельзя вкладывать в тег ссылки заголовок a>h2 в нужно h2>a так вот почитай спецификацию html5 доктайп которого ты так смело и по умолчанию пишешь уже не один год, в которой написано, что в html5 ссылкой можно оборачивать и блочные и строчные элементы. В целом про блоки и строки сказал верно, просто пример выбрал не удачный, толь от не знания толи по какой то другой не ведомой причине...
@@Beast8833 дааа? а где это написано? ссылку на стандарт в студию! без нее твои слова всего лишь твое личное мнение, не подкрепленное ничем... и расскажи ка мне еще с аргуметом в виде ссылки чем таким страшным кроме семантической нагрузки отличается article от обычного div?
@@Beast8833 не не не, дурачек тут по ходу ты, я то разметку сделал и валидатором проверил, на всякий случай) а вот от тебя я сейчас никаких весомых аргументов не увидел) ты сначала докажи правоту своих слов а потом людей дураками называй, хотя лично я тебя не оскорблял...
Уважаемый, Web Developer Bloger, Вы отстали от жизни. В HTML5 специально предусмотрена такая вещь, как вкладывание блочных элементов в строчные. И конкретно, для тэга . В него разрешено (и это становится всё популярней) вкладывать блочные элементы.
На счет нельзя вставлять блочный внутри строчного. Если задать то можно вставлять внутрь блочные? И внутрь блочного можно вставлять одновременно строчные и блочные?
касательно Н1, даже если страница не индексируемая, то лучше сохранять ее корректность, поскольку Н1 используется скринридерами, тут ситуация аналогичная семантическим тегам -- они существуют не просто так, как и единственный Н1.
Дружище, а как заказать у тебя вёрстку? Ты берёшь заказы на вёрстку? Очень понравилось что твоё мнение совпадает с моим, а то попадаются горе верстальщики которые даже к img не ставят alt и title.
Ваш вопрос вообще не по теме этого видео. Видимо, речь идёт о работе с базой данных? Вопросительные знаки могут появиться от несовпадения кодировок - в MySQL, например, такое есть. Если ваша база, таблица в ней или же соединение с базой в кодировке Latin1 (это поведение MySQL по умолчанию), то вы туда не сможете вставить нелатинские символы, то есть, ни кириллица, ни грузинский алфавит не смогут быть сохранены в таком случае и всё, что не укладывается в Latin1, будет преобразовано в вопросительные знаки. Для того, чтобы не терять нелатинские символы, достаточно везде использовать юникод. С юникодом MySQL работает странно - обратите внимание, что кодировка UTF-8 там называется utf8mb4. То, что в MySQL называется utf8 - это не настоящий UTF-8, а лишь его подмножество с длиной символов не более трёх байт: кириллица туда поместится, а всякие модные смайлики - нет.
Насчёт редактора, если ты только начинаешь заниматься вёрсткой то да - редактор пригодится, а если гавнокодиш уже более 10 лет то и блокнота типа нотпад++ предостаточно, ито только для подсветки синтаксиса =)) А насчёт писания стиля внутри кода не соглашусь! По хорошему да, его нужно выносить в css, но если у тебя идёт генерация и какие-то уникальные параметры задаются из админки - от этого никак не убежать! 2-также по опыту, часто бывает такое что какой-то класс используется еденично и его проще засунуть в само тело документа. чем в общий список и потом вспоминать - нафига он нужен и где он используется!
Я использую тег "секция" для выделения одного большого смыслового блока, там где этих блоков много. Например секция "наши преимущества", "контакты" и тд. Тег "статья" на странице где шаблон чтения одной новости, статьи.
Советую: 1)В начале лучше использовать Notepad ++, для запоминания тегов. 2) Когда станишь junior разрабом ужи можно использовать разные IDE, типа Vs code, sublime Text, и тд.
@@shodiev777 я не пишу ничего супер глобального, но пользуюсь редактором с подсветкой несколько лет. Мне хватает. VS есть, но мне к нему трудно привыкнуть.
Это не редактор кода саблайм и его плагины а конкретно emmet. Новичку противопоказано использовать emmet, на бумаге нет emmet-а, когда вас попросят написать код на бумаге во время собеседования, тут и все закончиться если вы использовали емет сразу по старту карьеры.
Еще как пишут. И не только html, но также и js и все остальное. И этот критерий четко отличает на собеседовании тех, кто реально что-то делает от копипастеров.
Можно запилить современные методики при верстке, в т.ч. адаптивной. Например, везде задают размеры шрифта в rem и прочее подобное. Ну а саблайм какаха конечно. В том же VSCode эммет искаропки работает.
Веб разработка серьезного продукта довольно сложный и трудоемкий процесс, все работа сложна. Но я обычно все упрощаю, сделать что-то универсальное гораздо прибыльнее какого-то определенного направления. Взять идею, хорошую идеию которая может двигаться во всех направлениях и дальше в зависимости от предпочтений начинать движение, но естественно нужно соотношать свои средства к возможностям. Если мой бизнес будет удачен, то возможно я напишу книгу или сделаю видео туториал)
С CSS я не согласен. Чем больше подключаешь CSS, тем больше нагрузки идет на сервер. Кроме того, CSS нужно сжимать, для более быстрого отображения стилей. Личто я, чтобы удовлетворить тот же Google Pagespeed, стили хедера, закрываю в в. Остальные стили таким же способом перед началом блока того или иного элемента. К примеру стилям футера незачем обрабатываться в их лучше кидать в футер. Стили страницы со статьей - только в шаблоне статьи. Зачем им быть на главной странице? Слушайте, я больше самоучка, но не раз слышал о надобности подгружать новые файлы стилей под каждый блок. Зачем?
И в случае, если тебе нужно изменить цвет фона на всех страницах, или сделать футер чуть выше, ты пробегаешь по всем страницам в редакторе и меняешь значения? Это может быть быстрее, но время твоё явно не будет экономить.
ахуеть, вот это спасибо, спасибо что рассказали мне про то что нужно правильно называть переменные и использовать не ёбанный блокнотик, автор, ты когда такие видео записываешь, ты рили думаешь что тебя смотрят аквариумные рыбки?
С сокращениями имен классов не согласен. Бутстрап половину сокращает до 1 буквы, html вааще весь в сокращениях, на полноименном xslt руки отобъешь набирать. Ест же firebug. Там и смотрим классы.
Много негативных коментов, и многие из них вполне резонны. Но, не знаю, заметили ли вы, автор говорит с новичками на языке новичков? Да, Sorax разложил бы круче и терминология добавила б экшна, но новичок его поймет не сразу, если вообще поймет. Данный видос точно нельзя назвать бесполезным, автор хорошо изъясняется, на доступном уровне под начинающих. А отцов верстки попрошу выносить свой опыт и энергию в своих проекты, а не в обгаживание видео-уроков. Ездили 10 лет на ланосе, второй месяц как пересели на кэмри и запели песню "ланосы для лахов!! ведра гаечные! ". Спасибо, лайк.
С начала, хотел вступить с тобой в спор, но посмотрев на название видео желание пропало)
Щас бы ланос на газу иметь... Кому какая разница какая у тебя тачка если 100км тебе обходятся в 93 грн.
Плохо, когда ты ездишь на Ланосе (или Приоре) и не считаешь что это гаечное ведро для лохов.
Никакой самокритики - это ж отвратительно!
Хотя подсознательно ты ж всё равно понимаешь, что десятки моментов тебя напрягают и бесят, но всё равно будешь кушать свой кактус, и всем рассказывать, что вот Ланос - для трушных пацанов, а камри - для бап.
Не нашёл подобного коммента, поэтому пишу сам.
Собственно, о чём в ролике идёт речь:
1) стоит использовать современные текстовые редакторы с плагинами или полноценные IDE;
2) следует называть классы по-английски без сокращений и так, чтобы название отражало суть объекта;
3) не нужно создавать классы для блоков, теги которых уже имеются в html (header, footer, nav, main и т.д.);
4) выносите стили в css, а не прописывайте их в атрибуте "style" для тегов;
5) тег на странице должен быть только один;
6) используйте строчные элементы внутри блочных, а не наоборот (подробнее на 5:22);
7) используйте атрибут "alt" для изображений, описывая в нём контекст;
8) проверяйте страницы валидатором.
Gertsog валидатор для слабаков)
Пасибо)
2) иногда сокращения нужны, например, кнопку можно назвать btn_green, вместо button_green. 3) можно и создать, кому как удобно. Например, nav может быть несколько, в шапке, в сайдбаре, в футере. Можно конечно писать footer nav a {идут стили} и так каждый раз для сайдбара и хедера, а можно дать один класс и отталкиваться от него, это уменьшит размер кода. Тоже самое для тегов section, их на странице может быть множество, как-то же их надо определять.
Спасибо огромное, а то я уже собирался закрывать видео от излишка воды
@@ВикторТрунов-ю9у, если вёрстка будет состоять только из одних классов, то это не вёрстка будет, а каша. Разумнее использовать и id, особенно там, где это применяется только однажды. А class использовать там, где много раз повторяются объекты, например,
Главная
Об авторе
Статьи
Обратная связь
Что касается редактора, то каждый выбирает что - то своё. Я использую Notepad++ и мне он нравится больше чем раздутые до круглого пузыря редакторы. Notepad++ очень хорошо подходит для новичков. теги тоже никуда не ушли, они и до сих пор работают, и с ними тоже верстаются сайты, но их просто меньше стали использовать, а так они остались, никто не отменял их.
Я как интересуешься личность новичок очень понравился. Не мямлил, не бросался слишком много умных слов которых не поймешь, коротко и ясно, все самое нужное объяснил для начинающих. чтобы не наступали на эти грабли. Даже появился желания учится под его уроки. Большой лайк. пусть старается в том же духе и больших успехов в этом.
Как успехи?
@Ast Kch сегодня выложил новые проекты по строительтву на сайты по работе.
Начало на 1:40
Начало на 0:00
XD
удивлен
продлил жизнь на 1 минуту
тоже хотелось такой камент сделать, напилась воды на 1 минуту 40 сек
Вообще красава, всё чётко и по сути. Допольнительный плюс за то, что упомянул сео оптимизацию). Работаю сео оптимизатором, исправляю on-page после недоумковатых разработчиков которые пользуются H-тегами для визуального украшения текста
Все, на что НЕ ругается валидатор W3, является правильной разметкой в том числе и строчный в котором лежит куча
Верно
Охх. Да ошибки надо изучать сначала пути. Я вообще 2 месяца ерундой занимался. Прикольной но ерундой))) даже видео на канале записал тоже можете глянуть. Всем рад. Спасибо много информации. Я выучил сам html css. Bootstrap и все с нуля. И теперь сайты делаю. Делюсь на своем канале ссылками и уроками. Думаю любой пройдя этот путь сможет.
Автор красава. Лайк и подписка.
Еще совет. В больших проектах под цаета и шрифты используйте разные классы, например class="my-block my-block-color my-block-font"
Заказчик может попросить поиграться со шрифтами и цветами, а когда один цвет и шрифт присущ нескольким элементам, менять их стили можно довольно быстро
Классный канал, молодец парень, доходчиво все и быстро объясняет. Плюсую
если картинка используется в качестве элемента дизайна, то семантически это должен быть не тег img с пустым alt, а div со стилем background-image
Есть такое дело
background-color:это CSS-фон; img: изображение
@@анатолийсильченко-я7ю ахаха) ок, спасибо
Пиздец! Нафиг это нужно?! Я против написания говнокода, но писать максимально "чистый код" не нужно. Надо делать так как легче и удобнее.
Пустые div-ы тоже не целесообразно оставлять.
Думал бесполезный видос окажется но последняя инфа стала приятной неожиданостью, неезнал про этот сервис, спасибо.
Если не нравится sublime и у вас винда, то попробуйте Visual Code, он более приближен к ide типа idea или eclipse. Мне, как программисту java c# он понравился больше.
Три. Три типа элементов :) Строчные, блочные и элементы с медиа-содержанием ;)
Слишком сложно для плебса
На самом деле их больше трёх: есть ещё table, grid, flex и т.д.)))
Привет бороде
Я из тех людей которые пользуются переводчиком чтобы назвать класс)
чтобы
Всю жизнь учу Английский и так и не знаю
как я вас понимаю)Но, есть проблема, с которой переводчик не справляется, сократил так что и не помнишь, какой класс , что обозначает. =)
@@ПатрикАнтунович Проблема не на Вашей стороне. Нет горе-учеников (плохих учеников), есть горе-учителя (плохие учителя). Оксфорд и кембридж и их грамматики, т.е. вся методика преподавания английского в мире от этих школ - и есть глухое попадалово. Я в этом разобрался сам и сейчас пробую объяснить это на своей странице в Fb, приглашаю.
Примерно к такой же логике (что английский неправильно преподают - только сложнее делают его изучение) я пришел сам в процессе освоения. Многое в нем вводится искусственно и только усложняет процесс изучения. @@vsevolodabaturov4661
Кратко и по делу, спасибо) Особенно полезно была таблица сравнения html4 и html5
Респект автору)👍
Спасибо, я хоть и новичок, но этих ошибок не совершаю )
Спасибо огромное тебе за твои труды!!!
Крепкого здоровья!
Все очень приятно и информативно!)
Спасибо за видео! Не знал, что можно только 1 раз юзать.
Это также правильный подход по отношению к SEO.
@@turtrueweb судя по спецификации, то Заголовок первого уровня можно запихать несколько. Хотя раньше считалось, что нужно лишь 1.
@@Prorok1987, да.
Отличное видео! Познавательно, доступно. И вдохновляет на продолжение обучения)
Спасибо!
пользуюсь модифицированным SciTE и мне этого хватает.
называю классы как хочу и не путаюсь.
никогда не пользуюсь симантическими тегами.
прописываю стили в атрибуте style для большенства случаев.
не пользуюсь тегами.
добавляю блочные элементы в строчные.
плевать хотел на атрибут alt.
а лучший валидатор это я сам.
за все эти годы проблем с производительностью не возникало никогда, а если кто то не может разобраться с моей вёрсткой то это его проблемы
Яйца у тебя стальные, суп ешь вилкой и тебя боится даже Чак, ты крутой))
Коммент сильного и независимого фронтера
Это всё круто ровно до тех пор, пока заказчик не засунет твоё творчество в валидатор, не не увидит там зелёной галки и не не примет твою работу. В итоге ты потерял время и репутацию, зато сам себе режиссёр. :)
Если у картинки нет alt и она несет декоративный характер, то задают её через css.
Век живи, век учись. Спасибо за подсказку про редактор.
Ожидала услышать именно ошибки в приемах верстки (которые влияют на адаптивность, на гибкость кода в плане его изменения в будущем), про некорректные "некрасивые" приемы. Именно с этим у меня, как у новичка, больше всего проблем.
Про это сделаю отдельное видео
как успехи спустя 9 месяцев?
Сергей а у тебя как успехи?
@@gorillatv577 а у тебя как успехи?
@@branilul купил Мазерати год назад
когда это тег стал строчным?
))0)
ржака
Основные ошибки
1. Не использование современного редактора кода : 01:40
2. Название Классов : 02:57
3. Не использование Семантических тегов : 03:46
4. Не использовать стили в html коде: 04:17
5. H1 : 04:59
6. Использование блочного элемента внутри строчного : 05:23
7. Нет 7 ошибки
8. Рекомендация использование валидатора : 06:32
7 пункт не ошибка, но сеошники потом замучают своими альтами)))
поздно, я уже потратил свое время (
Самая главная ошибка: учится вёрстке на твоём канале, аргументы:
1) частое использование идентификаторов не по смыслу
2) переопределение стилей, потому что забыл что раньше задавал
3) Засорение глобальной области видимости
4) Неуместное использование флексов где можно было обойтись без него
5) Стили который не нужны для блока, например в плейлисте адаптивная вёрстка для блока задаётся width: 100%; и margin: 0 auto
6) стили по умолчанию
Не стоит задавать height: auto, если по умолчанию оно и так auto
7) Использование фиксированный высоты блока, высота блока должно формироваться в зависимости от содержания внутри блока
8) не очищается блоки (clearfix) после использования свойства float
9) Привязка функции прямо на html документа
10) вёрстка не по БЭМ
11) это можно не считать аргументов но стоит сказать: надо показывать промежуточные результаты того что ты написал а не писать 100 строк кода и показать результат работы в браузере, новичков ведёшь а ступор
А где посоветуешь учиться вёрстке?
Спасибо!
Доступно и понятно.
5:23 div внутри a для того чтобы создать кнопку тоже неправильное использование? Просто я всегда так делаю и не понимаю как можно иначе.
Спасибо за советы !
(Поддерживаю) примерно месяц назад перешел на sublime text, установил нужные мне плагины, и почувствовал как он в разы упрощает работу.
И жить стало легче:)
:)
Затем я перешёл на VS Code и жить стало ещё лучше.
надо будет сделать видео по VS code
Grazie mille Fratello!)
Блин чувак !!! Все граммотно по делу , без воды.
Все на понятном доступном языке. Я использую редактор Geany, мне как-то в нем более удобно. По валидатору не согласен в корне, то что вы подгоните под валидатор код никак не отразится на лучшей индексации или лучшем ранжировании вашего сайта (страниц) в поисковиках. То есть валидатор, это как получить ачивку, типа вот у меня нет ошибок согласно валидатору и мы получаем счетчик типа проверено и все круто, то есть порадоваться для себя и не более.
Лучше быть в этом деле максималистом
Спасибо. Дельные советы.
Если использовать webstorm, например, можно обойтись без валидатора, потому что валидатор встроен в ide, и многие плагины, которые надо ставить в саблайм, в шторме есть из коробки уже
li - это блочный элемент
переходить с css на scss
использовать вебпак
w3c валидатор - не панацея, тот же синтаксис vue он будет считать инвалидным, для отображения ошибок есть ide и линтеры
А по-моему у списков свой отдельный тип элементов. Точно не помню как называется, но точно не block
developer.mozilla.org/ru/docs/Web/HTML/Block-level_elements
Полезно. Большое спасибо за видео!
Валидатор это костыль, лучше просто использовать полноценные среды разработки.
Я FullStack и просто пользуюсь PhpStorm, где уже есть все как под бэкэнд, так и под фронтэнд
li is block element not inline
Не могли бы вы напомнить есть ли отдельный урок по тому какими тегами лучше выделять разные смысловые части страницы и вообще какая стандартизация при верстке (например как с было тегом (про его разовое использование) ) ?
Есть самоучитель html
На счет нельзя вставлять блочный внутри строчного. Если задать то можно вставлять внутрь блочные? И внутрь блочного можно вставлять одновременно строчные и блочные?
Насчёт тега
Я бы еще добавил, что начинающие не пользуются инструментами разработчика в браузерах. например не смотрят разметку элементов. Делают разметку "на глаз" и не понимают какие отступы и поля получаются, какие атрибуты вообще не используются и их можно банально удалить, как мобильных устройствах выглядит страница.
Я бы добавил как ошибку начинающего это не смотреть как сделано у других. Нужно всегда "вставать на плечи" предыдущим работам, и копипаст копипаст, конечно с разбором позаимствованной идеи для развития себя.
Полное совпадение с макетом никогда не нужно. Очень важна структуризация проекта. Ибо это фундамент для правильной модификации верстки...
поэтому у на полно страшных сайтов верстают как хотят
"БУДЬ ТЫ ПРОКЛЯТ" ))))) Я из-за ТЕБЯ решил стать программистом...Для начала - верстальщиком, а, уж потом, как карта ляжет. И это в 30+ с хвостиком......
Жил себе спокойно, не вспоминал прошлое, где когда-то баловался....не писал полноценные сложные проекты - а баловался этим, увлекался. Из-за определенных казусов и превратностей судьбинушки - пришлось забросить все и приземлиться в более просто области и профессии....И тут, нашел ТВОИ видео - чтоб тебя )))))))))))))))
Не знаю, но ТЫ, даже минусы работы программистов преподносишь так, что хочется в это все окунуться с головой....
Начал снова изучать HTML/CSS.....Даже на Javascript стал дурно косить глазом....
Кругом знакомые говорят, что я ***улся под старость. И о том, что в таком возрасте, если не стать Билл Гейтсом - никуда работать не примут, мол - слишком поздно и возраст не подходящий (внегласное правило корпораций и компаний IT).
Читаю книжки, смотрю раз за разом твои видео...и понял одно, - плевать на мнение и предрассудки окружающих, прорвемся.
Та же история!
>Я из-за ТЕБЯ решил стать программистом
>Начал снова изучать HTML/CSS
А где работал до этого? Мне 32. Тоже ебнулся на "старости" лет ))) А вообще готовься, что тебя будут топить. Это во всех сферах так. Это сущность людская ))) Ты в правильном направлении. Сейчас только рассвет ИТ сферы. Вакансий будет становиться все больше. Другие профессии будут наоборот сокращаться. Но придется находиться в перманентном обучении.
Капитан Ларин очень смешно, вам лишь бы придраться к чему-то.
Напишешь, если прорвёшься)
Но я почему-то везде натыкался на информацию, что при вёрстке с использованием семантических тегов HTML5 *допускается* повторное использование тега и поисковики это отлично могут понять и разобрать. Так чему верить то?
Всем здравия! Заранее прошу прощения за вопрос не по теме. Занимаюсь созданием интернет-магазина для торговли одеждой, обувью и аксессуарами. Приобрела шаблон сайта, написанного в стандарте wordpress (плагин woocommerce). При настройке сайта мой веб-дизайнер столкнулся с проблемой отображения цен и стоимости товара в корзине. Изначально в шаблоне была настройка отражения на сайте цен без НДС. А мне нужно с НДС. Когда веб-дизайнер сменил настройку (чтобы цена включала НДС), цены на товары в магазине стали отражаться с НДС, но при просмотре корзины со страницы отдельного товара общая стоимость выбранного товара, которая рассчитывается, исходя из количества (SUBTOTAL), по-прежнему показывается без НДС. Кроме того, если зайти в корзину для совершения покупки, в строке «общая стоимость» (TOTAL) В ОДНОЙ СТРОКЕ отражается общая стоимость товара, рассчитанная с НДС, + в скобках сумма НДС и далее идет запись, что стоимость включает НДС (масло масленое) . Это очень не удобно для восприятия клиентов. Мой веб-дизайнер говорит, что исправить нельзя (таковы возможности выбранного мною плагина). Возможно, что дело не в ограниченных возможностях настроек выбранного мною шаблона сайта, а в компетенции моего веб-дизайнера (учитывая, что вопрос с включением НДС в цену товара не является чем-то уникальным). Поэтому у меня вопрос к вам: можете ли вы посоветовать дополнительные настройки в woocommerce (как корректно настроить цены товаров, чтобы они отражались с НДС), а в случае невозможности, - дополнительный плагин (можно даже платный), который можно прикрутить к имеющемуся, чтобы в корзине товаров корректно отражались и цены товаров (с НДС), и сам НДС (отдельной строкой), и общая стоимость покупки (чтобы была просто указана общая стоимость без дополнительной информации в скобках).
Заранее прошу прощения за свой птичий язык дилетанта. Надеюсь, что вы поняли мою проблему. И еще заранее благодарю всех за ответы/советы/ помощь!
Я согласен про ошибки, не все, но всё же. Сам писал в notepad, сейчас работаю в Sublime Text. Поэтому и начал курсы fortend и backeng.
может быть FronТ-end и Back-end?)
@@alexsunrise54 не видишь он бедняга в notepad писал всё?)) оставь его, намучился уже)))
Привет подскажи по семантике. Напимер
Привет, подскажите почему у меня в одном файле html стили css работают а в другом нет . Путь проверяла открываю через хром
В 2019 уже можно настроить Sublime text так, что он будет сам показывать незакрытую скобку, ковычку и тд
здравствуйте, скажите, пожалуйста, зачем проверять код через валидатор, если редактор кода должен этим заниматься? спасибо
Не каждый редактор кода этим занимается
Это две разные проверки. Редактор не проверяет так обширно и разносторонне.
Саблайм текст, 2023 год. Ржу))) 8 пункт - в топку! Ставим ВСкод или Вебшторм и не паримся
Сделайте видео о всех семантических тегах с подробными примерами о том какую информацию можно помещать в тот или иной тег. А то везде указывается,как пример, что в стоит помещать новостную статью, а о других видах информации для ничего нет.
В вёрстке практике об этом расскажу тогда, уточню эти моменты
Про валидатор: охренеть, я вообще не знал о его существовании.
Полезно
Классный контент.мне понравилось
Отличное видео, спасибо!
Спасибо за советы, полезно. Хорошее видео!
Алексей ,здравия
, мне 40 хочу верстать , к программированию днла не имел, подскажите с чего начать для плодотворной работы, хочу. Как можно быстрее перейти к работе…
Посмотрите у меня видео Верстка сайта как начать
@@SuprunAlexey Благодарю,многие говорят поздно, но это выход дожить до пенсии если освоить , что скажете
@@МАКСИМ-к4э2х никогда не поздно
Благодарю за ответ , если можно пообщаться буду рад ?
@@МАКСИМ-к4э2х ну пишите комментарии, буду отвечать. Под любыми видео.
Я так и не понял, правильно или не правильно использовать h1 только один раз?
Правильно один раз
единожды
Мне кажется, что лучше, по крайней мере по началу, использовать простенькие редакторы. Например, notepad++, чтобы больше кода писалось от руки, для лучшего запоминания. Если, конечно, в этом есть нужда.
По началу нужно привыкать к нормальным современным технологиям, инструментам и методологиям и писать от руки в них.
Александр Гончаров не-а, когда учишься, весь код надо писать самому, иначе это плохо усвоится и через некоторое время ты это забудешь. А когда уже изучил все и уже работаешь, то нужно использовать эти инструменты
Если в детстве обои не разрисовывал, то советую именно так начинать - что ни на есть самые азы 😏
@@STRELOK-wq6on Согласен с вами, пока учишься лучше все писать ручками, только что мешает весь код писать ручками в том же саблайме а не ломать глаза в блокноте? )))
@Патрик Стар лол
Спасибо за видео , только удалите пожалуйста грязные комменты , они портят впечатление. А так все очень информативно , продолжайте в таком же духе
Уже 20 лет сталкиваюсь с HTML и CSS. До сих пор себя чувствую не уверенно. Стараюсь избегать вёрстки. Но, с другой стороны я занимаюсь на сайте всем: от установки сервера и необходимого ПО, до вёрстки сайта. Так что мне простительно :)
О великий мастер. Дайте тоже советы для зеленых огурчиков.
Можно ли создавать ничего не значащие для поисковиков семантические теги, отражающие в своем названии свое содержание?
Например?
Спасибо, мне было интересно
h1 тег вроде можно несколько раз использовать, eсли каждый раз внутри тега hgroup на ряду с другими h
На счёт тега main уверены, что это замена для div.content ? Где-то читал, что в main должен быть уникальный контент не повторяющийся нигде.
Я тоже это в какой-то статье читал... Я думаю автор ошибся
Есть ли ошибка в том, что я совсем не указываю размеры в пикселях, используя вместо них проценты и vh? Просто мне кажется, что это достойная замена адаптивной вёрстке, так как на ВСЕХ мониторах сайт будет выглядеть так, как задумывалось...
Зависит от того, что именно хочешь получить. Бывают ситуации, когда нужны строгие размеры. Но в общем случае ИМХО действительно лучше использовать относительные единицы, учитывая нынешний зоопарк мобильных устройств с самыми разными размерами и соотношениями экранов.
Автор, рекомендую тщательнее готовить видео. В частности на 6 минуте, где ты говоришь про блочные и строчные элементы. В качестве примера показываешь, что нельзя вкладывать в тег ссылки заголовок a>h2 в нужно h2>a так вот почитай спецификацию html5 доктайп которого ты так смело и по умолчанию пишешь уже не один год, в которой написано, что в html5 ссылкой можно оборачивать и блочные и строчные элементы. В целом про блоки и строки сказал верно, просто пример выбрал не удачный, толь от не знания толи по какой то другой не ведомой причине...
stackoverflow.com/questions/1827965/is-putting-a-div-inside-an-anchor-ever-correct
@@charleksvikto не все блоки в ссылку можно вставить...попробуй для примера вткнуть в тэг А -> article...сильно удивишься
@@Beast8833 дааа? а где это написано? ссылку на стандарт в студию! без нее твои слова всего лишь твое личное мнение, не подкрепленное ничем... и расскажи ка мне еще с аргуметом в виде ссылки чем таким страшным кроме семантической нагрузки отличается article от обычного div?
@@charleksvikto ты дурач0к или прикидываешься? сделай базовую разметку и посмотри сам)
@@Beast8833 не не не, дурачек тут по ходу ты, я то разметку сделал и валидатором проверил, на всякий случай) а вот от тебя я сейчас никаких весомых аргументов не увидел) ты сначала докажи правоту своих слов а потом людей дураками называй, хотя лично я тебя не оскорблял...
Уважаемый, Web Developer Bloger, Вы отстали от жизни.
В HTML5 специально предусмотрена такая вещь, как вкладывание блочных элементов в строчные. И конкретно, для тэга . В него разрешено (и это становится всё популярней) вкладывать блочные элементы.
Ага мне тоже заказчик дифирамбы пел, пока в спецификацию его не тыкнул.
И не только в html5 , а в xhtml transitional тоже можно было. Просто желательно так вкладывать, ну а когда нет выбора - то как есть.
На счет нельзя вставлять блочный внутри строчного. Если задать то можно вставлять внутрь блочные? И внутрь блочного можно вставлять одновременно строчные и блочные?
@@galaxywork1570 , дифирамбы - это когда хвалят, а не то, что вы имели тут в виду.
подскажите, в предыдущих спецификациях вкладывание блочного в строчным было неверно семантически или такая конструкция впринципе не работала?
Для опытных людей в этой сфере sublime text уже мало, т.к нужен терминал и не только, ну а так в целом для новичков видео норм.
удивлю тебя, но на саблайм терминал можно тоже поставить
На саблайм это не то
Суровые прогеры пишут в notepad++ ))))
Олды тут 😄😄👍🏻
xD
+
Я там все делаю. И верстка, и работа с php. Даже вирусные картинки нахожу.
Спасибо notepad++ ))
касательно Н1, даже если страница не индексируемая, то лучше сохранять ее корректность, поскольку Н1 используется скринридерами, тут ситуация аналогичная семантическим тегам -- они существуют не просто так, как и единственный Н1.
А Brackets можно в веб разработку?Просто мне она нравится.
Да пожалуйста, - пользуйтесь хоть блокнотом))))
Здравствуйте, посоветуйте я создал сайт на html и css в одном файле и заходя свой сайт он долго грузиться, не знаете от чего может быть?
Пойщи решение в интернете тут новички смотрят обычно
Дружище, а как заказать у тебя вёрстку? Ты берёшь заказы на вёрстку? Очень понравилось что твоё мнение совпадает с моим, а то попадаются горе верстальщики которые даже к img не ставят alt и title.
Альт и тайтл прошлый век так то, если Яндекс и Гугл уже и без этого научились картинку переваривать и понимать что на ней нарисовано.
По большому счёту согласен со всем.
Интересно, спасибо.
Спасибо!!
Доброе утро Кэп
Здравствуйте
После ввода данных в таблицу, получаю сплошные вопросительные знаки, nvarchar не помогает. Пожалуйста, помогите.
Ваш вопрос вообще не по теме этого видео.
Видимо, речь идёт о работе с базой данных? Вопросительные знаки могут появиться от несовпадения кодировок - в MySQL, например, такое есть. Если ваша база, таблица в ней или же соединение с базой в кодировке Latin1 (это поведение MySQL по умолчанию), то вы туда не сможете вставить нелатинские символы, то есть, ни кириллица, ни грузинский алфавит не смогут быть сохранены в таком случае и всё, что не укладывается в Latin1, будет преобразовано в вопросительные знаки. Для того, чтобы не терять нелатинские символы, достаточно везде использовать юникод. С юникодом MySQL работает странно - обратите внимание, что кодировка UTF-8 там называется utf8mb4. То, что в MySQL называется utf8 - это не настоящий UTF-8, а лишь его подмножество с длиной символов не более трёх байт: кириллица туда поместится, а всякие модные смайлики - нет.
Дякую. Стараюся робити так як ти сказав.
Отлично!
Насчёт редактора, если ты только начинаешь заниматься вёрсткой то да - редактор пригодится, а если гавнокодиш уже более 10 лет то и блокнота типа нотпад++ предостаточно, ито только для подсветки синтаксиса =)) А насчёт писания стиля внутри кода не соглашусь! По хорошему да, его нужно выносить в css, но если у тебя идёт генерация и какие-то уникальные параметры задаются из админки - от этого никак не убежать! 2-также по опыту, часто бывает такое что какой-то класс используется еденично и его проще засунуть в само тело документа. чем в общий список и потом вспоминать - нафига он нужен и где он используется!
Что нужно использовать article или section?
сколько не пользовался section - всегда какие-то косяки были. конечно эт может быть я такой)
Я использую тег "секция" для выделения одного большого смыслового блока, там где этих блоков много. Например секция "наши преимущества", "контакты" и тд. Тег "статья" на странице где шаблон чтения одной новости, статьи.
Какой использовать мм... А вот так )
Советую:
1)В начале лучше использовать Notepad ++, для запоминания тегов.
2) Когда станишь junior разрабом ужи можно использовать разные IDE, типа Vs code, sublime Text, и тд.
Руки имеют свойство привыкать к клавиатуре, поэтому считаю что надо сразу начинать с хорошего.
@@phitrow тут ты прав, но поверь мне на слово что если чел который пишет на Vs, сделает хоть 1 сайт на not ки то он замучается поверь мне.
@@shodiev777 я не пишу ничего супер глобального, но пользуюсь редактором с подсветкой несколько лет. Мне хватает. VS есть, но мне к нему трудно привыкнуть.
Совет полнейшая залупа
Совершенно неправильно
пасиб за советы.
Спасибо, видео грамотные с точки зрения обучающегося, много полезного понятно объяснено/>
Мне бы это видео посмотреть 10 лет назад...
Было бы прекрасно
Не все технологии были десять лет назад. :) Над учиться тому, что сейчас актуально
Сделайте пожалуйста видео о том что делается с сайтом после верстки и кто что делает ?
Посмотрите любой из курсов по верстке у меня на канале
Это не редактор кода саблайм и его плагины а конкретно emmet. Новичку противопоказано использовать emmet, на бумаге нет emmet-а, когда вас попросят написать код на бумаге во время собеседования, тут и все закончиться если вы использовали емет сразу по старту карьеры.
уже давно не пишут код на листиках, да и думаю с html проблем то особо не будет))
пишут, но и проверяют общий смысл
Еще как пишут. И не только html, но также и js и все остальное. И этот критерий четко отличает на собеседовании тех, кто реально что-то делает от копипастеров.
Можно запилить современные методики при верстке, в т.ч. адаптивной. Например, везде задают размеры шрифта в rem и прочее подобное. Ну а саблайм какаха конечно. В том же VSCode эммет искаропки работает.
Сделаем
Веб разработка серьезного продукта довольно сложный и трудоемкий процесс, все работа сложна. Но я обычно все упрощаю, сделать что-то универсальное гораздо прибыльнее какого-то определенного направления. Взять идею, хорошую идеию которая может двигаться во всех направлениях и дальше в зависимости от предпочтений начинать движение, но естественно нужно соотношать свои средства к возможностям. Если мой бизнес будет удачен, то возможно я напишу книгу или сделаю видео туториал)
В каком хостинге можно верстать и зарабатывать?
информативно !
Друзья, а если html и css пройдён поверхностно, стоит ли начинать изучать js ?
Что решил? Продолжил или уже год на js?
кто умеет, тот делает, кто не умеет, тот учит.....!
С CSS я не согласен. Чем больше подключаешь CSS, тем больше нагрузки идет на сервер. Кроме того, CSS нужно сжимать, для более быстрого отображения стилей.
Личто я, чтобы удовлетворить тот же Google Pagespeed, стили хедера, закрываю в в. Остальные стили таким же способом перед началом блока того или иного элемента. К примеру стилям футера незачем обрабатываться в их лучше кидать в футер. Стили страницы со статьей - только в шаблоне статьи. Зачем им быть на главной странице?
Слушайте, я больше самоучка, но не раз слышал о надобности подгружать новые файлы стилей под каждый блок. Зачем?
И в случае, если тебе нужно изменить цвет фона на всех страницах, или сделать футер чуть выше, ты пробегаешь по всем страницам в редакторе и меняешь значения?
Это может быть быстрее, но время твоё явно не будет экономить.
Зачем бегать по всем страницам? Если нужно менять футер - я лезу в футер, если цвет фона на всех страницах - в хедере ищу body.
А почему на дивах это ошибка?
ахуеть, вот это спасибо, спасибо что рассказали мне про то что нужно правильно называть переменные и использовать не ёбанный блокнотик, автор, ты когда такие видео записываешь, ты рили думаешь что тебя смотрят аквариумные рыбки?
Sublime,- удобный, легкий, быстрый, потому и пользуется большой популярностью у новичков!
Notepad пользуется популярностью у новичков
С сокращениями имен классов не согласен. Бутстрап половину сокращает до 1 буквы, html вааще весь в сокращениях, на полноименном xslt руки отобъешь набирать. Ест же firebug. Там и смотрим классы.