Címke: CSS

Végre elkészült a saját CSS-es RSS ikonom

Címkék: ,

Nem olyan régen a “Hétvégi CSS barkácsolás.” című bejegyzésemben próbáltam CSS segítségével kirajzolni egy RSS ikont, de első nekifutásra nem sikerült. :o Az elmúlt hetekben teljesen véletlenül találtam rá Zander Martineau blogjára (Rather Splendid: Pure CSS Icons), aki szintén egy RSS ikont szeretett volna léterhozni pusztán CSS és HTML kódokból építkezve. Az ő kódjainak segítségével alakítottam ki a saját gombomat, melynek eredményét lentebb már ti is áttanulmányozhatjátok. Fontos különbség a kódjaink között, hogy amíg Zander Martineau a “könnyebben” skálázható em mértékegységgel dolgozott, addig én px-t használtam.

CSS RSS Icon: Final

Bővebben …

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

Így néz ki egy up-to-date menü

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

A mai napon megmutatom, hogyan érdemes up-to-date, kereső- és felhasználóbarát menüket kódolni. Ezt a cikket főleg Tamás barátom kérésre írtam, mert már régebben megígértem neki, de kötelező elfoglaltságaim miatt egészen idáig nem volt rá időm. :(
Bővebben …

Hozzászólás: » 2 « • Írta: Péter (2010/05/17 18:47)

Hétvégi CSS barkácsolás

Címkék: 

Végre volt időm elmerülni a CSS 3 újdonságaiban, és rögtön jöttek az ötletek, hogy mi mindent lenne érdemes megpróbálni kirajzolni az új szabvány adta eszközökkel, kizárólag HTML és CSS kódok használatával. :P Az egyik ötlet egy RSS gomb volt, amiből első nekifutásra az alábbi eredményt sikerült kihoznom:

CSS-RSS 1.

A kódokat most nem illesztettem be ide, de ti is elérhetitek azokat ezzel a hivatkozással.

Hozzászólás: » 1 « • Írta: Péter (2010/03/06 13:45)

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)

: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 vertical-align rejtélye …

Címkék: ,

Az első bejegyzésemmel azonnal bedoblak benneteket a mélyvízbe, és mutatok egy apró, de annál hasznosabb CSS trükköt, ami még haladó webfejlesztők számára is értékes információ lehet.
Bővebben …

Hozzászólás: » 5 « • Írta: Péter (2009/08/02 16:30)