A ‘Web’ kategória arhívuma

KreaNod: magyar crowdsourcing közösség

A magyar web egy fölöttébb érdekes irányzat annál is érdekesebb megvalósítása látott, fog látni hamarosan, napvilágot. Ismerd meg a KreaNod-ot és azt, hogy egyáltalán mi az a crowdsourcing és mire használhatod!

1. Kérlek mutatkozz be néhány szóban, mit kell tudnunk rólad?

Szöllősi Gergely vagyok, a KreaNod alapítója. Jelenleg ez a hivatalos titulusom, de ha azt akarom, hogy az emberek gyorsan kapjanak egy velős benyomást rólam, akkor a következőket szoktam mondani: Voltam már perzsa herceg az Operaház színpadán, edzettem kisgyerekeket, illetve versenyszerűen amerikai fociztam is. Mindezt az ELTE kommunikáció-film szak elvégzése mellett. Ezekből csupa-csupa jó dolog derül ki rólam.

2. Mi az a crowdsourcing?

Azt szoktam mondani, hogy közösségi alkotás, aminek két alapvető alfaja van. Az egyik, amikor a résztvevők a cél érdekében együttműködnek, valamint amikor egymással versengenek. A KreaNod ez utóbbi vállfajba fog tartozni, ahol reklám, design és kreatív tervezéssel kapcsolatos kategóriákban lesznek pályázatok. Egyébként rengeteg dologra használták már a világon a közösségek alkotóerejét az aranyásástól elkezdve az ornitológián át a termékfejlesztésig.

Ismerkedés a PHP grafikus programkönyvtárával 1.rész

Ebben a részben a PHP GD nevű programkönyvtárát fogjuk használni, amely több tucat függvényt bocsájt rendelkezésünkre a képek készítésére, manipulálására és mindezt futásidőben. Ennek feltétele, hogy a PHP GD-támogatással legyen telepítve. Az alábbi kis kóddal leellenőrizheted azt.

echo phpinfo();

A megjelenő listában keresd meg GD táblázatot. Az ott felsoroltakból kiderül, hogy melyik GD verzió van telepítve, valamint a támogatott képtípusok is.
Legelső sor: GD support enabled. Ez az jelenti, hogy a támogatás megvan. Látható ott még egy pár verziószám, de ami még érdekes az a gif, jpg és png támogatások. Az én verziómban ez mind engedélyezett, de más szervereken előfordulhat, hogy csak png és jpg van. A példáimban png-t fogok használni.

jQuery: Alapok

Miután sikeresen letöltötted a jQuery keretrendszert, itt az ideje, hogy tovább lépj! Mint minden más JavaScript állományt, ezt is a <script type=”text/javascript”></script> tag-ekkel tudod a HTML oldaladba ágyazni.

Kezdjük azzal, hogy mivel amíg a DOM nincs felépítve nem szabad JavaScript kódot futtatni, mert elronthatja az oldal szerkezetét, ha a félig felépített DOM-ot akarod szerkeszteni (vagy egyszerűen JavaScript hibát ad, ha például egy elemet elszeretnél rejteni, de az még nincs a DOM-ba bekerülve, így nem található). Ez egy általános JavaScript probléma, a jQuery megoldása viszont egyszerű!

$(document).ready(function(){ alert('igen!'); });

SEO verseny: seobaglyak

Felszeretném hívni a figyelmet, hogy a Mox egy újabb SEO versenyt hírdetett meg a SEO baglyok részére. A felhozandó kulcsszó a “seobaglyak“. A SEO-baglyak verseny leírását a következő címen találhatod: http://keresooptimalizalas.me/threads/400-1.-Mox-SEO-verseny

A seobaglyak definícíóját a http://seobaglyak.org/ versenyző oldalán is megtalálhatod, ahol egy jópofa kép is van a bagolyrol, amint éppen kereső-optimalizálást tanul. Nem is akármilyen: animált SEO-bagoly.

WebPillangó olvasok, ha szeretnétek segíteni ezen az aranyos baglyon, linkeljetek ti is a http://seobaglyak.org/ oldalra. Nem kerül semmibe!

Köszönöm!

jQuery: A Framework

A jQuery keretrendszer 2006 januárjában látott először napvilagot a BarCamp elnevezést viselő rendezvényen, New Yorkban. A bemutató John Resig volt. Jelenleg a legelterjedtebb JavaScript framework úgy a nagy és elismert, mint a kissebb és kevésbé neves weboldalak esetében. A keretrendszer ingyenes és nyiltforráskodú.

jQuery: JavaScript Framework alapok

