WebTechnikák

Nem tudom, hogy ki hallott már róla, de 2012 május  26.-án elvileg bevezeti az Európai Unió azt a szabályt, melynek értelmében az internetes honlapokon csak akkor lehet cookie-t használni, ha ahhoz a látogató hozzájárult. Arról nem találtam hiteles információt, hogy ez kicsiny hazánkban hogyan lesz kivitelezve, de annyi biztos, hogy 12 hónap próbaidőt adnak a weboldal tulajdonosának.

A jQuery Konb egy kis méretű plugin, mellyel könnyen készíthetünk kör alakú szabályzót, ami olyasmi mint a hangerő “gomb” a rádiókon. ( Vagy akinek az jobban tetszik hasonlíthatjuk a régi típusú telefonok tárcsázójához is …)

A plugin az adatot, úgymond átalakítja, egy kör alakú diagramra, melynek rengeteg funkciója van. Jelenleg nem tartozik komolyabb dokumentáció a projekthez, de a példakódokból nagyon könnyen tanulható.

A “grafikon” értékét tudjuk drag’n'drop módszerrel szabályozni, lehet csak olvasható, meg tudjuk adni a maximum és a minimum értéket, megadhatjuk, hogy milyen színű legyen, stb … nézzétek meg a példát, abból többet megtudtok.

Link & demó: http://anthonyterrien.com/knob/

Ha valaki szeretne valamilyen, az időjárással összefüggő weboldalt, App-ot fejleszteni, akkor nem árt, ha van egy pár, a témához illő ikonja.

A Climacons magában foglal 75 db ikont PSD és EPS formátumban. Szabadon felhasználható bármilyen projektben, legyen az üzleti, vagy személyes jellegű.

Link: http://adamwhitcroft.com/climacons/

A Fixie.js egy nyílt forráskódú JavaScript segédeszköz, mely automatikusan kitölti a weboldaladat üres részeit.

Ahogy a weboldalán is írják, ha kézzel, másolgatva illeszted bele a weboldaladba a lorem ipsum-os tartalmat, az eléggé időigényes, karban kell tartani valamilyen szinten. De ami nagyobb hátránya: elcsúnyul a kód. Belekerülnek olyan dolgok, amik miatt esetlegesen átláthatatlanabb lesz a forrás, és nehezebb a fejlesztés.

Ezzel ellentétben, ha használjuk a HTML5 adta lehetőségeket, a weboldalunkban a megfelelő tagokat használjuk akkor a Fixie.js azt automatikusan kitölti oda illő tartalommal. Header, article, li, img és így tovább. Csak be kell szúrnunk az üres tag-et és a tartalomról a script gondoskodik.

A weboldalon található példa nagyon szemléletes. Nézzétek meg a forrást, és rájöttök, hogy miről is szólna ez az egész.

Link & demó: http://fixiejs.com/

A TutorialZine-tól már sok hasznos scriptet, ötlete kaptunk, és most előállt egy újabbal.

A ToucTouch egy érintő kijelzőkre optimalizált jQuery script, mely galériává “konvertálja” a weboldalon található képeket. Működik a legtöbb, modern böngészőn, sajnos csak IE8+ támogatással. De nem is erre lett optimalizálva, a célközönségen kiválóan működik: iOS & Android.

Link: http://tutorialzine.com/2012/04/mobile-touch-gallery/
Demó: http://demo.tutorialzine.com/2012/04/mobile-touch-gallery/

Egy kétrészes cikksorozatot szeretnék bemutatni, ami ugyan nem a legfrissebb, de mégis sok érdekes információt és technikát tartalmaz.

A TutorialZine által készített leírás bemutatja, hogy hogyan építsünk fel egy weboldalt PHP, MySQL és jQuery Mobil segítségével. Bemutatja egy valós példán, hogy hogyan is alkalmazható webes témakörben az MVC (Model-View-Controller) tervezési minta.

A jQuery Mobile segítségével pedig weboldalunk kiválóan fog megjelenni bármilyen érintős kijelzőn, mobil eszközön. Aki még nem halott volna a jQuery Mobile-ról annak egy pár szóban úgy írnám le, hogy a jQuery köré épülő UI keretrendszer, mely támogatja a legtöbb mobilt vagy tabletet. De a kíváncsibbak olvassanak utána: jQuery Mobile

