bem-site / bem-method Goto Github PK
View Code? Open in Web Editor NEWBEM — a methodology how to develop web projects applicable for any technology
Home Page: http://bem.info
BEM — a methodology how to develop web projects applicable for any technology
Home Page: http://bem.info
alt attribute must be specified for every image, describing image in text.
<img src="/bem-method/images/search.ru.png">
<img src="/bem-method/images/search.ru.png" alt="Search field">
In a project where we would like to use the bem-methology, I have a situation where there are some nested elements within a block.
I have the following code sample:
<li class="newsitem newsitem--unread">
<h4 class="newsitem__date">Yesterday</h4>
<section class="newsitem__content">
<section class="newsitem__sender">
<img class="newsitem__sender__thumbnail" src="some-source.png" title="Mr. Foo" />
<p class="newsitem__sender__message">Foo likes bar, as does baz.</p>
</section>
<h3 class="newsitem__title">Some news item.</h3>
<p class="newsitem__summary">Blablabla...</p>
</section>
</li>
Is it okay to use selectors like newsitem__sender__thumbnail
and newsitem__sender__message
, or is there another way? I'm not able to find any documentation on these scenarios. This newsitem__sender part is not a block of it's own, its just a part of a newsitem block.
Describe HTML in BEM terms. Both HTML+classes and Custom Tags styles.
Here is the link for getting info: http://clubs.ya.ru/bem/replies.xml?item_no=712
Ask vithar@ for a piece of advice.
Refer to a39d4e2
I suggest to place it before Methodology link or somewhere on top of a page.
Write a GNUmakefile that does:
make pages/beginning
make pages
GNUmakefile that do transformations from wiki to html is already in repo. It is just not very convinient. It needs to be refactored.
Битая ссылка на https://github.com/bem/bem-method/blob/bem-info-data/libs/bem-core/1.0.0/bemhtml/rationale/ со слов «Основные понятия шаблонизатора BEMHTML».
На странице http://ru.bem.info/articles/start-with-project-stub/
есть строка:
"Понадобится и CSS для IE. Он не входит в список технологий по умолчанию.
$ bem create block -l desktop.blocks/ -T ie.css goods"
Но она не сработает потому что не указан параметр -b, должно быть так
$ bem create block -l desktop.blocks/ -T ie.css -b goods
"Наш внутренний инструмент вырост из простого perl скрипта в отдельный open source проект borschik. Попробуйте его в своём проекте!"
выросТ?
convert objects keys into strings to make it 'true' JSON
Hi, in the text you write, "contributing to the each other code." It should read, "contributing to each other's code."
В одном месте используется неправильное форматирование заголовка:
==== Блоки в файлах Когда весь CSS код блоков лежит в одном файле, то по этому файлу приходится всё время перемещаться.
скорее всего, вместо ====
имелось в виду ####
. prose.io, к сожалению, не сохранил мою редакцию.
Опечатка в слове params: this.patams['prompt']
"Устанавливаем smartcd (если не хотите тонко настраивать smartcd, отвечайте на первый вопрос Configure now? [Y/n] — N):"
Если так сделать, smart cd не создаст конфиг .smartcd_config
и подключение smart cd в bashrc (zshrc) source ~/.smartcd_config
не будет работать.
Для создания конфигурации нужно отвечать так:
Configure now? [Y/n] y
Use all default settings? [Y/n] y
Would you like to configure smartcd in /Users/%username%/.smartcd_config? (recommended) [Y/n] y
Would you like to load your config file now? [Y/n] y
Congratulations, you have installed smartcd!
В разделе «Заморозка» статических ресурсов (freeze) -> Зачем нужна «заморозка» статики
Опечатка в слове – оМптимизации:
Стандартные способы омптимизации загрузки статики выглядят так:
страница http://ru.bem.info/tools/ (русский вариант).
описания для: OmetaJS, XJST, Shmakowiki на английском.
http://ru.bem.info/method/definitions/
Такие ключевые слова нужно размещать в определённом порядке. Для этого подойдут форматы данных с использованием вложенности. Например, XML или JSON:
<e:column>
<b:auth>
…
</b:auth>
<e:column>
http://ru.bem.info/authors/grinenko-vladimir/
Переводчики
Если выбрать имя переводчика, то scroll возвращается вверх.
Не работают ссылки в тексте на вот этой странице:
http://ru.bem.info/tutorials/bem-js-tutorial/
Actualize page's text according to last bem-tools release.
Pictures do not have to have titles. The text that now is in the title has to be outside the picture.
In the picture the text "Найти" has to be changed into "Search"
And make multi-page documentation.
It has to be b- instead.
Статья внезапно заканчивается буквой О
Pages has to be builded from sources
http://ru.bem.info/articles/bem-js-main-terms/
// значение модификато раблока
Here https://github.com/bem/bem-method/wiki/%D0%92%D0%B0%D1%80%D0%B8%D0%B0%D0%BD%D1%82%D1%8B-%D0%BC%D0%BE%D0%B4%D0%B8%D1%84%D0%B8%D0%BA%D0%B0%D1%86%D0%B8%D0%B8-%D0%B1%D0%BB%D0%BE%D0%BA%D0%BE%D0%B2 at the last image change the word "Яндекс" to "Yandex".
https://github.com/bem/bem-method/blob/gh-pages/pages/beginning/beginning.ru.html
line 262 JavaSript => JavaScript
I would like to translate into and introduce in Korean. If you have a plan for this please let me know that.
На странице http://ru.bem.info/articles/bem-js-main-terms/ опечатка вначале:
В стеке БЭМ-технологий есть блок i-bem библиотеки bem-bl. Его JavaScript-реализация использует предметную область БЭМ и позволяет насладиться всеми преимуществ��ми разработки по принципам БЭМ не только программируя внешний вид компонент, но и их поведение.
Какой-то сломанный символ вместо „а“.
Upd. Плохо в Яндекс.Браузере (бета), ФФ Найтли и Хроме (33.0.1707.0 dev-m), в ИЕ всё ок.
/bin/ in URL http://bem.github.com/bem-method/bin/all.ru.html is unnecessary. Can you omit it?
/bem-method/images/levels.ru.png
Here https://github.com/bem/bem-method/wiki/%D0%A1%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D0%B0-%D0%91%D0%AD%D0%9C-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B0-%D0%BD%D0%B0-%D1%84%D0%B0%D0%B9%D0%BB%D0%BE%D0%B2%D0%BE%D0%B9-%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B5 are few titles as filename (for example index.bemdecl). We use another filename extension. Put here correct ones.
The image https://github.com/bem/bem-method/raw/master/images/levels.ru.png has to be changed to nicer one.
Битые ссылки http://joxi.ru/UX9HU_3JTJBRBOvb_K0
описать, как преобразовывается ссылка «link: вы указываете ссылку на файл, после сборки ссылка преобразовывается.»
Change all the words in "house" in English. Correct words can be gotten from any Yandex site with English locale.
Думаю, что лучше заменить ссылки в 900-links.ru.wiki на одну ссылку http://clubs.ya.ru/bem/posts.xml?tag=64664079
А в английской версии документации убрать ссылки на видео совсем.
There are many TRANSLATE
marks in Russian version of History.
Images in repository must be in english language and filenames must be language independent.
Please, rename all *.ru.png files to *.png. E.g. search-e.ru.png => search-e.png
Replace all filenames in *.en.wiki and *.ru.wiki
Currently paths to images are absolute:
img src="/bem-method/images/search.ru.png"
I think it must be relative, our documentation can be read offline, without web-server.
img src="../images/search.ru.png"
Методология → Определения → «...Или так, чтобы сделать классы меню независимым от деталей...»
Верно: «...Или так, чтобы сделать классы меню независимыми от деталей...»
Hey everyone, just want to point out that all the links to the tutorials are 404.
Cheers
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.