Efficient, maintainable CSS
View SlideShare presentation or Upload your own. (tags: modular maintainable)
Все статьи ← веб стандарты
-
-
Стандартный режим, режим обратной совместимости и DOCTYPE
Еще раз хочу вернуться к данным режимам, их выбору, переключению и DOCTYPE
-
IE7.js version 2.0 (beta)
IE7 — это библиотека JavaScript, заставляющая работать IE как standards-compliant браузер. Решает множество HTML и CSS проблем, в т.ч. PNG прозрачность в IE5, IE6. IE7.js Обновляет MSIE5-6 до соответствия MSIE7 <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.…
-
Кросс-браузерная прозрачность
.transparent-class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } opacity: 0.5; — для основных стандартных браузеров (Firefox, Safari и Opera) filter:alpha(opacity=50); — IE -moz-opacity:0.5; — старые версии Mozilla -khtml-opacity: 0.5; — Safari (1.x)
-
Diagnostic Styling
Eric Meyer представил ряд правил CSS, применяя которые можно визуально отслеживать ошибки в разметке при создании сайта. Выглядят они примерно следующим образом: a[href="#"] {background: lime;} a[href=""] {background: fuchsia;} Данные правила …
-
70 приемов улучшения CSS верстки
CSS верстка далеко не всегда простая штука. В зависимости от вашего опыта и навыков CSS верстка может стать настоящим кошмаром, особенно, если вы не уверены, какие селекторы действительно применены к элементам данного …
-
Альтернатива display: none
Довольно часто приходится скрывать некоторые элементы при создании сайта используя display: none. Screen reader'ы не отображают содержимое скрытых таким способом элементов. Поэтому предлагается более удобное решение в статье …
-
Разрушая пользовательский опыт
by Aaron Gustafson. Чтобы произвести хорошее впечатление на любого пользователя, необходимо предугадать его желания и ожидания, что является необходимым и обязательным моментом, о котором необходимо помнить всегда. …
-
Web сайты для мобильных устройств
Практическое руководство по созданию web сайтов для мобильных телефонов. Очень подробно описан весь процесс создания сайта для мобильных устройств с примерами кода, практическими рекомендациями и советами. Преамбула. …
-
Легко изменяемый макет фиксированной ширины
Попробуем создать макет страницы, который в зависимости от размера экрана будет меняться. Причем попробуем для этих целей воспользоваться только средствами CSS, без использования Javascript для выбора стиля, …
-
Способ стилизации изображения методом swfIR
Джон Олдингер (Jon Aldinger), Марк Хьот (Mark Huot) и Дан Молл (Dan Mall) из всем известного Happy Cog опубликовали способ замены изображения, решив тем самым некоторые дизайнерские ограничения стандартного изображения в HTML, сохранив …
-
Замена изображения методом SWF
swfIR (swf Image Replacement) это метод, созданный специально для снятия некоторых ограничений стандартного изображения в HTML и свойств CSS, ассоциированных с ним, сохраняя концепцию дизайна в соответствии со стандартами. При помощи …
-
Валидация или еще один источник дохода
В раздел статьи поместил перевод очередной статьи с A List Apart о валидации и ее выгодах и перспективах и о стандартах. В общем все достаточно четко выражено языком денег. Статья не претендует конечно на супер …
-
Когда стандарты ведут не туда
Несколько лет назад Joe Clark в известной статье написал следующее: Если ваш сайт содержит валидный код или что-нибудь тривиально подобное валидному коду, Вы работаете в соответствии с веб стандартами Если вы …
-
Многоколоночный макет, выходящий за пределы блока
by Alan Pearce Нам всем хорошо известна проблема, возникающая при создании многоколоночного макета, в котором колонки должны быть одинаковой высоты. Прочитать подробно об этом можно в разных местах. Потому не будем …
-
Быстрое создание CSS шаблона в Photoshop
Может показаться, что мы возвращаемся в 1999 год. Данная статья, автор которой Casper Voogt покажет, как при помощи Photoshop и ImageReady создать валидный XHTML/CSS макет. Вам необходимо сделать несколько шаблонов для заказчика. …
