CSS-“фреймворки”, которые учитывают ошибки браузера?

Question

Я создаю веб-сайты для небольшой медиа-компании.К сожалению, около 45-50% нашей клиентской базы использует IE6, в то время как другая половина практически поровну распределена между браузерами на базе Firefox и Webkit, с небольшим количеством пользователей Opera.

Я запускаю каждый из своих сайтов с таблицей стилей reset, подобной таблице Эрика Мейера, с несколькими изменениями.В последнее время я часто использую "фреймворк" Blueprint CSS, и это намного упростило мою жизнь, хотя я к нему не особенно привязан.

Примерно 60% моего времени на разработку уходит на то, чтобы сайты, которые я создаю, не выглядели невероятно по-разному в каждом браузере.Я создаю код для Firefox 3, а затем настраиваю его оттуда.

Кто-нибудь знает о каких-либо таблицах стилей / фреймворках, которые пытаются упреждающе учитывать все эти глупые маленькие причуды браузера?Я знаю, что ничто там не может полностью объяснить все странности браузера, но было бы неплохо иметь для начала что-то более основательное.

Я работаю над созданием своего собственного, но было бы неплохо иметь с чего-то начать.

Answer 1

Взгляните на YAML.

Answer 2

Библиотека Yahoo YUI помогает справиться с проблемами кроссбраузерного рендеринга.А именно, компонент сброса (http://developer .yahoo.com/yui/reset/) вернет весь специфичный для браузера рендеринг (например, поля и отступы для определенных элементов), создавая равные условия для игры, с которых следует начинать при разработке вашего сайта.

Answer 3

Прочитайте и мысленно переварите Выход за рамки CSS авторы: Энди Кларк, Молли Э.Хольцшлаг, Аарон Густафсон и Марк Боултон.

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

Основной упор делается на создание сайтов, которые изящно деградируют.

Он содержит множество ссылок на ресурсы, которые занимаются этими проблемами.

Answer 4

Дин Эдвардс' Библиотека IE7 справляется с некоторыми причудами Internet Explorer.

Answer 5

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

Answer 6

Вы смотрели материалы Yahoo YUI?У них есть кроссбраузерный CSS-фреймворк.