HTML5

[Marys]

Witam,
jak to właściwie jest z tym HTML5? Chyba jeszcze nie wszystkie przeglądarki go obsługują (tylko te nowsze?) więc jest pewien problem z używanie html5? Nie wszyscy też używają javascript, więc jak to ogarnąć? Jak zrobić, żeby strona w HTML5 była dostępna dla wszystkich?

[Kartofelek]

Z html5 jest jak z lodami czekoladowymi. To i to jest zajebiste.
Html5 to jest nic nadzwyczajnego. To takie poprawienie i usystematyzowanie html4. html5 to taki w 90% html4 + dodatki i poprawki. O właśnie.
Przeglądarki obsługują html5 jak najbardziej. Stare złomy mają po prostu problemy z obsługą niektórych znaczników, ale przecież w html4 też tak było!
Dodatkowo html5 bardzo mocno upraszcza sporo rzeczy.

Czy warto tego używać? Jak najbardziej. Oczywiście z głową. Jak ci przegladarka nie obsługuje np media czy podobnego, wtedy szukasz odpowiedzi np na stack overflow i używasz pluginu. Tak samo jak z css3. Tego też używać nawet trzeba - ale także z głową.

Z doświadczenia wiem, że nie zawsze jest to takie masełko jak się mówi. Jest np sporo bibliotek do generowania pdf, które nie rozumieją znaczników section, aside itp więc html5 dla nich nie istnieje. Wtedy albo zmieniamy bibliotekę (lepsze) albo wracamy do prostej formy html5, w której używamy nowego nagłówka + znaczników z html5 (pomijamy section, aside, footer itp).

Co do javascript. To jest najstarsza reguła internetu. Strona powinna dać się obsłużyć bez js. Ale ona też nie zawsze ma znaczenie, bo np google map bez js były by bez sensu.
Czy w dzisiejszych czasach ktoś nie ma js? Tak. Super stare telefony, meeeeega stare przeglądarki i pederaści/masochiści. Równie dobrze możesz przejmować się "zachłannymi babami z Radomia".
Pytanie tylko czy poprawić użytecznosć swojej strony dla znacznej większości twoich użytkowników, czy stękać nad jakimś setnym procentem masochistów przy okazji psując życie całej reszcie (belatedpng itp)?

[Marys]

Oki. Akurat nie chodziło mi o strony w telefonach, tylko w przeglądarkach na kompach. No dobra skoro jest mały odsetek ludzi, którzy mają wyłączone js i można się nim nie przejmować to fajnie.

Czyli teraz np. sprawdzamy czy przeglądarka obsługuje html5 + css3, jeśli nie to walimy js, który to obsłuży? Możecie podrzucić jakieś linki do takich rozwiązań?

[hieroshima]

modernizr - najlepsza biblioteka na dokładnie takie zachowanie. Jeżeli przeglądarka czegoś nie obsługuje dodaje znacznik no-borderradius (to tak przykładowo) i wtedy robisz osobny styl/js dla danej klasy

[Kartofelek]

Modernize jest zajebisty.

Ale tu nie chodzi o spradzanie i walenie js w każdy możliwy sposób. Javascript przydaje się w "duzych" przypadkach.
Np budowanie płynnych gridów jak w jednym z ostatnich tematów na tym forum:
http://cssdeck.com/labs/css-only-pinterest-style-columns-layout
Bez js to w IE nie zadziała, wtedy trzeba użyć pluginów.
Podobnie jest z responsive design, którego niektóre przeglądarki nie obsłuugją. Jeden plugin i z głowy. Z html5 zresztą też tak jest

Co do "małych" przypadków. Layouty powinno się robić tak, żebyś nie musiał stosować bibliotek do każdej rzeczy. Mały gradient, małe zaokrąglenia, małe subtelne przejścia transition itp gdy zamienią się na prosty kolor czy kwadratowe narożniki, a samej mini animacji nie będzie, to brak tego wszystkiego nie powinnien powodować zupełnie innych "emocji" u odwiedzającego. Właśnie tak się robi nowe laje.
Pierwszy z brzegu przykład:
http://themeforest.net/item/futureprospects-stylish-corporate-joomla-template/full_screen_preview/400149
Czy jeżeli w tym ciemnym menu gradient zamieni się w czarny kolor (ie) to czy urwie to głowę? Nie. To jest właśnie umiejętne korzystanie z właściwości css

[hieroshima]

w sumie to racja, ale pytał dokładnie o to co modernizr dokładnie robi więc podałem . Sam przy ostatnim projekcie nawet nie użyłem modernizera, a jest full responsive. Możesz przy okazji ocenić i potestować @kartofelek --> http://www.lizardmobile.pl pobaw się w zmiane rozdziałki itd. i oceń (żeby nie było, nie robię zadnej reklamy, możesz link usunąć jak potestujesz ) na podstronach użyłem mechanizmu podpatrzonego na bootstrap'ie, ale wszystko było pisane od zera