Link & demó: Első rész, Második rész

A jStat egy JavaScript nyelven írt statisztikai függvénykönyvtár, mely segítségével komolyabb számolásokat végezhetünk el anélkül, hogy mélyebben ismernünk kellene egy dedikált statisztikai nyelvet. (pl: MATLAB vagy R)

Az alapvető funkciókhoz nem kell importálnunk semmi mást, csak a jStat.js-t, viszont ha már szeretnénk az eredményt egy jól mutató grafikonon megjeleníteni, szakszóval “kiplotolni” akkor szükségünk lesz még a jQuery flot pluginra is.

Az összes fontosabb böngészőt támogatja, és nem is csak a legfrissebb változatokat, pl.: IE 7+, Firefox 3+

Link & demó: http://www.jstat.org/

A cím elég beszédesre sikerült. A Fillerati nem más mint egy szöveggenerátor, mely a már jól ismert „Lorem ipsum”-hoz hasonlóan olyan szöveget generál, amit tesztelésre használhatunk. Abban tér el, hogy itt most nem random szöveget kapunk, hanem értelmes, ismert művekből idézhetünk.

A szerzők és műveik közül választhatunk kedvünkre. Megmondhatjuk a bekezdések számát illetve azt, hogy azok hogyan legyenek strukturálva. Csak a szokásos …

Link: http://www.fillerati.com/

Ha szeretnél valamit eladni a neten, de az egy szellemi termék és nem egy könyv vagy valamilyen tárgy, nehézségekbe ütközhetsz. Ezeket a termékeket nem igazán teheted fel eBay-re, vagy épp Vaterára, de egy saját webshop nyitása elég költséges lenne.

Szerencsére itt van a Gumroad, egy új eCommerce plaform, melynek segítségével könnyen eladhatod azokat a szellemi termékeidet.

A rendszer maga nagyon egyszerű. Egy regisztráció után eladható bármilyen termék, melyet fel tudsz tölteni, vagy be tudsz linkelni. Nincs havi díja a szolgáltatásnak, nem igényel telepítést, nem kell saját szerver.

Az árat mi határozzuk meg, ami $1, és $1,000 közötti érték lehet. Többféle fizetési lehetőséget kínálnak. A legtöbb bankkártya típust elfogadják. Mint már írtam, nincs havi díja, csak a bevételed 5%-át és vásárlásonként $0,30 számolnak fel, így tökéletes lehet egy kezdő projektnek. Nem kell nagy beruházás, ha esetleg nem menne az üzlet akkor nincs fölösleges kiadás.

Valuta tekintetében a dollár az alapértelmezett, de elfogadják még az eurót, a fontot és a japán jent. Mivel kicsin hazánkra nem jellemző az online szellemi termékek vásárlása, így alapból ezt a szolgáltatást a külföldi piacra betörő embereknek ajánlom, de akár a Magyarországon is megállná a helyét.

Nagyszerű lehetőség azoknak aki birtokában van valamilyen általuk készített PDF formátumú dokumentum, vagy esetleg egy saját szám MP3 formátumban vagy akár képeket is árulhatnak.

Webes témakörben ez azoknak az embereknek egy jó lehetőség, akik nem akarnak csatlakozni az Envato “közösséghez” de mégis szeretnének pénzt csinálni a PSD fájlokból, vagy épp az általuk készített designekből, scriptekből.

Link: https://gumroad.com/

A Smoke.js egy egyszerű JavaScript libary, mely arra született, hogy lecserélje a beépített alert(), confirm() és prompt() funkciókat egy sokkal szebb és kezelhetőbb megoldásra.

Egyszerűen a megszokott függvények neve elé ode kell írni a “smoke.” karaktersorozatot és már működik is a dolog.

CSS segítségével könnyen testre szabható, de tartalmaz több különböző, előre beépített formázást is.

Mivel nem igényel semmilyen más függvénykönyvtárat, még jQuery-t sem, ezért tökéletes lehet akár kis projektekhez is.

Link & demó: Smoke.js