<rmcreative>

RSS

Все заметки с тегом «CSS»

Можно уточнить:

  1. Внедрение шрифтов — EOT и @font-face

    15 июля 2009

    Никита Вакорин пишет об использовании нестандартных шрифтов на сайте.

    Рассматривается внедрение EOT и OTF и различные проблемы: как технические, так и правовые.

    Читаем

    Комментировать
  2. IE8 и режим совместимости с IE7

    4 июля 2009

    IE8 можно ввести в режим совместимости с IE7 (обязательно использовать до всех остальных элементов):

    <meta http-equiv="X-UA-Compatible" content="IE=7" />

    А можно наоборот, этот режим совместимости запретить:

    <meta http-equiv="X-UA-Compatible" content="IE=8" />

    И запрещать его нужно. Нужно для того, чтобы не верстать под ещё один «промежуточный» браузер, ведь IE8 в режиме совместимости — это совсем не IE7:

    8 комментариев
  3. CSStool

    29 июня 2009

    Дмитрий Лялин обновил генератор HTML+CSS шаблонов. Новая версия уже неплохо настраивается: можно указать, какой CSS Reset использовать, размеры всего макета, шапки, сайдбаров, подвала.

    Для быстрого старта нового проекта — самое оно.

    Пользуемся

    2 комментария
  4. Хочу свой тэг!

    24 июня 2009

    То, что в документе возможно использовать любые свои тэги — штука известная, но, думаю, найдутся люди, которые о ней не знают.

    Читаем

    8 комментариев
  5. Перекрывающиеся кнопки в меню

    4 июня 2009

    Как только табы вошли в моду, дизайнеры начали выдавать интересные макеты с выделенным элементом, который перекрывает остальные. Как оказалось, ничего сложного в реализации этого средствами CSS нет.

    Алексей Ильин наглядно показывает, как это сделать.

    Читаем

    2 комментария
  6. Забытый недостаток ссылок без подчёркивания

    2 июня 2009

    Простые и очевидные мелочи очень часто забываются. Александр Исаков напомнил, чем именно плохи не подчёркнутые ссылки:

    http://rmcreative.ru/img/underlined_links.gif

    12 комментариев
  7. Умные динамические колонки с применением CSS и jQuery

    29 мая 2009

    http://dimox.name/wp-content/uploads/2009/05/fixed.gif

    Неплохое решение проблемы расходования свободного пространства при отображении сеточной/колоночной разметки на разных мониторах.

    Читаем

    Комментировать
  8. Зачем нам хаки для IE?

    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, хотя это менее надёжно т.к. он может меняться.

    10 комментариев
  9. Текст под произвольным углом без флеш и js

    17 мая 2009

    Замечательный кроссбраузерный способ повернуть любой текст на произвольный угол. Самое приятное — текст остаётся текстом. JavaScript не используется.

    Пример

    Читаем

    3 комментария
  10. Переменные в CSS

    13 апреля 2009

    В прошлом году многие говорили о том, как удобны переменные в CSS и о том, что всё это будет не скоро. На самом деле реализовать это предельно просто. Допустим, что пишем мы на PHP.

    Подключаем стили:

    <link rel="stylesheet" href="style.php" media="screen, projection"/>

    Ну и сам style.php:

    <?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;
    }
    11 комментариев