<rmcreative>

RSS

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

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

    (1)
    (1)
    (1)
    (1)
  1. Новый Firebug Lite

    25 июля 2008

    Ура! Теперь Lite-версия имеет очень похожий интерфейс, приучена к Inspect с просмотром текущего CSS, имеет нормальный DOM-инспектор и консольку.

    Если кто не знает — данная штука позволяет получить «облегчённую версию» FireBug в IE, Opera или Safari.

    [Букмарклет](javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.pi&&window.firebug){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);) — можно затащить к себе на браузерную панельку и пользоваться.

    Официальная страничка

    4 комментария
  2. Подключение стиля только для Safari 3

    27 мая 2008

    Иногда, когда макет уже свёрстан, приходится вносить коррективы для некоторых отдельных браузеров. В случае IE очень помогают условные комментарии. В случае Safari обычно используются хаки.

    Но выход есть.

    <head>
      <link type="text/css" media="screen and (-webkit-min-device-pixel-ratio:0)"
      href="/css/safari.css"/>
    </head>

    В итоге получаем чёткое побраузерное разделение кода и валидные HTML и CSS.

    Опробовано на Windows-версии Safari 3.1. Если у кого есть под рукой мак — буду признателен за тестирование.

    8 комментариев
  3. Safari CSS Reference

    28 ноября 2007

    Появилось официальное описание CSS-свойств для Safari. Кроме стандартных свойств дано описание специфичных для сафари -webkit*.

    Изучаем

    Комментировать
  4. CSS только для Safari

    29 июня 2007

    Неплохой способ описать CSS только для Safari подсказал блог difour.org:

    <style type='text/css' media='all'>
    /*Safari 3 patch, http://difour.org */
    @media screen and (-webkit-min-device-pixel-ratio:0){
      #myDiv {
          font-size:40px;
      } 
    }
    </style>
    2 комментария