psywalker

Грамотные и приятные в общении заслуживают намного больше, чем 20к

Блин, вот чую, что знаю, кто это

Я думаю: 1. Любой фанатизм и перегибы в одну сторону - плохо. 2. Любой идей надо "переболеть". Тогда из этого можно сделать выводы и вынести для себя полезные приёмы. Т.е. убедиться на собственном опыте в полезности/бесполезности каких-то приёмах. Вспомни себя в отношении тех же списков, емов Короче нормально всё Здравое зерно в БЭМе есть и если кому-то удобно им пользоваться, почему нет. Не спорю, подруга. Полностью с тобой согласен. Но ты понимаешь, в чём дело, я ж ведь не со зла докапываюсь, я же ведь сам хочу мудрее стать, а мне всё тычат и тычат свои пункты, ничего не объясняя Я может после НЕфанатиских ответов сам приду к этому БЭМ-у и буду его везде тыкать, но мне не хотят объяснять и всё тут. Просто пока по факту я вижу, что все опытные камрады соглашаются со мной, что на обычных проектах БЭМ то этот особо и не нужен, оказывается, а человек мне другое доказывает, вот я и пытаюсь понять истину

Ялекс, Дык я и не спорю. Я про обычный хомяк спрашивал. Селектор по классу отработают, чем селекторы тегов. Другой вопрос, что на небольших проектах эта разница не очень заметна. Могу ошибаться, но вначале загружается html-код полностью, а потом уже идет обработка объявлений в css (справа на лево). Т.е. в объявлении .class p {...} в начале находятся все элементы p, а потом уже из них выбираются те, у которые являются потомками элементов .class Оксан, а ты чё сама думаешь про фанатизм товарища?

exessqd1, Всё конечно здорово, но снова я увидел только пустые слова, восхвалявшие твой любимый БЭМ. Ты можешь мне просто объяснить, зачем мне на проекте, состоящим из 5 страниц внедрять твой БЭМ в полном объеме? Да и вообще зачем? Просто смотри, какие аргументы Я тебе приведу. Нахера она мне на маленьком проекте? Зачем мне супер продуманные, неразбиваемые элементы на простом проекте, где я сверстал качественно и без БЭМ-а и забыл? О какой разработке идёт речь? Я делаю вёрстку один, и вполне справляюсь со своим делом. Если бы делал по БЭМ-у, то скорость разработки была бы хуже, много лишнего. На моём хомяке, совершенно ненужного. Ну это вообще прикол. Какое качество? Ты о чём? О десятке вложенных элементов в один элемент, ради ненужного мне кросса?? Или ты о вездесущих непонятных классах?? В чём качество на моём хомяке даст твой БЭМ? Что ты заладил одно и тоже...повышение скорости, повышение скорости... Какая нафиг скорость может почусвоваться на простом хомяке? В миллисекундах? И из-за этого я должен БЭМ-иться? А по-моему больше всё таки) Абсолютно легко вношу изменения, знаю, где что лежит, за что отвечает и так же соблюдена независимость и прочие вещи, только более всё щидящие. Всё, что увидел, это слепой фанатизм. Извини, но уже 100% факты на лицо. С удовольствием послушаю обратное, только не упрямое утверждение одного и того же, а адекватное мнение.

s0rr0w, Понял, спасибо. А это удобно при постоянной поддержке проекта в будущем? Для работы разных людей с проектом и т.д?

s0rr0w Я тебя понял. Твой подход мне понравился, но как обычно, есть вопросы. 1) Как бы выглядел твой код с такой вот структурой? И как бы ты применял к нему стили? <div class="case"> <ul class="nav"> <li> <a href="#">1</a> <ul class="nav__dropdown"> <li> <a href="#">Выпадающий пункт</a> </li> </ul> </li> <li> <a href="#">2</a> <ul class="nav__dropdown"> <li> <a href="#">Выпадающий пункт</a> </li> </ul> </li> </ul> </div> 2) А если боксов два и каждый из них имеет своё собственное поведение? <div class="case"> <div class="box1"></div> <div class="box2"></div> </div>

Во флейме - да.

Ты это сам сказал, задав свой вопрос.

