Никита Вакорин пишет об использовании нестандартных шрифтов на сайте.
Рассматривается внедрение EOT и OTF и различные проблемы: как технические, так и правовые.
15 июля 2009
Никита Вакорин пишет об использовании нестандартных шрифтов на сайте.
Рассматривается внедрение EOT и OTF и различные проблемы: как технические, так и правовые.
4 июля 2009
IE8 можно ввести в режим совместимости с IE7 (обязательно использовать до всех остальных элементов):
<meta http-equiv="X-UA-Compatible" content="IE=7" />
А можно наоборот, этот режим совместимости запретить:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
И запрещать его нужно. Нужно для того, чтобы не верстать под ещё один «промежуточный» браузер, ведь IE8 в режиме совместимости — это совсем не IE7:
29 июня 2009
Дмитрий Лялин обновил генератор HTML+CSS шаблонов. Новая версия уже неплохо настраивается: можно указать, какой CSS Reset использовать, размеры всего макета, шапки, сайдбаров, подвала.
Для быстрого старта нового проекта — самое оно.
24 июня 2009
То, что в документе возможно использовать любые свои тэги — штука известная, но, думаю, найдутся люди, которые о ней не знают.
4 июня 2009
Как только табы вошли в моду, дизайнеры начали выдавать интересные макеты с выделенным элементом, который перекрывает остальные. Как оказалось, ничего сложного в реализации этого средствами CSS нет.
Алексей Ильин наглядно показывает, как это сделать.
2 июня 2009
Простые и очевидные мелочи очень часто забываются. Александр Исаков напомнил, чем именно плохи не подчёркнутые ссылки:
29 мая 2009
Неплохое решение проблемы расходования свободного пространства при отображении сеточной/колоночной разметки на разных мониторах.
17 мая 2009
Ответ на этот вопрос, обычно — чтобы не плодить файлы. С другой стороны хаки могут перестать работать в любой момент (с апдейтом IE, например). Условные комментарии в этом плане намного стабильнее.
На самом деле решение можно скомбинировать, задав class для body через CC:
<!--[if lt IE 7]> <body class="ie6"> <![endif]--> <!--[if IE 7]> <body class="ie7"> <![endif]--> <!--[if IE 8]> <body class="ie8"> <![endif]--> <!--[if !IE]>--> <body> <!--<![endif]-->
Теперь вместо хаков можно использовать класс body:
.ie6 .menu li { zoom: 1; }
Примерно так же можно поступить с остальными браузерами, проанализировав заголовок HTTP_USER_AGENT, хотя это менее надёжно т.к. он может меняться.
17 мая 2009
Замечательный кроссбраузерный способ повернуть любой текст на произвольный угол. Самое приятное — текст остаётся текстом. JavaScript не используется.
13 апреля 2009
В прошлом году многие говорили о том, как удобны переменные в CSS и о том, что всё это будет не скоро. На самом деле реализовать это предельно просто. Допустим, что пишем мы на PHP.
Подключаем стили:
<link rel="stylesheet" href="style.php" media="screen, projection"/>
Ну и сам style.php:
// Отдаём верный content-type header("Content-type: text/css"); $link_color = '#00f'; $link_font_size = '20px'; p { color: <?=$link_color; font-size: $link_font_size; }
На выходе получим:
p { color: #00f; font-size: 20px; }