<rmcreative>

RSS

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

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

  1. Не используйте @import

    13 апреля 2009

    Steve Souders не рекомендует использовать @import и рассказывает, как именно он влияет на параллельную загрузку стилей и страницы в целом.

    Читаем (перевод Ольги Абановой)

    3 комментария
  2. Naked Day 2009

    8 апреля 2009

    В этом году, пожалуй, поддержку голую акцию.

    14 комментариев
  3. Обновлённые таблички браузерной совместимости

    30 марта 2009

    На quirksmode.org обновились замечательные таблички:

    CSS

    W3C CSS Object Model

    DOM Events

    DOM CSS module

    DOM HTML module

    Посмотреть, что уже протестировано и что ещё предстоит

    Также, выложены частично заполненные таблички для мобильных браузеров:

    CSS support

    Miscellaneous tests

    W3C CSS Object Model

    Комментировать
  4. 10 фиксов, решающих проблемы Internet Explorer 6

    9 марта 2009

    Десяток решений известных и не очень багов IE6.

    Это должен знать каждый верстальщик.

    Читаем

    6 комментариев
  5. Набор для тестирования вёрстки

    26 февраля 2009

    Случайно попался неплохой набор виртуализированных браузеров, не требующих установки. Замечательно подойдёт для тестирования вёрстки.

    7 комментариев
  6. Эмулятор iPhone для Windows

    20 февраля 2009

    Всегда хотелось посмотреть, как мои сайты выглядят в браузере iPhone, но так как самого телефона у меня не было — не было и возможности.

    В Blackbaud эту проблему недавно решили, создав эмулятор.

    Для запуска нужен установленный Safari.

    Пользуемся

    UPD: полноценный эмулятор iPhone

    18 комментариев
  7. YAML Debug

    19 февраля 2009

    JavaScript-букмарклет, позволяющий узнать, в каком режиме рендерится разметка, количество файлов стилей и скриптов. Также позволяет подсветить некоторые элементы. Например, изображения с пустым alt.

    Пользуемся

    Комментировать
  8. EmChart

    9 февраля 2009

    Использование относительных единиц для размера шрифта — несомненный плюс. Вот только считать их долго и неприятно т.к. для следующего элемента в каскаде необходимо учитывать размер предыдущего. В Aloe Studios сделали замечательную табличку, которая позволяет упростить данную задачу.

    Столбцы в таблице — желаемый размер в px, строки — текущий размер в px.

    Средняя часть таблички — множитель, который как раз используется в CSS:

    множитель = желаемый размер в px / текущий размер в px
    

    Текущий размер можно посмотреть в Firebug: переходим по вкладкам: HTML, Style. Там в опциях (справа вверху) выставляем «Show Computed Style».

    Забираем в ZIP

    Пользуемся online

    Официальный анонс

    4 комментария
  9. Кроссбраузерная одноцветная полупрозрачность

    3 февраля 2009

    Хороший способ реализации полупрозрачного блока без применения opacity и абсолютного позиционирования. Вместо этого используется RGBA, Data:URI и фильтр Alpha для IE6 и IE7.

    Работает в IE 6+, FF 1.5+, Opera 7.2+, Safari 2+, Chrome и Konqueror 4.1.

    Рассматриваем

    3 комментария
  10. Cтрочная кнопка как ссылка

    2 февраля 2009

    Никита порадовал хорошим уроком о расположении кнопок-ссылок в тексте.

    Читаем

    Комментировать