ykrevnyi / markup
This package is abandoned and no longer maintained.
No replacement package was suggested.
There is no license information available for the latest version (v1.1.2) of this package.
A simple markup starting page.
v1.1.2
2013-12-09 14:30 UTC
Requires
- frameworks/jquery: dev-master
- twitter/bootstrap: dev-drop_recess_for_less
This package is not auto-updated.
Last update: 2018-01-08 07:50:47 UTC
README
Установка:
Схема:
composer {ACTION} {VENDOR}/{PRODUCT} {FOLDER_NAME} dev-{BRANCH_NAME}
Пример:
composer create-project ykrevnyi/markup markup.dev dev-master
Использование HTML5, CSS:
Мы используем HTML5
Теги:
Все теги в нижнем регистре.
Хорошо:
<footer>
<section>
<span>
Плохо:
<FOOTER>
<Section>
<SpaN>
Классы:
Используются названия типа "название1-название2". То есть, через дефис.
Хорошо:
.container {}
.container-wrapper {}
.container-wrapper-list {}
Плохо:
.Container {}
.containerWrapper {}
.containerWrapperList {}
Идентифокаторы:
Используются названия типа "название1-название2". То есть, через дефис.
Хорошо:
#header {}
#header-nav {}
#header-menu {}
Плохо:
#Header {}
#headerNav {}
#headerMenu {}
Использование:
Привязка к идентификаторам и класам (не тегам!!!).
Хорошо
HTML
<header id="header">
<a href="#" class="logo"></a>
</header>
CSS
#header {
border: 1px solid #ccc;
}
#header .logo {
display: block;
}
Плохо
HTML
<header>
<a href="#" class="logo"></a>
</header>
CSS
header {
border: 1px solid #ccc;
}
header .logo {
display: block;
}