CSS-фреймворки, которые объясняют ошибки браузера - PullRequest
6 голосов
/ 17 сентября 2008

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

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

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

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

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

Ответы [ 6 ]

3 голосов
/ 17 сентября 2008

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

2 голосов
/ 17 сентября 2008

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

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

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

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

2 голосов
/ 17 сентября 2008

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

1 голос
/ 18 сентября 2008

Проект был одним из ранних появлений в этом пространстве, и считается довольно зрелым.

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

1 голос
/ 17 сентября 2008

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

0 голосов
/ 17 сентября 2008

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

...