A JavaScript nyelv önmagában is egy nagyon jól és könnyedén használható, erőteljes programozási eszköz. Rengeteg dolog egyszerűen megoldható vele, de nem előnyös a kódot mindig ismételni, mivel az több gondot is okozhat (hibajavítás, rendbentartás, továbbfejlesztési nehézségek, stb.). További szükség a JavaScript könyvtárak/keretrendszerek létrehozására, hogy az alapokat nem feltétlenül ismerő felhasználók is gyorsan és egyszerűen tudjanak cross-browser animációkat, AJAX lekéréseket és egyéb dolgokat végezni. Mára már szinte nélkülözhetetlen egy jó framework a gyors, bővíthető, megbízható fejlesztéshez.

A legtöbb framework cross-browser akár több, mint 10 évre visszamenőleg is (a Rico keretrendszer az Internet Explorer 5.5-öt is támogatja). Közös pontjaik közé tartoznak a AJAX lekérések, a JSON feldolgozása, drag and drop, egyszerű és komplex animációk, event handling (esemény kezelés), űrlap validálás és űrlap elem kiegészítés (pl. naptár), illetve beépített szövegszerkesztő.

jQuery: Bevezető

Bizonyára többen használtatok már JavaScript-et és JavaScript keretrendszereket. Ez a leírás sorozat főként azoknak szól, akik még nem vagy keveset használtak JavaScript Framework-okat. A fókusz a jQuery-re esett, mivel ez az egyik legelterjedtebb és legerőteljesebb keretrendeszer, ami a JavaScript-re épül.

A leírás sorozat az alapoktól indulva a haladó témákig próbál különböző területeket érinteni. A követlező témákról lesz szó:

1. JavaScript Framework alapok
2. A Framework
3. Alapok
4. Szelektorok és DOM bejárás
5. Mark-up módosítás
6. Stílus módosítás
7. Egyéni adat kezelés
8. Effektek
9. Események (event)
10. AJAX
11. Űrlapok
12. Plug-in készítése
13. Legjobb 15 kiegészítő
14. jQueryUI
15. jQueryMobile

A legjobb betűtípusok webfejlesztőknek, programozóknak

Ebben a rövid, de annál inkább értékes leírásban megosztok veletek öt kedvelt karakterkészletet. Miért pont ez az öt legmegfelelőbb font? A válasz egyszerűnek tünhet: sokan használják. Valójában ennél lényegesen bonyolultabb a dolog. Egy betűtípus attól lesz igazán megfelelő, ha a szemünknek is kellemes, nem fárasztó, ugyanakkor a produktivitáshoz is hozzajárul a gyors és egyértelmű karakter jellemekkel, például jól megkülönböztethető kicsi „l” (L) és nagy „I” (i) betűk. Egy további elengedhetetlen dolog a mono-space betűk használata.

Inconsolata

Személyszerint az Inconsolata készletet használom. Jól olvasható, kerek, formás, állandó betűszélességgel. Ráadásul ingyenes.

Infó: amennyiben Netbeans-ben szertnéd használni, töltsd le az úgyszint ingyenes TTF változatot.

Űrlapok készítése és formázása: CSS és jQuery trükkök

Sokaknak a mai napig gondot vagy fejtörést okoz az (X)HTML űrlapok készítése. Régen táblázatokkal volt megoldva a formázás, természetesen ez nem helyes szemantikailag. Ha kinézetre nem is feltétlenül változtak a régebbi form-ok, jópár éve már az úgynevezett float-olt technikát használják. Az egyik legnagyobb előnye, hogy az űrlap kódja logikailag is helyes lesz, így az oldalunk elérhetőbb lesz a fogyatékos internetezők számára is (például a látássérülteknek, akik képernyő felolvasót használnak). Ez a leírás megmutatja, hogyan lehet egyszerű és mégis helyes form-okat készíteni, illetve néhány hasznos trükkre is felhívja a figyelmet, ami nem feltétlen a fogyatékos felhasználókat célozza meg, de az átlagfelhasználó életét nagyban megkönnyítheti, felgyorsíthatja annak munkáját.

Webes rasztergrafikus állományok

Három fő rasztergrafikus file-formátum terjedt el az interneten. Ezek a JPEG (JPG), a GIF és a PNG. A vektorgrafikus állományokat még kevés böngésző támogatja alapból, természetesen az Internet Explorer eddigi legújabb tagja, az IE 8, sem. Mit is jelent a rasztergrafikus képformátum? Azt jelenti, hogy a képek egy milliméterespapírhoz hasonlóan, ezernyi kis pontot tartalmaznak. Minden pont egy képpont, pixel, és egy színkódot tartalmaz. Miért nem elég egy egységes képformátum? Egyszerű a válasz: a képeket különféle célokra használjuk és ezért más-más, veszteséges és veszteség mentes, módszerek vannak a képen látható informáciú sürítéséhez. Így például egy fotót JPEG formátumban érdemes menteni az optimális állományméret és képminőség arányának megtartása érdekében. Egy diagrammot GIF-ként érdemes megosztani a világhálón, mivel a kevés szín lehetővé teszi, hogy többszörösen kissebre tömörítsük a képen látható információt.