A ‘Alapok’ kategória arhívuma

jQuery: Alapok

Írta: | 2011. március 26. | kategóriák: Alapok, JavaScript, Programozás | 4 megjegyzés

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!'); });

Elolvasom a teljes bejegyzést »

jQuery: A Framework

Írta: | 2011. január 09. | kategóriák: Alapok, JavaScript, Programozás | Nincs megjegyzés

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

Elolvasom a teljes bejegyzést »

jQuery: JavaScript Framework alapok

Írta: | 2010. december 11. | kategóriák: Alapok, JavaScript, Programozás | Nincs megjegyzés

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

Elolvasom a teljes bejegyzést »

jQuery: Bevezető

Írta: | 2010. december 05. | kategóriák: Alapok, JavaScript, Programozás | 9 megjegyzés

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

Elolvasom a teljes bejegyzést »

Hogyan írjunk jó leírást?

Írta: | 2010. április 23. | kategóriák: Alapok, Web | 17 megjegyzés

Ebben a segédletben tíz olyan dologgal ismerkedhetsz meg, ami elengedhetetlen egy sikeres leírás készítéséhez! Kezdjük is az egyik legfontosabbal: legyen használható, amiről írsz!

1. Felhasználhatóság

Amit írsz, az legyen hasznos! Hiába írsz olyasmit, amit az olvasó nem tud újrahasznosítani saját projektjeiben, dolgaiban, vagy amiből nem merít ötletet.

2. Hatás

Figyelj, hogy az elbeszélt dolog tegyen mély benyomást az olvasóra. Két okból is fontos ez a pont: egyrészt megfogod a látogatót és vissza fog járni az oldaladra, másrészt segít, hogy megjegyezze és másoknak is megemlítse, hogy igen, itt és itt nagyon jó ötletet láttam, többször is.

Elolvasom a teljes bejegyzést »

Hogyan teheted minőségivé a weboldalad?

Írta: | 2010. március 14. | kategóriák: Alapok, Blogolok, Web | 7 megjegyzés

Ebben a leírásban néhány olyan kérdésre keresek választ, ami létfontosságú egy weboldal, blog vagy elektronikus kereskedés életében egyaránt. A kérdések és válaszok egy része általánosságnak tűnhet a régi motorosoknak, viszont a kezdő honlap tulajdonosok számár akár életmentő is lehet.

Elolvasom a teljes bejegyzést »

11 újabb hasznos dolog weboldal fejlesztéshez

Írta: | 2009. október 24. | kategóriák: Alapok, Design, Speciális, Web | 8 megjegyzés

A legutóbbi bejegyzéshez hasonló képpen összegyűjtöttem még néhány hasznos fejlesztői eszközt.

Web Form Factory

Generálj saját űrlapot hat lépésben: erre való a WFF röviden. Van hozza háttér kódolás, adatbázis kezelés meg minden, amit látni érdemes!

Elolvasom a teljes bejegyzést »

Fájlok feltöltése PHP használatával

Írta: | 2009. július 14. | kategóriák: (X)HTML, Alapok, PHP | 80 megjegyzés

A leírásban azt fogom bemutatni, hogy hogyan lehet elkészíteni egy egyszerű képfeltöltő rendszert PHP-ban. Először is, készítsük el az alábbi mappastruktúrát:

az “upload_files” mappa fogja tárolni a feltöltő rendszert, kód szempontjából mindegy, hogy mi a neve.
Az “uploads” mappa ad helyet a feltöltött fájljainknak, az “upload.php” pedig a rendszer motorjaként szolgál.

Elolvasom a teljes bejegyzést »

Weboldal népszerüsítés: linkcsere oldalak

Írta: | 2009. február 10. | kategóriák: Alapok, SEO, Web | 31 megjegyzés

Biztosan voltál már úgy, hogy elkészültél a weboldaladdal, elkezdted írogatni a bejegyzéseket, volt egy gyönyörű sablonod, de csak nem jöttek a látogatók. Összeállítottam egy 40 darab magyar linkcsere oldalt tartalmazó listát. Mindegyik különböző, egyiknek nagyobb látogatottsága van, másiknak kisebb, egyiknek kikell helyezni backlinket, másiknak nem. Biztos, hogy nem csak 40 magyar linktár oldal van, de szerintem ezeken érdemes regisztrálni, mert nincsen rajtuk ronda hirdetés meg popupok, meg undorító grafika. Ezek alap dolgok, mert ha egyszer adod a saját honlapod linkjét, elvárás, hogy a linkeket tároló oldal legyen esztétikus (lásd Webdesignerek hét bűne).

Elolvasom a teljes bejegyzést »

Darabolás mentes hivatkozás képeken

Írta: | 2008. május 03. | kategóriák: (X)HTML, Alapok, CSS, Design | 2 megjegyzés

Ez egy rövid példa arra, hogy miként lehet egy háttérképre, például a fejléc hátterére, linket tenni, pl. a logóra. Természetesen ebből az következik, hogy nem szükséges a kép felvágása, csupán XHTML és CSS segítségével kivitelezhető. A megoldás egyaránt valid és cross-browser.

1. lépés

Helyezzünk egy linket a kérdéses helyre. Én a fejlécben szeretnék egy kattintható felületet a logónak, ami visszamutat a főoldalra.

1
2
3
<div id="header">
  <a href="index.html" title="" id="logoLink"> </a>
</div>

Elolvasom a teljes bejegyzést »