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

Itt az óra, hol az óra?

Ahogyan azt már egy előző írásban közöltem, megkérkezett az első helyért járó óra. Mivel az az óra pórul járt, így a szervezők úgy döntöttek küldenek egy újat! Köszönöm szépen! Ez az óra jó állapotban érkezett meg. Nem is csoda, hiszen egy tankkal is átmehettek volna rajta A csomagolás másfél kilót nyomott. Három kartondoboz, három rend csomagoló papír és három buborékfólia és még egy halom összegyűrt papír, mint bélés. Azt azért mejegyezném, hogy ezúttal nem tudom mi történt a dobozzal, de valami éles dolog kiszúrta két helyen is (kb. 1 egy négyzetcentiméter nagyságban), szerencse nem találta el az órát.

Hogyan írjunk jó leírást?

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.

Megérkezett az első helyért járó díj

Köszönöm a szavazatokat! Tegnap kézhez kaptam a nyereményt is! Az órát! A Román Postanak hála részletekben jött, ezzel okozva kellemetlenséget a szervezőkenk és nekem is. Nem akartam addig megírni ezt a bejegyzést, amíg nem tudtam, hogy miként tovább. A szervezőknek hála ez simábban ment, mint gondoltam. Bevallom, kissé gyanakodva fordultam stvn-hez, hogy most akkor mi van.

WebPillangó Photoshop szótár Firefox kiegészítő

Bizonyára már láttátok vagy hallotattok róla, hogy Bence jóvoltából egy újabb ügyességgel van módrá, hogy a magyar vagy angol Photoshop szakszavait a másik nyelvre fordítsátok. Az oldallécben találjátok a linket, amire rákattintva telepíthetitek a WebPillangó Photoshop szótár Firefoxba beéplülő keresőmotrát.

Megérkezett a Photoshop CS5!

Az Adobe CS5 hivatalos oldala szerint holnap lesz a nagy bemutató! Ez részben igaz, részben nem. Az Adobe termékei sem kivételek az a szokás alól, hogy még a bemutató előtt felkerülnek különféle közösségi megosztó oldalakra: torrent oldalakra. Ebben a rövid bemutatóban nem azt mutatom meg, hogyan lehet ingyen letölteni az új Adobe Photoshop CS5 vagy az Adobe Creative Suite 5 egyéb részeit, mint példáúl a legálisan, betaként, és ingyenesen is letölthető Adobe Flash Professional CS5-öt. Néhány olyan videót válogattam össze, ami megmutatja, hogy a CS5re váltás nem olyan kis méretű, mint a CS3 és CS4 közti váltás, ami lényegében inkább optimalizálás volt.

El nem tüntethető reklám

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.

Akik nélkül ez nem jött volna össze!

Ígéretemhez hűen, külön köszönetemet fejezem ki a webes ismerősőkenk, akik segítőkészen hírdették a WebPillangót! A weboldalak a WebPillangóra hozott látogatók számától függően, csökkenő sorrendbe vannak rendezve. Akit kifelejtettem, mert biztosan van ilyen, az jelezze egy kommentben azt és leellenőrzöm a WebPillangó statisztikájában, ha valóban voltak referált látogatók!

Köszönöm!

http://chatlakozz.hu/
http://tutorial.hu/
http://bonfire.blog.hu/
http://seo.forum.hu/
http://ingyenweblapok.hu/
http://honlapkeszites.bloghirek.com/
http://code-art.hu/
http://telepito.blog.hu/
http://blog.harder.hu/
http://virtualisnevelde.xefande.com/

A WebPillangó aranyérmes

Először is, Kellemes Ünnepeket kívánok mindenkinek!

Köszönöm a verseny szervezését! Köszönöm szépen a kitartó melléállást, a sok szavazatot és mindent, ami a blogversenyen elért kiváló eredményhez kellett!