Новый PNG хак для IE6

Суть проблемы

Как известно, IE 6 не поддерживает альфа-канал (т.е. полупрозрачность) в PNG. Обычно для правильной обработки PNG применяются фильтры на основе AlphaImageLoader. Однако, этот метод обладает рядом серьёзных недостатков, начиная от плохой поддержки CSS и заканчивая сильными «тормозами» при отрисовке и изменениях размеров страницы. Читать дальше →

Accesskey (специальные клавиатурные сочетания)

Знаете ли вы, что на некоторых сайтах (в основном зарубежных) используются специальные клавиатурные комбинации для быстрого доступа к ссылкам, текстовым полям и кнопкам — accesskey? Причем работают они не зависимо от JavaScript. Читать дальше →

Плохие и хорошие учебники по созданию сайтов

Все ли учебники несут полезную информацию?

Сегодня Сеть и прилавки магазинов буквально забиты пёстрыми учебниками в стиле «сайт за 10 минут», «сайт без проблем», «Учебник HTML для новичков» и т.п. К сожалению, львиная доля этих учебников написана непрофессионалами, даже новичками, которые прочитали подобный учебник, решили, что всё уже знают и сами могут кого-то учить. К тому же, большая часть учебников содержит устаревшую информацию.

Вот например один из лучших учебников, по которому в своё время учился я сам — www.postroika.ru/html/. Да, несколько лет назад это был очень актуальный учебник, но сегодня до 70% информации в нем устарело. Сам язык HTML меняется не так уж сильно, но техника вёрстки за последнее время ушла далеко вперёд. О прочих учебниках порой и говорить страшно, иногда в них пишут такие глупости, что возникает сильное желание оторвать автору руки, чтобы не сбивал новичков с толку. Читать дальше →

User CSS

Что такое CSS

Термин CSS расшифровывается, как «Cascading Style Sheets», а на русский язык переводится, как «Каcкадные Таблицы Стилей».
CSS отвечают за оформление документов HTML, а проще говоря — сайтов.
С их помощью можно создавать совершенно разные варианты оформления. Самым ярким примером является сайт csszengarden.com, для которого добровольцами придумано более 200 вариантов дизайна! Читать дальше →

Правильное использование тегов

Внимание! На данный момент эта шпаргалка является устаревшей. В новом стандарте HTML 5 многие теги изменят и дополнят своё семантическое предназначение. Для тех, кто не знает английского языка и не может самостоятельно разобраться в новой спецификации, вскоре будет написано море статей (их пишут все, кому не лень). Одна из них уже есть и посвящена она четырём тегам: strong, em, b и i. Читайте её в моём новом блоге.

На многих форумах я нередко натыкаюсь на темы вроде «Какой тег лучше использовать, <b> или <strong>?»

Специально для таких случаев я написал эту шпаргалку.

Не рекомендуется Рекомендуется
applet, iframe object
b strong + css
basefont css
big css
center css
dir  
i em + css
font css
menu  
small css
s, strike css, del + css
tt css
u css, ins + css

Читать дальше →

min-width в Internet Explorer

Представляю вашему вниманию рабочий хак для эмуляции свойства min-width в Internet Explorer при помощи expression.

<!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>
<!--[if lte IE 6]>
<style type="text/css">
#container {
min-width: 1000px;
width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%")
}
</style>
<![endif]-->
</head>
<body>
<div id="container">
Остальной код страницы.
</div>
</body>
</html>

Читать дальше →

Opera Dragonfly

Dragonfly («Стрекоза») — отладчик HTML, CSS и JavaScript для браузера Opera. Последнюю информацию о нём вы можете получить в блоге разработчиков. Читать дальше →