A ‘Web’ kategória arhívuma

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 »

Webes rasztergrafikus állományok

Írta: | 2010. május 05. | kategóriák: Design, Photoshop, Web | 12 megjegyzés

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.

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 »

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ó).

Színvilág a webdesignban

Írta: | 2010. március 17. | kategóriák: CSS, Design, Photoshop, Web | 16 megjegyzés

Ez egy rendhagyó leírás! Nem szoktam hosszú leírásokat írni vagy ha igen, akkor azokat több bejegyzésre bontva teszem közzé. Ennek több oka is van, például jobb hatékonyabb több, rövidebb, leírás, mint egy hosszú, amit sokan megunnak és nem olvasnak végig. Ezért meg is kérlek, ha nem olvasod végig, el se kezd! Igen, ezt nyugodtan provokálásnak tekintheted!

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 »

15+ Ingyenes, jó minőségű képtár, stock fotó galéria

Írta: | 2010. március 09. | kategóriák: Photoshop, Web | 11 megjegyzés

Ki nem járt már úgy, hogy gyorsan kellett egy jó minőségű és ugyanakkor ingyenes, ráadásul bármilyen céllal felhasználható (esetenként üzleti célra használandó) fotó? Bár ez a bejegyzés rövid, de annál segítőkészebb! Összegyűjtöttem 16 olyan oldalt, ahol nagy mennyiségben találhatsz kiváló minőségű fotókat, ingyen.

Elolvasom a teljes bejegyzést »

Firebug: Firefox, Internet Explorer és társai

Írta: | 2010. március 06. | kategóriák: (X)HTML, CSS, Design, JavaScript, Letöltések | 4 megjegyzés

Minden webfejlesztő rémálma, tisztelet a kivételnek, hogy az elkészült weboldalt Internet Explorer összeférhetővé tegye. Bár a Microsoft webböngészőjének újabb változatai már eléggé standard követőek és szépen jelenítik meg a weboldalak túlnyomó többségét, mégis szükség van a weboldalak trükkös kódokkal való teleszúrkálására, mivel sokan használnak régebbi böngészőket.

Elolvasom a teljes bejegyzést »