Posts Tagged ‘ html5

Boilerplate – najlepszy template HTML5, CSS3, JS?

Boilerplate to całkiem ciekawy zbiór szablonów. Wykorzystuje jQuery, najlepsze standardy kodowania zarówno HTML jak i CSS oraz daje pełną kompatybilność oraz możliwości personalizacji na wszystkich przeglądarkach i na wszystkich platformach. Poniżej lista zalet według autorów:

  • pełna zgodność z przeglądarkami (łącznie z IE6)
  • przystosowany do korzystania z tagów HTML5
  • gotowe reguły cachowania oraz kompresowania
  • wykorzystuje najlepsze praktyki w konfiguracji strony
  • jest zoptymalizowany dla przeglądarek mobilnych

itd itp icon smile Boilerplate   najlepszy template HTML5, CSS3, JS? Oczywiście system ten nie jest idealny, ale przy odrobinie pracy społeczności możemy dostać idealny zbiór szablonów rozpoczynając pracę nad stronami.

boiler html5 600x92 Boilerplate   najlepszy template HTML5, CSS3, JS?

tutaj link do strony boilerplate

Geolokalizacja w smartfonach – HTML5

mobile tuts przedstawił kolejnego tutka tym razem na temat HTML5. Jedną z jego możliwości jest geolokalizacja, a tutorial pokazuje w praktyce jak już teraz można to osiągnąć.

geolokalizacja HTML5 Geolokalizacja w smartfonach   HTML5

link do tutoriala tutaj

Muzyczne nuty w JavaScript/jQuery i HTML5/Canvas

Ktoś kto chciałby umieścić zapisy nutowe na swojej stronie www musiałby raczej skorzystać z obrazków. Jednak pojawiła się bardzo ciekawa i solidnie napisana biblioteka do generowania zapisów nutowych korzystająca z Jquery, HTML5 i Canvas – JsNotation.

Kod, który potrzebny jest do wygenerowania nut pisze się w JS, na przykład tak:

score {
  title: Hip Tune
  artist: Hip Person

  bar { v8 C4 D4 E4 F4 (C4 E4 G4) }
  bar { v8 C4 D4 E4 F4 (C4 E4 G4) } repeat 3
}

możliwości są całkiem spore – można zamieścić na pięciolini praktycznie wszystkie notacje muzyczne i symbole:

Picture 7 Muzyczne nuty w JavaScript/jQuery i HTML5/Canvas

Picture 9 Muzyczne nuty w JavaScript/jQuery i HTML5/Canvas

Picture 11 Muzyczne nuty w JavaScript/jQuery i HTML5/Canvas

tutaj link do strony z demo

tutaj link do biblioteki

Voices that matter 2010 – San Francisco

Bardzo ciekawa konferencja o web designie. Głównymi bohaterami tegorocznej edycji będą HTML5 i CSS3

zrzut ekranu 62 Voices that matter 2010   San Francisco

link do strony konferencji

link do programu

link do rejestracji

Firefox4 a HTML5 i JSON

Firefox 4 ma przynieść znacznie lepszą obsługę html5 oraz natywnie ma wspierać przechowywanie danych JSONa.
NDJmMDlkNjc3ZjE4ZGE5OTUwNmQmb2Y9MA== Firefox4 a HTML5 i JSON

Filmiki ze spidermanem – tylko HTML5 i CSS3

Antony Calzadilla przygotował niezłą demonstrację możliwości CSS3, HTML5 – animację spidermana icon smile Filmiki ze spidermanem   tylko HTML5 i CSS3

zrzut ekranu 60 600x375 Filmiki ze spidermanem   tylko HTML5 i CSS3

obejrzyj demo tutaj

Aves – silnik do gier w HTML5 i JS

Aves to rewelka – solidny (tak przynajmniej wygląda w teorii) silnik do gierek napisanych w HTML – zero flasha.

Lista funkcjonalności jest dosyć rozbudowana, umożliwia np śledzenie zderzeń, animację obiektów. Ma też wbudowany edytor map.

niestety na razie nie mamy konkretnych informacji na temat modelu licencjonowania czy jakiegolwiek sandboxa icon sad Aves   silnik do gier w HTML5 i JS

link do strony silnika