А я за то, чтобы вешать класс на каждый тег, к которому идет обращение. Ты видимо еще никогда не сталкивался, когда тебе нужно было поменять, например уровень заголовков, заменить спан на ссылку (и на оборот), перенести этот блок вооон туда. Добавить в тот блок плашечку. Ну и так далее. Сайт имеет тенденцию развиваться и меняться. Соответственно меняется и разметка. Оксан, поддерживаю, золотые слова Только я, например, не совсем за каждый тег. Вот таких ситуаций в простых проектах предлагаю избегать <ul class="b-news-list"> <li class="b-news-list__item"> <p class="b-news-list__text"><i class="dash">—</i><a href="#" class="b-news-list__link">Новости и пресс-релизы</a></p> </li> <li class="b-news-list__item"> <p class="b-news-list__text"><i class="dash">—</i><a href="#" class="b-news-list__link">Блог Яндекса</a></p> </li> <li class="b-news-list__item"> <p class="b-news-list__text"><i class="dash">—</i><a href="#" class="b-news-list__link">Факты</a></p> </li> <li class="b-news-list__item"> <p class="b-news-list__text"><i class="dash">—</i><a href="#" class="b-news-list__link">Логотип Яндекса</a></p> </li> <li class="b-news-list__item"> <p class="b-news-list__text"><i class="dash">—</i>Что <a href="#" class="b-news-list__link">пишут о Яндексе</a> другие журналисты</p> </li> </ul> Т.е. пусть останется всё, кроме <li class="b-news-list__item"> Ведь по сути мы может сделать так b-news-list > li {} Что думаешь? Это ты кому, дружище?

Это смотря, что ты поддерживаешь, сколько человек поддерживает, что будет с этим проектом в дальнейшем. Если твой проект будет постоянно обновляться, будет часто изменяем и требовать постоянной поддержки, вот тогда-то тут весь этот твой "абсурд" сыграет тебе на руку.

rash, Ага, понял. Согласен. Да, не спорю, но я привёл пример тех элементов, которые неотделимы друг от друга, например UL без LI не бывает. И очень часто, что не бывает и LI без A. Но если, например у UL будет родитель, то вот такое правило не будет участвовать в процессе вообще. Только если мы явно (не желательно) хотим как-то поплясать от контекста. <div class="case"> <ul class="nav"> <li> <a href="#">1</a> <ul class="nav__dropdown"> <li> <a href="#">Выпадающий пункт</a> </li> </ul> </li> <li> <a href="#">2</a> <ul class="nav__dropdown"> <li> <a href="#">Выпадающий пункт</a> </li> </ul> </li> </ul> </div> .case > .nav {} Вот такого допускать вообще нельзя, в редких случая только. И такого тоже .case .nav {} В таких случаях конечно селекторы будут плясать от своих классов. Т.е. от того же .nav {}

Спасибо за ответ, но есть ряд вопросов: 1) БЭМ-у в полном объёме не соответствует, согласен. Но ведь тут есть же какие-та его частички, например "независимость блоков"? Или ты о другом? Расскажи поподробнее пожалуйста. 2) Почему, если такой код будет поддерживать несколько человек, то это будет трудно? Чем? Если можно, поясни с примерчиками.

И мне нет Все предыдущие письма приходили около шести часов вечера, наверное и макет где-то в это время пришлют... Значит мы ещё не достойны

rash, Ну а как ты думаешь, вот этот пример соответствует тому, о чём ты говоришь http://forum.htmlbook.ru/index.php?showtopic=30108&view=findpost&p=229248 ? Т.е. для простых сайтов он подходит или всё таки нет? Чтобы ты убрал/добавил?

Нет, а тебе?

