2008-09-16 12 views
6

Tworzę strony internetowe dla małej firmy medialnej. Niestety, około 45-50% naszej bazy klientów używa IE6, podczas gdy druga połowa jest w równym stopniu podzielona między Firefox i przeglądarki oparte na Webkit, z posypaniem użytkowników Opery."Frameworks" CSS, które uwzględniają nieprawidłowości przeglądarki?

Każda z moich stron rozpoczynam od zresetowanego arkusza stylów podobnego do Eric Meyera, z kilkoma modyfikacjami. Ostatnio korzystałem z "frameworka" Blueprint CSS, dzięki czemu moje życie stało się o wiele łatwiejsze, choć nie jestem do tego specjalnie przywiązany.

Około 60% czasu przeznaczonego na mój rozwój jest poświęcony, upewniając się, że tworzone przeze mnie witryny nie wyglądają niesamowicie inaczej w każdej przeglądarce. Koduję w Firefoksie 3, a następnie ulepszam.

Czy ktoś wie o jakichkolwiek arkuszach stylów/frameworkach tam, które próbują uprzedzająco uwzględnić wszystkie te głupie drobne dziwactwa przeglądarki? Wiem, że nic nie może całkowicie wyjaśnić dziwactwa przeglądarki, ale byłoby fajnie mieć coś bardziej solidnego na początek.

Pracuję nad stworzeniem własnego, ale byłoby miło mieć coś na początek.

Odpowiedz

0

Czy spojrzałeś na rzeczy Yahoo YUI? Mają strukturę CSS z różnymi przeglądarkami.

3

Biblioteka Yahoo YUI pomaga rozwiązywać problemy z renderowaniem w przeglądarce. Mianowicie, składnik Reset (http://developer.yahoo.com/yui/reset/) będzie odwracał wszystkie renderowania określone dla przeglądarki (margines i dopełnienie niektórych elementów na przykład), tworząc równe pole gry, aby zacząć od projektowania witryny.

1

Dean Edwards 'IE7 library radzi sobie z niektórymi dziwactwami Internet Explorera.

2

Przeczytałem i zgłębiono Transcending CSS autorstwa Andy'ego Clarke'a, Molly E. Holzschlag, Aarona Gustafsona i Marka Boultona.

Daje zestaw technik radzenia sobie z tymi dziwactwami, z którymi możesz sobie poradzić, oraz porady dotyczące udostępniania stron internetowych starszym lub mniej zdolnym przeglądarkom lub osobom używającym innych technologii, takich jak czytniki ekranu.

Zasadniczym celem jest tworzenie stron, które ulegają zniszczeniu z wdziękiem.

Zawiera wiele linków do zasobów, które rozwiązują te problemy.

1

Blueprint był jednym z pierwszych występów w tej przestrzeni i jest uważany za całkiem dojrzały.

http://code.google.com/p/blueprintcss/

Oto wielka lista dostępnych ram:

http://www.cssnolanche.com.br/css-frameworks/

Było dużo ciekawych dyskusji w społeczności internetowej dev temat ram css w tym czasie. Wielu obawiało się, że naruszyło to jakąś strukturę/seans prezentacji i wprowadziło niemantyczne nazwy klasowe i strukturę.

Niektóre odsłony:

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

+0

+1 do debaty –