«Фреймворки» CSS, учитывающие нарушения работы браузера?
Я создаю сайты для небольшой медиа-компании. К сожалению, около 45-50% нашей клиентской базы используют IE6, в то время как другая половина примерно поровну разделена между браузерами на основе Firefox и Webkit, с небольшим количеством пользователей Opera.
Я запускаю каждый из своих сайтов с таблицей стилей сброса, подобной Эрику Мейеру, с небольшими изменениями. В последнее время я много использую "фреймворк" Blueprint CSS, и он значительно облегчил мне жизнь, хотя я не особо привязан к нему.
Примерно 60% времени разработки я трачу на то, чтобы создаваемые мной сайты не выглядели по-разному в разных браузерах. Я кодирую Firefox 3, а затем настраиваю оттуда.
Кто-нибудь знает какие-либо таблицы стилей / фреймворки, которые пытаются упреждающе учитывать все эти глупые маленькие странности браузера? Я знаю, что ничто не может полностью объяснить все странности браузера, но было бы неплохо для начала иметь что-то более надежное.
Я работаю над созданием своего, но было бы неплохо с чего начать.
Ответы 6
Вы смотрели материалы Yahoo YUI? У них кроссбраузерный CSS Framework.
Библиотека Yahoo YUI помогает справиться с проблемами кроссбраузерного рендеринга. А именно, компонент «Сброс» (http://developer.yahoo.com/yui/reset/) вернет всю визуализацию, специфичную для браузера (например, поля и отступы для определенных элементов), создавая равные условия игры для начала при разработке вашего сайта.
Взгляните на YAML.
Библиотека IE7 Дина Эдвардса справляется с некоторыми причудами Internet Explorer.
Прочтите и усвойте Превосходя CSS Энди Кларка, Молли Э. Хольцшлаг, Аарона Густафсона и Марка Бултона.
В нем содержится набор методов работы с причудами, с которыми вы можете справиться, а также советы по обеспечению доступа к веб-сайтам для старых или менее функциональных браузеров или для тех, кто использует другие технологии, такие как программы чтения с экрана.
Фундаментальный упор делается на создание сайтов, которые постепенно деградируют.
Он содержит множество ссылок на ресурсы, посвященные этим вопросам.
Blueprint был одним из первых появлений в этой области и считается достаточно зрелым.
http://code.google.com/p/blueprintcss/
Вот огромный список доступных фреймворков:
http://www.cssnolanche.com.br/css-frameworks/
В то время в сообществе веб-разработчиков было много интересных споров о CSS-фреймворках. Многие были обеспокоены тем, что это нарушило некоторое разделение структуры / представления и ввело несемантические имена и структуру классов.
Некоторые виды:
http://jeffcroft.com/blog/2007/nov/17/whats-not-love-about-css-frameworks/
http://playgroundblues.com/posts/2007/aug/10/blueprints-are-not-final/
http://www.markboulton.co.uk/journal/comments/blueprint_a_css_framework/
http://peter.mapledesign.co.uk/weblog/archives/blueprint-semantics-markup-frameworks