CSS3 Media Queries, IE 8 i starsze oraz fixy w js

Frontendowcy bawiacy sie w responsive design znaja pojecie media queries bardzo dobrze, podobnie jak i fluid layout. Tym razem zajmiemy sie css3 media queries i ich wykrywalnoscia przez... the winner is... IE8 i starsze, jak zwykle.

Na stronie Can I use? mozna sprawdzic dostepnosc roznych elementow CSS3 i HTML5 w roznych przegladarkach (rowniez mobilnych). Jak widac, CSS3 Media Queries nie sa obslugiwane przez IE8 i starsze (co nas w sumie nie dziwi...). To co ma zrobic frontendowiec chcacy zrobic strone zgodna ze wszystkimi zasadami i ladnie wyswietalajaca sie w roznych rozdzielczosciach?

Jak zwykle w takich przypadkach siegamy po pomoc JS. Polecam skrypt respond.js. Wystarczy sciagnac wersje mini, wrzucic do sekcji head i...

No wlasnie i wszystko zalezy od tego, czy nasza responsywna stronke piszemy lokalnie czy na serwerze. Bo jesli lokalnie, to nasze zabiegi majace na celu nauczenie IE 8 i starszych jak rozumiec CSS3 Media Queries nie odniosa zadnego skutku. Zeby cokolwiek zadzialalo, pliki musza byc serwowane z serwera.

Puste miejsca miedzy <LI> w IE 7/8

W internecie znalazlam milion piecset rozwiazan. Ale najlepsze, bez komplikowania kodu, jest usuniecie znakow entera, spacji czy innych spomiedzy LI w kodzie.

Czyli zamiast:

<LI>text</LI>
<LI>text</LI>
<LI>text</LI>

zrobmy:

<LI>text</LI><LI>text</LI><LI>text</LI>

Juz slysze te glosy niezadowolenia, ze wtedy dluga linia, ze nieczytelne, trudne w utrzymaniu... Zgadzam sie, dlatego w ramach ulepszania kodu wystarczy zrobic cos takiego:

<LI>text</LI><LI>
text</LI><LI>
text</LI>

Gra i buczy.