4 июня 2008
Мой перевод статьи «They Shoot Browsers, Don't They?».
Опубликован также на CSSBlast.
Размышление на тему, придется ли стандартоориентированным веб-разработчикам добавлять лишнюю строчку кода, для того чтобы заставить IE вести себя так, как он и должен по-умолчанию.
28 мая 2008
Вадим Макеев поделился отличным решением для динамичной полоски выставления рейтинга. Основная интерактивность вынесена в CSS. JavaScript используется только для отсылки результата. Таким образом, всё работает при отключенных картинках и скриптах: показывается прогресс-бар с ссылками.
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. Если у кого есть под рукой мак — буду признателен за тестирование.
26 мая 2008
В последнее время Никита радует активностью. На этот раз он поделился собственным решением для сброса CSS с подробным описанием. Основано оно на ресете Эрика Мейера, но есть и существенные отличия.
26 мая 2008
Рекомендации по использованию атрибута alt… и не только для картинок.
22 мая 2008
Приму и я затеянную Никитой эстафету.
6 мая 2008
Зарелизился долгожданный Dragonfly для Opera — аналог известного всем FireBug.
Для тех, кто пользуется нестандартными меню или не хочет обновляться до последнего билда: Developer tools
На dev.opera.com также появилась пара статей на английском про Dragonfly:
6 мая 2008
Наглядная табличка, показывающая разницу в том, как браузеры отрисовывают кнопки.
4 мая 2008
О том, как правильно закэшировать внешние ресурсы и обеспечить прозрачное обновление при смене версии.
28 апреля 2008
Часто вижу, что CSS разделяются таким образом:
<link href="styles/main.css" rel="stylesheet" type="text/css" media="screen" /> <link href="styles/print.css" rel="stylesheet" type="text/css" media="print" />
На самом деле, если время загрузки критично, можно их безболезненно собрать в один файл:
<link href="styles/main.css" rel="stylesheet" type="text/css" />
/* тут наш main.css */ @media all { .myclass { background: #ccc; } } /* тут наш print.css */ @media print { .myclass { background: #fff; } }
p.s. к написанию побудила аналогичная англоязычная заметка.
