Posts Tagged ‘ jQuery

jQuery ogłasza początek prac nad jQuery Mobile

No i stało się – jQuery oficjalnie ogłosił początek prac nad frameworkiem dla urządzeń mobilnych. Plan jest ambitny – chcą wyprodukować najlepszy framework dla urządzeń mobilnych i ujednolicony interfejs dla najczęściej wykorzystywanych przeglądarek mobilnych. W planach jest wsparcie dla:

  • iOS
  • Android
  • Blackberry
  • Bada
  • Windows Mobile
  • palm WebOS
  • symbian
  • MeeGo

Nie mogłem niestety znaleźć informacji na temat timeline tego projektu, ale można założyć że gdzieś w pierwszej połowie 2011 roku będziemy mieli wersję sabilną. Póki co możemy podziwiać mockupy elementów UI:

jquery mobile tablet 11aug201011 462x1200 jQuery ogłasza początek prac nad jQuery Mobile

tutaj link do strony głównej projektu

tutaj link do strony z innymi designami

tutaj link do ogólnej strategii i listy kompatybilności

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

Spritely – piękne animacje w HTML i jQuery

Spritely to jedno z najciekawszych rozszerzeń dla jQuery. Pozwala w bardzo prosty sposób dodać do swojej strony efektowne animacje. Wystarczy tylko taki kod:

$('#bird').sprite({fps: 12, no_of_frames: 3}).activeOnClick().active();
$('body').flyToTap();
$('#trees').pan({fps: 30, speed: 2, dir: 'left'});

 

animacje jquery 600x224 Spritely   piękne animacje w HTML i jQuery

link do strony pluginu tutaj

Skuteczna i przyjazna Captcha? Ajax Fancy Captcha

Jest to bardzo ciekawy plugin jQuery – zamiast przepisywania znaków czy próby odczytywania zamazanych liter wystarczy przeciągnąć obrazek z specjalne pole.

Captcha Skuteczna i przyjazna Captcha? Ajax Fancy Captcha

link do pluginu tutaj

jQuery Shell – świetna wtyczka do Google Chrome

Jeśli chciałbyś poeksperymentować z jQuery ale denerwuje cie ciągłe przełączanie przeglądarki i źródła i nieustanne zapisywanie plików – jQuery Shell przyda się na pewno. Dzięki niemu możemy wywoływać zdarzenia, eventy bez przeładowania strony.

Google Chrome jQuery Shell jQuery Shell   świetna wtyczka do Google Chrome

tutaj link do wtyczki

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

jQuery 101 – wideo tutoriale dla początkujących

Theme forest przygotowało 15 krótkich, 10 minutowych wideo tutoriali, które świetnie wprowadzają do tematyki jQuery, zaczynając od absolutnych podstaw po przegląd najważniejszych funkcjonalności i ich wykorzystanie.

zrzut ekranu 40 600x402 jQuery 101   wideo tutoriale dla początkujących

link do wideotutków tutaj