|
|
 |
<meta charset="utf-8">
<script src="/calendar_ru.js" type="text/javascript"></script>
<form action="">
<p><big>Выбери дату…</big><br>
<input type="text" value="yy-mm-dd" onfocus="this.select();lcs(this)"
onclick="event.cancelBubble=true;this.select();lcs(this)">
</p>
</form>
Подробнее: Календарь на JavaScript
Принципы написания чистого CSS кода
Слишком часто крупные (да и мелкие) сайты страдают от слишком разросшегося, и по сути, избыточного CSS кода, где можно найти большое количество лишних элементов, слишком длинные и конкретизированные выражения, большую зависимость одних селекторов от других, частое и нецелесообразное использование !important и так далее… Для оптимизации наших таблиц стилей, мы конечно же можем воспользоваться какими-то базовыми основами написания CSS кода. Что мы действительно должны делать, так это добиваться хорошего структурирования таблиц стилей и стремиться к повышению устойчивости к высоким нагрузкам.
Подробнее: Принципы написания чистого CSS кода
Разделение медиазапросов
При появлении медиазапросов разработчики начали использовать их при разработке адаптивных дизайнов для веб проектов. Обычное решение представляет собой различные наборы, которые изменяются для разных размеров рабочей области. Но можно использовать разделение стилей, вместо перезаписи.
Обычный вариант:
01 .box {
02 background: #777;
03 width: 100%;
04 box-shadow: inset 0 1px 3px #333;
05 }
06
07 @media (min-width: 800px) {
08 .box{
09 width: 760px;
10 margin: 20px auto;
11 box-shadow: none; /* reset */
12 }
13 }
Подробнее: Разделение медиазапросов
8 ловушек CSS и методы их обхода
Когда пишется код CSS, очень легко попасть в одну из ловушек. Чтобы их преодолеть, нужно использовать небольшие и эффективные трюки.
В данном уроке описывается несколько моментов, которые помогут при работе над CSS частью вашего проекта.
Подробнее: 8 ловушек CSS и методы их обхода
Таблицы CSS лучше таблиц HTML?
Многие веб мастера уверены, что использовать HTML таблицы в шаблонах — плохая практика. Но в данном уроке мы рассмотрим только таблицы CSS. Какая разница между таблицами HTML и CSS? Надо ли использовать таблицы CSS? Если да, то как?
Как создать таблицу CSS
Подробнее: Таблицы CSS лучше таблиц HTML
|
|
|
|
