NodeJS

Būtų keista jei nieko nebūtumėte girdėję apie šią naujai kylančią bangą programuotojų tarpe. Tai jau susiklostė, kad nuo šio pavasario teko kiek daugiau padraugauti su šia platforma. Todėl norėčiau pasidalinti įspūdžiais su Jumis. Taigi apie viską nuo pradžių, kodėl nodeJS?

Skaityti visą >>

WebSocket ir PHP

Šis straipsnis bus apie WebSocket panaudojimą kartu su PHP. Pirmiausia reikėtų pradėti nuo to kas yra WebSocket. WebSocket – Tai yra naujas HTML 5 Interneto socketų API kurio pagalba galima sukurti ryšį su kitais naudotojais. WebSocket sukuria atskirą tunelį tarp jūsų naršyklės ir serverio pagal nurodytą adresą ir portą. Visas bendravimas vyksta TCP protokolu.

Skaityti visą >>

jQuery nuosavas lango įskiepis

Šiame straipsnyje bus paaiškinta kaip susikurti savo norimą jQuery dialogą su keliais paprastai parametrais jam valdyti. Jei nežinote kaip sukurti paprastą jQuery įskiepį, apie tai galite paskaityti straipsnį apie tai kaip sukurti jQuery įskiepį.

Šiame straipsnyje rasite visą informaciją, kodo pavyzdžius bei paaiškinimus kaip susikurti paprastai valdomą, neapkrautą dialogą.

Skaityti visą >>

Kuriame savo jQuery pluginą

Šiame straipsnyje bus aprašoma apie tai kaip sukurti savo asmeninį jQuery pluginą su parametrais, metodais.

Nors yra pilna prikurta jau jQuery pluginų ir atrodo jie skirti visiems gyvenimo atvejams, bet kartais esami pluginai netenkina ir norisi turėti jQuery pluginą pagal savo poreikius. Šiame straipsnyje tą ir bandysime šiandien išsiaiškinti, kaip kuriami jQuery pluginai, jie interpretuojami ir naudojami.

Skaityti visą >>

HTML Canvas. Tekstas

HTML 5Tęsdami įrašus apie HTML Canvas, šiandien aptarsime keletą elementų kurie tikrai pravers jums jei norite svetainėje naudoti specifinius šriftus ar sukurti foną einantį nuo tamsios iki šviesios spalvos.

Straipsnyje neaptarinėsime kaip pradėti dirbti su <canvas> elementu, tam galite paskaityti straipsnį – HTML5 Canvas. Paprasto kvadrato braižymas.

Skaityti visą >>

HTML5 Canvas. Paprasto kvadrato braižymas


canvas
elementas sukurtariausias animacijas iškarto naršyklėje nenaudojant jokių kitų objektų ir įrankių tokių kaip Flash, Silverlight, Java ir kitų.

Pagrindinis dalykas ką reikėtų žinoti kad canvas braižomas pasinaudojus JavaScript kuris padeda nubrėžti vieną ar kitą liniją ar objektą. Šiuo metu canvas braižomas tik 2D erdvėje, nors pačioje HTML5 specifikacijose rašoma kad ateityje turėtų atsirasti ir 3D erdvė.

Skaityti visą >>

Ajax aplikacijos su Zend_Json_Server

Kas yra AJAX ir kam jis naudojamas – šiame straipsnyje plačiau neaptarinėsime. Verta tik paminėti, kad norėdami savo programas optimizuoti – turite turinį krauti asinchroniškai ir vengti pilno puslapio perkrovimo (aišku jei tai įmanoma). Nesenai aptikau vieną įdomų sprendimą Zend Framework naudojančioms sistemoms.

Skaityti visą >>

Ajax rėksnių dėžė (ShoutBox)

Rėksnių dėžė

Rėksnių dėžė

Šis straipsnis skirtas norintiems išmokti sukurti paprastą rėksnių dėžę panaudojant Ajax.
Šiuo atveju mes nenaudosime jokios JavaScript bibliotekos, o tiesiog kursime viską savo ir Ajax užklausas bei metodus apsirašysime patys. Kadangi kaip žinia Ajax nereikalingi jokie papildomi HTML elementai kaip pavyzdžiui <iframe>, o visas Ajax pagalba gautas turinys įkeliamas vos ne tą pačią sekundę į nurodytą vietą.

Skaityti visą >>

Braižom grafikus su dygraphs

Kuo toliau tuo labiau Flash mums nebereikalingas. Jau dabar galima paišyti piešinius vien tik su HTML ir JavaScript (canvas). Galime braižyti grafikus vėl tik su HTML ir JavaScript (canvas). O jeigu reikia piešti serverio pusėje sudarant statinį grafiką ar paveiksliuką, užtenka pasinaudoti PHP GD biblioteka. Taigi Flash pozicija šiuo atveju krenta, nes nenaudojami bereikalingi kompiuterio resursai norėdami atvaizduoti grafiką.

Šiame straipsnyje panaudosiu dygprahs JavaScript biblioteką, kuri leidžia sukurti interaktyvų grafiką pagal duotus duomenis kurie gali būti perduoti kaip nuoroda į puslapį, CSV formatu ar tiesiog paprastu tekstiniu failu.

dygraph JavaScript bibliotekos pavyzdys

dygraph pavyzdys

Skaityti visą >>

PhantomJS – tinklapių paleidimas per CLI


Šiandien atradau naudingą įrankį – PhatntomJS. Tai nedidelė WebKit ir QT pagrįsta biblioteka, kuri natūralioje aplinkoje įvykdo html/js/css kodą be vaizduoklio. Lietuvikšai skamba ne kaip, tad pasinaudosiu pavyzdžiais iš ariya.blogspot.com, visa dokumentacija ir pati biblioteka – code.google.com.
Iš esmės phantomjs gali virtualioje naršyklėje paleisti jūsų pasirinktą JS kodą ir vėliau gautą rezutatą išsaugoti kaip .png .jpg paveiksiuką ar .pdf.

Tarkim
$phantomjs rasterize.js http://raphaeljs.com/polar-clock.html clock.png
išsaugos SVG formtau parašytą laikrodį kaip png paveiksiuką. (16 eilučių rasterize.js kodą rasite ariya.blogspot.com).
Kam tai galima panaudoti?
  • Ties skelbiamomis naujienomis automatikšai pridėti iškarpą (thumb) iš aprašomo staipsnio.
  • Kai tenka vargti su e-parduotuvių projektais, kur iš didmeninkų informaciją apie prekes galima gauti tik copy-paste metodu, o html’as yra 2004 metų stiliaus, nevalidus ir taip suveltas, kad net regexp’u ką nors iškrapštyti tampa dideliu vargu.
  • Reikia keletą paveiksliukų sujungti į vieną. Pvz uždėti „vandens žymes“, gražius rėmelius, ar kitus html5/css3 efektus. (ypač kol IE6+ vis dar mums gadina gyvenimą)

Tikiuosi bus naudingas įrankis ne tik man vienam :)

Skaityti visą >>