Egyszerű füles doboz, CSS és jQuery használatával

Tudom, tudom, sok helyen találkozhattatok már hasonló megoldásokkal, de szerettem volna ha itt is megtalálható egy egyszerű és könnyen használható mégis elegáns megoldás. Azokon a weboldalakon ahol helyhiánnyal küzdenek a fejlesztők, sokszor látni hasonló füles dobozokat, bár használhatóságáról megoszlanak a vélemények, ezt viszont nem most fogjuk kitárgyalni.

Egy kis jQuery-t is beleviszünk a dologba, a tartalom váltásánál fogunk használni egy áttűnési (fade) effektet.

olvasd tovább »

Három állású CSS gomb készítése

Nagyon sok designer, tervező és fejlesztő hagyja figyelmen kívül a menük, gombok állapotait, mert alábecsülik a jelentőségüket, vagy csak egyszerűen lusták. Pedig elkészítésük igen egyszerű és gyors feladat. Javítja a használhatóságot és a felhasználó visszajelzéseket kap a kattintásának állapotáról. Egy ilyen három állású gombot fogunk most elkészíteni, melyhez egy képet és pár css beállítást alkalmazunk.

olvasd tovább »

Fix oldalsáv css-el

A mai nap azt szeretném bemutatni, hogy hogyan lehet létrehozni egy fix oldalsávval rendelkező html oldalt.

Hogy miért is jó ez? Elmondom. Olyan weboldalaknál, blogoknál ahol a tartalom nagyon sok és magas, jöhet jól ez a megoldás mivel nem kell az oldal aljáról kilométereket visszagörgetni ha pl. egy másik menüpontot szeretnénk megnézni. Így nagyban meg tudjuk könnyíteni az oldalak közti navigációt. Lássuk hát, hogy is működik mindez.

olvasd tovább »

A CSS kód formázási lehetőségei

Ebben a bejegyzésben, a különböző css formázási beállításokra fogunk összpontosítani. Szemügyre vesszük milyen lehetőségek közül választhatunk, hogy minél átláthatóbban és minél könnyebben szerkeszthető formában írjuk meg a sokszor igen hosszúra nyúló stílusfájunkat.

A formázás semmilyen kárt nem okoz a css funkciókban, csupán esztétikai jelentősége van. De ez nem jelenti azt, hogy nem fontos. Ez olyan, mintha azt mondanánk, hogy egy festőnek mindegy milyen vászonra fest. Befolyásolja az írás élményét, az olvasás nehézségét és a navigációt, valamint segít a régebben megírt stílusfájlok módosításában. Lássuk hát, mik ezek a módszerek.

olvasd tovább »