A ‘Programozás’ kategória arhívuma

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

Írta: | 2011. július 04. | kategóriák: PHP, Speciális, Web | Nincs megjegyzés

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.

Elolvasom a teljes bejegyzést »

Analóg óra készítése Photoshop és Flash segítségével, SWFObject rész

Írta: | 2011. július 02. | kategóriák: (X)HTML, JavaScript | Nincs megjegyzés

Az előző részekben létrehoztunk egy analóg órát Photoshop segítségével, a mutatókat „elindítottuk” ActionScript-el. A mostani részben Javascript kódot használva beágyazzuk a HTML kódba.

III. rész SWFObject

Az SWFObject – mostantól csak so – egy nyílt forrású Javascript könyvtár, amit a Flash tartalmak gyors és egyszerű beágyazására használhatsz a weblapodon. Nem kell az <object> vagy az <embed> tag-ekkel bajlódni – ez utóbbi nem is standard! A böngészők közti különbségről nem is beszélve, ezért hát elég macerás olyan kódot írni, ami a főbb böngészőkben megfelelően működik. Hogy ezzel ne kelljen szórakozni, segítségül hívjuk a so objektumot. A so csak egy pár sor adatot kér, a többit majd ő intézi (böngésző és Flash player detektálás stb.).

Elolvasom a teljes bejegyzést »

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 »

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

Írta: | 2010. október 10. | kategóriák: Blogolok, Letöltések, Programozás, Speciális | 5 megjegyzés

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.

Elolvasom a teljes bejegyzést »

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

Írta: | 2010. augusztus 21. | kategóriák: (X)HTML, CSS, JavaScript, Speciális | 10 megjegyzés

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.

Elolvasom a teljes bejegyzést »

El nem tüntethető reklám

Írta: | 2010. április 07. | kategóriák: CSS, JavaScript, Speciális, Web | 23 megjegyzés

Kérésre érkezett ez a leírás, amiben bemutatok egy egyszerű trükköt, hogyan készíthetsz olyan popup (felugró) vagy overlay (eltakaró) reklámot, ami egészen addig nem tűnik el, amíg egy reklámra rá nem kattint az olvasó. Tudom, hogy nem szép dolog, de legyünk naívak és gondoljunk arra, hogy ennek akár jószándékú felhasználásai is lesznek.

Induljunk ki abból, hogy senki sem szereti, ha a már meglévő weboldalukat át kell írni egy kis ráncfelvarrásért.

Elolvasom a teljes bejegyzést »

Mennyien követik a Feedburner hírcsatornád?

Írta: | 2010. március 19. | kategóriák: PHP, Programozás, Speciális, Web | Nincs megjegyzés

Ez egy rövid, de annál érdekesebb bejegyzés. Külföldi oldalak egész seregén látni, hogy különféle formában van kiírva a weboldal valamely részére, hogy hányan iratkoztak fel az oldal RSS-ére. A Feedburner alapból ugyan biztosít lehetőséget, hogy egy kis kép formájában (amit ő generál) megmutasd az oldaladon ezt a számot, de legyünk őszinték, ez nem egyedi. Akit érdekelt a dolog, annak nagy titkot nem árulok el, évesnél is régebbi módszer, hogy a Feedburner („újonnan” Google-n keresztűl működő) web service-ét használva hozzajuthatunk ehhez az információhoz. Az elérési URL nem más, mint

https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=webpillango

A webpillango-t cseréld le a saját azonosítoddal. A lekérés eredménye egy XML dokumentumot térit vissza. Ebben a circulation attribútum alatt találjuk a keresett számot.

Yoast írt egy bejegyzést (angol), hogy miként nyerhetjük ki ezt a számot cURL-t használva (ami manapság minden szolgáltatónál megtalálható).