A szerző 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.

WebPillangó frissítések

Mindenekelőtt Kellemes Ünnepeket szeretnék kívánni mindenkinek, illetve egy sikerekben gazdag évet a jövőre tekintve is!

Ahogy többen is észrevettétek, az elmúlt két napban problémák adódtak a bejegyzések olvasásával. Ma sikerült megoldani a gondot és a frissítésekkel együtt néhány kissebb hibajavításra és felhasználóbaráti módosításra is sor került.

• az oldal gyorsabb lett
• eltávolítottam néhány már nem aktuális elemet
• elrejtettem a hosszú archívum lista egy részét (egy kattintással megjelenik a lista elrejtett része is)
• megnöveltem a bejegyzések szövegének kontrasztját
• a bekezdések közti távolság is nagyobb lett
• a bekezdések első betűje egyedi formázást kapott, hogy a szem könnyebben megtalálja a soron következő részt
• átdolgoztam néhány link színét
• kijavítottam néhány apróságot
• leellenőríztem, hogy Firefox 9 és Internet Explorer 9 alatt is helyesen működjön minden.

A régebbi böngészők alatt továbbra is használható kellene legyen a WebPillangó, de mostantól hivatalosan nem támogatottak, hanem mindig a legutolsó böngésző változatok a mércét adók.

Ha az oldallal kapcsolatban bármi problémát észleltek vagy kérésetek/kérdésetek van írjátok meg itt vagy a fórumon. A levelekre és Twitteren is szívesen válaszolok.

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ú.

2010: Kellemes Ünnepeket

Sziasztok!

Kellemes Karácsonyi Ünnepeket és Boldog Új Évet kívánok mindenkinek!

U.i.: Januárban folytatódik a jQuery leírás sorozat.

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.