Archive for the ‘ JavaScript ’ Category

Now JS – piękny framework JS

Now JS to nie jest kolejny jQuery czy Prototype oczywiście. Jego główą funkcjonalnością jest komunikacja pomiędzy serwerem a klientami. Wykorzystując serwer node.js oraz framework Now JS możemy napisać czat w kilkunastu linijkach kodu icon smile Now JS   piękny framework JS Poniżej jak to zrobić

NowJS Introduction: Simple Chat Server in 12 Lines of Code from NowJS on Vimeo.

a tutaj lik do strony projektu

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

JS Cuda – Tetris 3d

Kolejne ciekawe demo pokazał Ben Joffe – zaprogramował trój wymiarowy, cylindryczny tetris. Całość napisana w JS waży po kompresji 30 KB

tetris JS JS Cuda   Tetris 3d

link do gierki tutaj

link do JS tutaj