Kategória: Fejlesztések

Ugrás a cikk elejére!

Címkék: ,

A múlt héten a “Tapadós fejléc és lábléc.” című bejegyzésem végén felvetettem egy kapcsolódó problémát a lapon belüli hivatkozásokkal kapcsolatban, melynek megoldásáról ebben a bejegyzésben rántom le a leplet.
Bővebben …

Hozzászólás: » 0 « • Írta: Péter (2010/02/27 13:36)

Tapadós fejléc és lábléc

Kategóriák: Fejlesztések, Megoldások
Címkék: ,

Ezt a bejegyzést már régóta ígérem Johnny barátomnak, és végre ma volt egy kis időm, hogy megírjam a fixen pozícionált fejlécek és láblécek rejtélyeit. A bemutatásra kerülő példa segítségével a jobb és baloldalon lebegő menük is könnyen kialakíthatóak, de ezek kivitelezésére nem térek ki.
Bővebben …

Hozzászólás: » 6 « • Írta: Péter (2010/02/18 21:35)

Rejtőzz el a spambotok elől!

Copy email addressAz e-mail címeket manapság már nem szokás a honlapokon a hagyományos, kattintható formában megjeleníteni. Helyette legtöbbször képként vagy széttagolt formában (Például: susnya [kukac] gmail [pont] com) találkozhatunk velük, így egy levél írásakor utóbbit még viszonylag könnyen átmásoljuk a címzettek közé, de az előzőt már körülményesebben. Én személy szerint mindkét megoldást utálom, és kifejezetten idegesít, ha nem tudok két kattintással, kijelölés nélkül másolni egy e-mail címet. Ezért kifejlesztettem az alábbi scriptet, melynek a MysticalMail nevet adtam.
Bővebben …

Hozzászólás: » 2 « • Írta: Péter (2010/02/12 00:34)

Bugos a GMail, de semmi gond …

Címkék: , ,

Google Mail: LogoEgy általam karbantartott online áruház rendelésösszesítő levelénél tűnt fel, hogy a válasz írásakor a feladó e-mail jelenik meg a címzettek között, és nem a vásárló címe. Csak hosszas tesztelések árán sikerült kikövetkeztetnem, hogy a GMail a hibás.
Bővebben …

Hozzászólás: » 0 « • Írta: Péter (2010/02/06 17:29)

:hover receptek képes linkekhez

Címkék: ,

A következő bekezdésekben arról írok, hogy miként érdemes a többállású képhivatkozásokat beágyazni egy honlap forrásába, és rávilágítok az ezzel kapcsolatos ok-okozati tényezőkre is. A haladóknak nem feltétlenül mondok újdonságot, de azért mindenképpen érdemes elolvasni, hogy tudatosuljon bennünk a bemutatott technikák előnyei és hátrányai.
Bővebben …

Hozzászólás: » 2 « • Írta: Péter (2010/01/25 23:50)

A YouTube már támogatja a HTML 5-öt!

Címkék: ,

Tegnap tett közzé egy bejelentést hivatalos blogjában a YouTube, melyben röviden leírja a HTML 5 sztenderd támogatására és népszerűsítésére irányuló kezdeményezését. A TestTube oldalán ti is átállíthatjátok a YouTube-ot úgy, hogy a Flash alapú lejátszó helyett a böngészők natív médialejátszóját, vagyis a <video> taget használja a portál.

