Archive for the ‘ html5 ’ Category

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

Zen Coding – pisz HTML 10 razy szybciej!

Zen coding to świetna rzecz

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

Skraca pracę nad pisaniem szablonowych HTML znacznie, na szczęście jest już również plugin do gedit, aby go zainstalować wystarczy jedno polecenie:

svn export –forcehttp://svn.kryogenix.org/svn/zen-coding-gedit$HOME/.gnome2/gedit/plugins

i włączyć wtyczkę w ustawieniach

tutaj strona zen coding

tutaj strona z wtyczką do gedit

Ściągi CSS2 i CSS3

Jednokartkowe ściągi to świetny wynalazek, Smashing magazine przygotowali wersję dla CSS2 i CSS3

10 05 13 csshelpsheet 450x450 Ściągi CSS2 i CSS3

link do ściąg 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

Jak radzą sobie klienty poczty email z CSS3?

Jedno z najciekawszych zastosowań CSS3 to mejling. Dzięki CSS3 można osiągnąć piękne cienie, gradienty i inne efekty, które pozwalają rezygnować z większości grafik. Na stronach NetTuts pojawiło się porównanie jak radzą sobie różne programy do odczytu mejlów z treścią korzystającą z CSS3.

Jak można się spodziewać wygląda to przynajmniej na razie bardzo mizernie. Jeśli jeszcze weźmiemy pod uwagę, że newslettery powinny tak samo się wyświetlać na urządzeniach przenośnych, w oknach przeglądarek czy w jednej z tysiąca apliakcji do poczty, okazuje się, że stosowanie CSS3 w mejlach jest raczej mało praktyczne. No ale może za dwa lata icon smile Jak radzą sobie klienty poczty email z CSS3?

text background Jak radzą sobie klienty poczty email z CSS3?

link do wpisu tutaj

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