Összegyűjtöttem néhány jól használható design technikát, amelyekhez HTML/CSS/JQuery technikákat lehet használni. Tanulás és a lehetőséges megismerése szempontjából is hasznos átnézni őket.

Ez igazából nem haladó HTML, de nem is kezdő, szóval gondoltam, ide rakom. Egy egyszerű kis trükkről van szó, amely segítségével egy oldalt a képernyő közepére lehet igazítani, méghozzá nemcsak vízszintesen (azt tudjuk, hogy az align="center"-rel kell), hanem függőlegesen is. Lehet, hogy volt már olyan designod, ami mondjuk iframes, szóval a magassága nem változik, és azt szeretted volna, hogy teljesen középen jelenjen meg. Ilyenkor valószínűleg pár üres bekezdést raktál a design fölé, de ez abszolut nem praktikus, mert egyrészt minden böngésző mást mutat, és különböző felbontással is máshogy jelenik meg... így lehet, hogy az egyik látogatónak lecsúszik a látható részről a design, és görgetnie kell, a másiknak meg túl felül jelenik meg, és nem teljesen középen. Egy egész egyszerű módszerrel ki lehet küszöbölni ezt a problémát.

A folyamat

Azt ugye tudjuk, hogyan kell vízszintesen középre állítani mondjuk egy táblázatot. Viszont emlékezz vissza, a HTML tutorialoknál elmagyaráztam, hogy egy táblázat celláján belül a függőleges igazítást is be lehet állítani. Csupán annyit kell csinálnod, hogy kreálsz egy egycellás táblázatot, aminek nincs kerete, se háttere (szóval teljesen láthatatlan), és a vertical-align-t middle-re állítod. Ezen a cellán belül lesz majd a tartalom (szóval a design, vagy kép, vagy bármi), és teljesen középre lesz igazítva minden irányból. Hogy biztos megjelenjen mindenhol, ezt CSS-ben állítjuk be. Figyeld ezt a kódot:

**TARTALOM HELYE**

Na de ezzel egy baj van: a táblázatok height attribútumát néhány esetben nem fogadják el a böngészők, még akkor sem, ha CSS-ben van megadva, mint a fenti példában. Egy rövid kódot be kell még illeszteni a CSS-ben, hogy működjön ez a trükk:

html,body{
margin:0;
height:100%;
border:none;
}

Ennyi, a tartalmat pedig a kódban jelölt helyre illeszd be. Remélem, félig-meddig érthető ez a módszer... Számomra nagyon hasznos, hisz kisebb oldalaknál (pl. egy fanlistingnél) sokszor megéri az iframe-s design, vagy akár egy belépő képet is szépen középre lehet igazítani így. Sok sikert, remélem hasznát veszitek ennek is!

A Google új segédletet kínál a webfejlesztőknek, s bevallásuk szerint azért osztanak meg technológiai információkat, trükköket, hogy segítsék a szakembereket abban, hogy a webes alkalmazásokat gyorsabbá tegyék. A természetesen közösségi alapon szerveződő weboldal (Google code) nemcsak a cég évek alatt felhalmozódott tudásának egy részét kínálja az érdeklődőknek, hanem lehetőséget biztosítanak a fejlesztők számára, hogy megoldásaikat, ötleteiket megosszák másokkal is, majd ezeket a megfelelő helyeken megvitassák, kérdéseket tegyenek fel egymásnak. A hivatalosan egy szakkonferencián bejelentett kezdeményezés a vállalat szóvivője szerint azért jött létre, mivel a Google, internetes cég lévén, aggódik amiatt, hogy az irdatlan ütemben bővülő tartalommal és szolgáltatással nem képes lépést tartani a webfejlesztés: például ezért vágtak bele a saját böngésző, a Chrome megalkotásába is.

Oldalunkon olyan részleteket is megpróbálunk megismertetni az olvasóval, ami gyakorlati tapasztalatokon alapul, és lehetőséget nyújtunk az ezzel a témával kapcsolatos vitafórumok indítására is.

Hova tűntek az igazi webfejlesztők?

Ismersz te is programozókat? Netán te is annak készülsz? Nos, akkor mindenképpen szükséged lesz a programozók "bibliájára", ugyanis enélkül nehéz lesz boldogulnod az informatika területén. Tehát ismerkedj meg ezzel a könyvecskével, és ajánld mindenkinek, aki programozó, és még nem hallott róla! Vigyázat: véresen komoly!!!

1. Kezdetben teremté az Úr a Bitet és a Byte-ot. És teremté ezekből a szót.

2. És a Szóban két Byte volt, és nem létezett semmi más. És az Úr elválasztá az Egyet a Nullától. És láta az Úr, hogy ez jó.