(Forrás: http://youtube-global.blogspot.com/2010/01/introducing-youtube-html5-supported.html)

A YouTube esetében a felvételek lejátszásához rendelkeznünk kell a H.264-es kódekkel, egyébként minden egyéb formátumhoz is szükséges, hogy elérhető legyen a kliens számítógépén a megfelelő kódek. Teljesen véletlenül sikerült is rátalálnom egy klipre, ami már kihasználja HTML 5 adta lehetőségeket, ezért készítettem gyorsan egy rövid összehasonlító tesztet. Megjegyzendő, hogy a Mozilla Firefox még nem támogatja ezt, csak a Google Chrome, Apple Safari és a Microsoft Internet Explorer telepített Chrome Frame-mel. Most pedig következzen két képkocka, melyeket a Google Chrome alól készítettem:

Shockwave Flash Verzió

Klip: Shockwave Flash Lejátszó

Natív HTML Verzió

Klip: HTML Natív Lejátszó

Tisztán látható, hogy a HTML 5-ös megoldás egyértelműen rosszabb képet kaptam, ami nem tudom, hogy a CoreAVC kódekemnek vagy az alacsonyabb minőségű forrásnak köszönhető. Azt viszont mindenképpen pozitív tapasztalatként könyvelem el, hogy míg a Flash lejátszó esetén a Shockwave Flash plugin ~36 MB memóriát allokált magának, addig a natív lejátszó csak plusz ~8 MB-ot.

Az újdonságtól belelkesedve megpróbáltam én is lejátszatni itthon néhány .mkv-t és .avi-t a HTML 5 alkalmazásával, de nem jártam szerencsével. Sajnos, nem volt még időm kideríteni, hogy miért nem sikerült egyiket sem, de az .avi esetén valószínűleg a kódek hiánya okozza a problémát. Ellenben az <audio> taggel hivatkozott .mp3 fájlok probléma mentesen funkcionáltak, erről egy rövid példát is mellékeltem:

HTML Kód:
<audio controls="controls" autobuffer="autobuffer" src="./sample.mp3">A böngésződ nem támogatja ezt a formátumot.</audio>

Ahogy azt már említettem a Mozilla Firefox jelen pillanatban még nem támogatja a fenti scriptet, ezért Google Chrome-mal tessék próbálkozni! Az érdeklődőbbek számára viszont készítettem egy képernyőképet a Mozilla Firefox natív médialejátszójáról is, amelyet már a 3.5.7-es verzióban is megtalálható:

Mozilla Firefox HTML Player

Zárásként csak annyit jegyeznék meg, hogy a tegnapi bejelentéssel együtt a YouTube lejátszója kapott egy új mockupot, így például pontosan tudjuk “mennyi az annyi”, amikor választunk az adott videó elérhető felbontásai (360p, 480p, 720p, …) közül.

(A bejegyzésben szereplő képkockák a Josh Gabriel Presents Winter Kills – Deep Down (Official Video HQ) című felvételből származnak.)

Hozzászólás: » 2 « • Írta: Péter (2010/01/21 21:55)

Hogyan lehet localhostról e-mailt küldeni?

Címkék: ,

Az utóbbi időben a munkám megkívánta, hogy itthonról teszteljem egy portál e-mail küldési funkcióit, viszont SMTP szervert se telepíteni, se konfigurálni nem volt kedvem. Végül találtam két hazai kiszolgálót, amit most megosztok veletek és egyúttal magamnak is feljegyzem. Az SSL-t nem támogatják, de ezt nem is várom el.

  • mail.globonet.hu
  • mail.pantelweb.hu

(Forrás: http://helpdesk.invitel.hu/altinf.htm)

Amire viszont programozás során mindenképpen érdemes odafigyelni, hogy a feladóként megadott (From:) e-mail cím a választott SMTP címével végződjön (például @globonet.hu-ra vagy @pantelweb.hu-ra), különben mégnagyobb lesz az esélye annak, hogy nem ér célba a levél. (Egyébként is érdemes felkészülni arra, hogy ezek a kiszolgálók nem kézbesítenek minden e-mailt.) Végül pedig következzen egy rövid példa, mellyel kód közben egyetlen rövid sor újradeklarálja az alapértelmezett SMTP szervert, majd kiküld egy e-mailt a kontakt@blog.hu-ra. ;)

PHP Kód:
ini_set    ('SMTP', 'mail.globonet.hu');
mail    ('kontakt@blog.hu', 'A levél tárgya ...', 'A levél tartalma ...', 'From: Teszt <teszt@globonet.hu>'."\r\n".'Reply-To: teszt@globonet.hu'."\r\n");
Hozzászólás: » 0 « • Írta: Péter (2010/01/07 10:00)