HTML5 i CSS3

[Morfeusz_2005]

Witam. Czy oplaca sie przy nowych projektach przejsc juz na html5 i css3 czy lepiej pisac jeszcze w xhtml 1.0 i css2? Jakie sa wady i zalety i czy to oplacalne i czy powinno sie juz korzystac z nowej technologii?

[Kartofelek]

Się opłaca.

Zalety - 50% szybciej zakodujesz projekt + o wiele łatwiej się ogarnia kod
Wady - CSS3 nie jest jeszcze w pełni obsługiwane, ale większość już śmiga.

Dziękuję za uwagę.

[Morfeusz_2005]

Czyli odrzucić XHTML 1.0 Transitional i tworzenie nowego Portalu na rzecz funduszy europejskich skupić na HTML5?
Trochę to ryzykowne według mnie. System ma być przeznaczony dla szkół 4 poziomów (podstawówka, gimnazjum, szkoły średnie, uczelnie) czyli dla nauczycieli, jak i dla uczniów, którzy rzadko aktualizują przeglądarki.

[Kartofelek]

IE6 spokojnie łyka html5. Html5 to żadna super zabawka. To kilka nowych znaczników, bardziej mądre podejście do pewnych zagadnień itp. Mimo tak "prstych" zmian - kod i logika jest milion razy lepsza.
Ostatnio pisałem w html4 + doctype z html5. Postanowiłem stworzyć nowe projekty w czystym html5. Gdy wróciłem do html4, jakoś tak kiepsko było.

Ps. Pamiętaj by dla starszych IE użyć tego:

Kod:

<!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Reszta już standardowo

[Morfeusz_2005]

A co z CSS3, z tym chyba będzie gorzej?

[Kartofelek]

są na to techniki.
selectivizr + css pie, a resztę robisz tak jak się da.
Różnice zawsze będą. Chociażby w sposobie wyświetlania cleartype czcionki.
Ale jak stosujesz to z głową to nie ma problemu.

[Morfeusz_2005]

Witam, to znowu ja. Plan przetargu z użyciem HTML 5 i CSS3 (choć sporo udziałowców grymasiło, póki nie dostali dobrych argumentów) został zaakceptowany. Znacie może jakieś strony z opisami tagów, budowy i struktur html5 i css3?

[Kartofelek]

http://www.w3schools.com/html5/html5_reference.asp
http://html5boilerplate.com/
http://net.tutsplus.com/sessions/html5-and-you/

css3
http://css3please.com/
http://css-tricks.com/
http://code.google.com/p/css3-mediaqueries-js/
http://adamczuk.net.pl/2009/01/08/obsluga-selektorow-css3-przez-przegladarki/
http://nerdi.net/
http://selectivizr.com/

+ kilka innych

Tak naprawdę to nauka html5 trwa może z godzinę? Podstawy w zupełności wystarczą do wszystkiego.
Jak poznasz co to jest section, header, footer, nav, aside i article to ci to styka. W końcu to taki html4 ale o wiele fajniejszy i łatwiejszy.
Tak samo w css3 - border-radius, box-shadow, text-shadow - to styknie. + kilka innych pomniejszych. Pewnie zainteresuje cię selectivizr, bo dzięki niemu włączysz selektory css3 dla reszty przeglądarek. Osobiście robię taki trik, że ściągam sobie tą bibliotekę, dorzucam do niej kod NVMatchera (jako 1 plik) i dzięki temu mam obsługę wszystkich selektorów takich jak np nth-child nawet w IE6

Linków póki co więcej nie zapodam, bo robiłem to już kilka razy a jestem teraz bardzo zmęczony.

[Morfeusz_2005]

Podstawy, czy 9 lat nauki (prywatnie) html i css (nie mówiąc o innych językach) starczy?

Głównie zależy mi aby poznać strukturę i jakie polecenie do czego jest (tag, opcja stylu itd.)

IE 6,7,8... Te pewnie zdegraduje, ewentualnie zostawię coś dla IE 8. Nie ma sensu chyba używać czegoś co odbiega od normy i potencjalnym użytkownikom najlepiej przemawiać w sposób, że brak wsparcia IE dla tego CMS'a.

Dzięki za pomoc ;-)


Jeszcze jedna sprawa. Widziałem masę stron, gdzie pokazany jest support CSS3 dla przeglądarek, niestety są to stare informację, bo ine obejmują najnowszych wersji przeglądarek. Zna ktoś jakąś stronę z nowym opisem co gdzie działa?

[Kartofelek]

http://www.webdevout.net/browser-support-css

takie znalazłem. W sumie ja stosuję zasadę: IE<=8 nie obsługuje css3. Reszta tak ;]