3. És mondá az Úr: legyen Adat! És így történt. És mondá az Úr: Foglalja el az Adat a megfelelő helyet! És megteremté az Úr a floppy diszkeket és a hard diszkeket és a kompakt diszkeket. És látá az Úr, hogy ez jó.

4. És mondá az Úr: legyen Számítógép, ahova a diszkeket be lehet helyezni! És elnevezé Hárdvernek. És látá az Úr, hogy ez jó.

5. És Szoftver még nem létezett akkor. De az Úr megteremté a programokat, nagyokat és kicsiket a fajtájuk szerint. És mondá az Úr: szaporodjatok és sokasodjatok, és töltsétek meg a Memóriát!

6. És mondá az Úr: teremtsünk Programozót, és alkosson a Programozó új Programokat, és irányítsa a Számítógépeket, a Programokat és az Adatokat!

7. És megteremté az Úr a Programozót, és elhelyezte a Számítógép-központban. És megmutatta neki az Úr a Könyvtárszerkezetet, és mondá neki az Úr: használhatsz minden könyvtárat és alkönyvtárat, de NE HASZNÁLD a Windowst!

8. És mondá az Úr: nem jó a Programozónak egyedül. Álmot bocsátott rá, és kivette egyik oldalbordáját, és másik lényt teremtett belőle, aki felnéz a Programozóra, aki szereti azt, amit a Programozó csinál, és elnevezé ezt a lényt Felhasználónak.

9. És ott volt a Programozó és a Felhasználó a csupasz DOS alatt, és látá az Úr, hogy ez jó.

10. De Bill okosabb volt az Úr minden teremtményénél. És Bill megkérdezé a Felhasználót: mondta-e az Úr, hogy ne futtass egyetlen programot sem?

11. És a Felhasználó válaszolt: azt mondta az Úr, hogy használhatunk minden programot, minden adatot, de mondta, hogy a Windowst ne használjuk, különben meghalunk.

12. És mondá Bill a Felhasználónak: hogyan beszélhetsz olyasmiről, amit még ki sem próbáltál? Abban a pillanatban, hogy használod a Windowst, olyan leszel, mint az Úr. Képes leszel bármit létrehozni egy egyszerű egérkattintással!

13. És a Felhasználó látá, hogy a Windows gyümölcsei szebbek, és könnyebb azokat használni. És látá a Felhasználó, hogy minden tudás haszontalan, mert a Windows képes azokat helyettesíteni.

14. És a Felhasználó installálta a számítógépén a Windowst, és mondta a Programozónak, hogy ez jó.

15. És a Programozó azonnal elkezdte keresni az új drivereket. És megkérdezé őt az Úr: - Mit keresel? És a Programozó válaszolt: - Új drivereket keresek, mert nem találom őket a DOS-ban. És mondá az Úr: ki mondta neked, hogy új driverekre van szükséged? Futtattad a Windowst? És a Programozó válaszolt: Bill mondta nekünk!

16. És mondá az Úr Billnek: azért, amit tettél, gyűlölt leszel minden teremtmény előtt. És a Felhasználó boldogtalan lesz miattad. És örökké Windowst kell árulnod.

17. És mondá az Úr a Felhasználónak: Azért, amit tettél, csalódni fogsz a Windowsban, és az megeszi minden erőforrásodat, és lassú programokat kell használnod, és örökkön-örökké a Programozó segítségére fogsz szorulni.

18. És mondá az Úr a Programozónak: azért mert hallgattál a Felhasználóra, soha sem leszel boldog. Programjaidban hemzsegni fognak a hibák, és ki kell javítanod őket az idők végezetéig.

19. És az Úr kiűzte őket a Számítógép-központból, az ajtót lezárta, és jelszóval levédte.

20. GENERAL PROTECTION FAULT

Programozók körében használatos elterjedt kifejezések:
1. Fura!
2. De hiszen ez korábban már futott!
3. Csak néhány apróságot kell kijavítani.
4. Ez biztos valami hardverhiba.
5. Valaki közületek piszkálta a bejövő adatokat.
6. Márpedig én ahhoz a modulhoz hozzá sem nyúltam!
7. Már majdnem kész vagyok.
8. Az gyorsan meglesz.
9. Az ember nem tesztelhet mindent!
10. Lehetetlen hogy ez befolyásolja a másik modult is.
11. Határozottan emlékszem hogy ezt a hibát már kijavítottam.
12. A dokumentáció már készül.
13. Az nem az én programom.
14. Szokatlanul sok zűröm volt.
15. Hiszen a specifikációt egész idő alatt változtatták!
16. Azt hittem megtaláltam a hibát.
17. Ez a változtatás meglesz öt perc alatt.
18. Arra várok hogy a többiek készen legyenek hogy én is tesztelni tudjak.
+1. Attól eltekintve hogy nem működik, mi az összbenyomásod?