Вот это мнение человека, который совершенно не понимает, о чём идёт речь. БЭМ - это не просто засорение кода ненужными классами и я считаю, что его использовать можно и нужно, но не быть фанатом и смотреть на ситуацию. Вот пример. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> .nav {} .nav > li {} .nav > li > a {} .nav__dropdown {} .nav__dropdown > li {} .nav__dropdown > li > a {} </style> </head> <body> <ul class="nav"> <li> <a href="#">1</a> <ul class="nav__dropdown"> <li> <a href="#">Выпадающий пункт</a> </li> </ul> </li> <li> <a href="#">2</a> <ul class="nav__dropdown"> <li> <a href="#">Выпадающий пункт</a> </li> </ul> </li> </ul> </body> </html> Я показал пример, для обычных проектов, простых (не крупных порталов). Т.е. если бы я использовал отчасти БЭМ на простых хомяках, я бы делал так. Объясняю суть. Тут, на дочерних селекторах, мы теряем в скорости, но учитывая, что это обычный хомяк, разницы мы не замечаем. .nav {} .nav > li {} .nav > li > a {} Плюсы: 1) Мы избавляемся от "лишних" классов, которые вешаются на всё живое, например на те же li 2) Мы не теряем удобочитаемость нашего кода, т.е. код с таким подходом остаётся вполне читаемый и понятный. 3) Мы так же можем смело сказать, что наш блок - независимый и что все его обращения к элементам внутри происходят только на его уровне, не затрагивая, например элементы такого же типа внутри него. Опять же, проблема независимости решается тут за счёт дочерних селекторов. 4) Мы так же легко можем убирать, или наоборот вводить вложенные элементы внутрь, они так же вполне себе самостоятельны за счёт своих классов <ul class="nav__dropdown"> <li> <a href="#">Выпадающий пункт</a> </li> </ul> .nav__dropdown {} .nav__dropdown > li {} .nav__dropdown > li > a {} Если внутри нужны какие-то отдельные элементы, то мы вешаем на них класс, и это лишит нас последних проблем. Таким образом на выходе мы имеем вполне себе удобочитаемый, управляемый и самое главное независимый код. Я к тому, что не стоит брать БЭМ за догму, не стоит не видеть ничего вокруг и использовать эту технику в полном объёме в своих проектах, особенно в малометражных, если этого не требует ситуация. Можно и "даже" нужно использовать его правильно и исходить от задачи и объёма сайта. На проектах, которые ты один раз сверстал и забыл или раз сверстал и возвращаешься к нему редко, вполне подойдёт мой подход. Есть возражения?

Блин, поскорее бы уже ИЕ10 допилили, там столько вкусненького и интересного...ммм...

слишком длинное и немного неудобно,префиксы тоже Ты не совсем понял смысл всего этого подхода. Название классов происходят и удлиняются не просто так. У них тоже есть своя закономерность. Да и префиксы - это не панацея, можно и без них вполне себе обойтись и так же при этом следую техники БЭМ. Тут речь о другом. Мне просто не понятен фанатизм топикстартера, и поэтому я хочу получить ответы на свои вопросы, чтобы возможно, стать мудрее в этих делах. Вполне себе можно использовать БЭМ и на обычных хомяках, но опять же, отчасти, а не кидаться в омут с головой.

Обоснуй пожалуйста.

Потому, что если бы я считал, что ты это должен знать я бы оставил поиск информации на твоей совести. Точнее я бы считал, что ты её должен знать, а если не знаешь сам должен решить эту проблему. Ну так тоже нельзя. Я вроде как не являюсь джедаем Жс-а, да и не кичусь на каждом углу, что я Жс-мастер. Почему бы мне не дать информацию, если я хочу её изучить и получить опыт? Или, если ты что-то знаешь, то всё, сам ищи инфу, пошёл в жопу. Так что ли выходит?)) Либо я сегодня совсем туплю, в отличии от других дней когда по немного. Но: 1. Я дал тебе инфу. 2. Я не дал бы её если бы ты был Джедаем. 3. Пожалуйста, изучай. 1. Спасибо, я прочитал, и понял для себя много полезного по данному вопросу. 2. Понял, значит это я туплю)) 3. Уже сделал это Всегда рад, когда мне дают полезные ссылки, спасибо тебе ещё раз дружище. А тупанул точно я, так что не парься

exessqd1, Дружище, так ты ответишь мне на вопрос или нет? Зачем использовать в полной мере БЭМ на обычных сайтах? НЕ крупных порталах.

Потому, что если бы я считал, что ты это должен знать я бы оставил поиск информации на твоей совести. Точнее я бы считал, что ты её должен знать, а если не знаешь сам должен решить эту проблему. Ну так тоже нельзя. Я вроде как не являюсь джедаем Жс-а, да и не кичусь на каждом углу, что я Жс-мастер. Почему бы мне не дать информацию, если я хочу её изучить и получить опыт? Или, если ты что-то знаешь, то всё, сам ищи инфу, пошёл в жопу. Так что ли выходит?))

Это понятно. Мне не понятно зачем использовать свои функции, если есть функции уже встроенные в сам язык? Не в данном конкретном случае, а вообще. Для 90% задач их же достаточно...? Согласен, и мало того, методом .sort() можно сортировать всё что угодно, не только числа, а ещё и слова, символы, да хоть свойства объекта. Этот маленький метод, на самом деле очень мощный в умелых руках.

Макс, это я сказал не тебе. Если бы это было адресовано тебе, то я бы даже поленился найти ссылки. А почему поленился бы?