Brian Curtis
0 
1004
130
HTML (HyperText Markup Language) jest obecnie najczęściej używanym językiem znaczników. Tagi, elementy i nawiasy kątowe z niewielką pomocą CSS stanowią element składowy wszystkiego, co widzisz w sieci WWW.
Minęło prawie 20 lat, odkąd HTML zaczął definiować sposób, w jaki „widzimy” internet. Teraz jest na granicy piątej głównej wersji - HTML5. Od pierwszego awatara do piątego sama sieć została przekształcona. HTML5 to próba zaspokojenia aktualnych potrzeb, która w dużej mierze opiera się na treściach dynamicznych i multimedialnych. Ale jak to zmieni sposób, w jaki wyglądamy i pracujemy z siecią?
Dzisiejsza sieć jest coraz bardziej interaktywna i bogata w media. Aplikacje są przenoszone online. HTML5 zaspokaja wszystkie te potrzeby, wprowadzając sposoby osadzania wideo i audio, rysowania prostej grafiki, pracy z aplikacjami offline; rób to wszystko bez wtyczek i oczywiście rób to wszystko szybciej niż wcześniej.
To przecież standard. Dlatego prawie niemożliwe jest pocenie się szczegółów w kilku wierszach. Oto dziesięć zasobów, które dają wgląd w HTML5. Poznajmy go, ponieważ wszyscy będziemy mogli wkrótce z niego korzystać.
WTF to HTML5 [nie jest już dostępny]
Grupa badawcza Focus przełamuje najnowszą specyfikację i podaje ją jako prostą do zrozumienia infografikę. W ciągu dziesięciu minut zobaczysz helikopter, na czym polega HTML5 i dlaczego powinniśmy się tym przejmować.
Zanurz się w HTML5
Napisane przez Marka Pilgrima, to starannie wybrane spojrzenie na wybrane funkcje HTML5. Jest to połączone w stylu konwersacji “˜Do serii manekinów. Jeśli chcesz zrozumieć podstawy, musisz to przeczytać.
I jest “˜Professor Markup ”, który poprowadzi cię wraz z odpowiedziami na najczęściej zadawane pytania. Każdy rozdział jest poparty prezentacjami i przykładami. Ale przed wypróbowaniem sprawdź wspomniane obsługiwane przeglądarki.
HTML5Doctor
W HTML5Doctor.com masz artykuły, które mają pomóc Ci w rozpoczęciu działalności. Na przykład, korzystając z pierwszego artykułu, możesz ustawić, aby twoja strona internetowa była rozpoznawana przez przeglądarki jako HTML5. Czwarty post pomaga w zaprojektowaniu bloga z HTML5.
Blog HTML5 zawiera również sekcję pytań i odpowiedzi, w której możesz przesyłać swoje pytania. Niektóre odpowiedzi znajdują się na stronie głównej jako “˜Odpowiedzi na twoje pytania.
HTML5Rocks
Ten zasób sieci web HTML5 wymaga od Ciebie dobrej znajomości kodowania. Jeśli tak, istnieje kilka samouczków, które pomogą Ci zrozumieć, w jaki sposób można kodować funkcje HTML5. Możesz eksperymentować z HTML5 na Plac zabaw a nawet ponownie wykorzystać niektóre próbki kodu we własnym projekcie.
Samouczki są nieliczne, ale wyczerpujące. Każda z nich jest również oznaczona ikoną przeglądarki, która spełnia wymagania funkcji HTML5.
Gry HTML5
HTML5 sprawia Adobe kilka kłopotów, ponieważ obiecuje porzucić Flash (przynajmniej w przypadku niektórych aplikacji). Czy HTML5 okaże się tak samo skuteczny jak gry online, jak gry Flash, do których jesteśmy przyzwyczajeni? Sprawdź to sam, grając w gry HTML5 hostowane w tej witrynie.
Gotowość HTML5
Wszystkie przeglądarki przygotowują się do HTML5. Półkole w tej witrynie jest wizualnym wskaźnikiem dotychczasowych prac przeglądarkowych dla HTML5 i CSS3. Możesz najechać myszką na 28 funkcji i zmierzyć scenę za pomocą kolorowych szprych.
Wygląda na to, że Safari i Chrome są bardziej na ścieżce niż inne.
[BRAK DŁUŻSZYCH DZIAŁAŃ] Tabela referencyjna elementów HTML5
Układ okresowy pierwiastków, projekt Josh Duck to ekscentryczne spojrzenie na 104 elementy HTML5 (i 2 proponowane elementy) przy użyciu układu układu okresowego. Kliknięcie każdej komórki powoduje wyświetlenie krótkiego opisu z dodatkowymi odniesieniami.
Test HTML5
Na pierwszy rzut oka możesz ocenić wynik (przeglądarki) w porównaniu z funkcjami gotowymi na HTML5. Gdy tylko strona się załaduje, wyświetli się wynik z maksymalnie 300 punktów. Otrzymasz punkty bonusowe, jeśli wsparcie wykracza poza to, co może określać specyfikacja HTML5.
Wyniki są również oznaczone kolorami, co wskazuje na wszystko, co jest świetne, a co nie jest dostępne w przeglądarce.
Galeria HTML5
HTML5gallery.com paraduje z innymi stronami używającymi HTML5 w takiej czy innej formie. Możesz kliknąć miniaturę i przejść do wyświetlanych stron internetowych. Jest to także platforma edukacyjna, aby zobaczyć, jak programiści wdrażają HTML5.
Każda profilowana witryna ma małą notatkę wyjaśniającą, w jaki sposób element HTML5 został wykorzystany do zaprojektowania witryny.
YouTube HTML5 Beta
The “˜Element wideo jest reklamowany jako jeden z najlepiej sprzedających się punktów HTML5. Możesz to przetestować na YouTube, wybierając w większości filmów odtwarzacz HTML5 zamiast odtwarzacza Flash. Twoje próby pokażą Ci również, jak Twoja obecna przeglądarka radzi sobie z filmami HTML5. Zapoznaj się z sekcją Notatki, aby zanotować lepsze punkty dotyczące wersji beta serwisu YouTube.
Wszystko mówi o nadchodzących ekscytujących dniach. Te dziesięć stron internetowych na HTML5 to tylko początki rasy, która wkrótce eksploduje. Mamy nadzieję, że pomogą ci znaleźć odpowiedni element do pracy z HTML5.
Zdjęcie: justinsonmia