Tündéri manócskák avagy CSS Sprites

Hallottál már a tündéri CSS manócskákról? Érted őket igazán? A manók igazából nem is olyan picikék, hanem nagyok, pont ez a lényeg. Ezzel a technikával több kisebb képet egy nagyobbal tudsz helyettesíteni és ezután annak csak bizonyos részeit használni épp ott és úgy ahogy a weblap egyes részein kell. A CSS manók legegyszerűbb példája amikor…

Minden, amit a CSS-ről tudsz, az rossz

Jóideje nem hallani újdonságokat CSS ügyben. A trükkök ismertek, mindenről minden infó megtalálható a weben. A CSS3 specifikáció még csak nem is közelít a befejezés felé, így az egyes böngészők CSS3 támogatása is igen gyatra. De mégis van új a nap alatt.

A CSS és a cache

Amikor egy élő weboldalon módosítjuk a CSS fájlt akkor jó eséllyel a látogatók egy ideig a régi CSS-sel fogják látni az oldalt. Ez oda vezethet, hogy bizonyos linkek nem látszanak, a szinek nam passzolnak vagy az oldal teljesen szétesik – attól függően, hogy mit módosítottunk a CSS-ben.

Design implementálás képekben

Szeretnék írni egy bejegyzést arról, hogy egy design tervet hogyan implementáljunk tetzzőleges tartalomkezelőbe. Arról már írtam, hogy hogyan lesz design tervből kész oldal, de akkor arról nem írtam, hogy ha már összeraktuk a CSS-t és az oldalfelépítést akkor azt, hogyan implementálhatjuk.

Szobatiszta webalkalmazások

Egyre gyakrabban beszélnek a webfejlesztők a JavaScript és a CSS diszkrét alkalmazásáról és annak kétségtelen előnyeiről. Az érem másik oldaláról viszont nem sokat lehet hallani, vagyis ennek a megközelítésnek a korlátairól, hátrányairól.

CSS meztelen nap

Április 5-e már nem a béke ünnepe utáni nap, hanem a meztelen weblapok ünnepe 🙂 A CSS naked day tavaly indult nagy sikerű kezdeményezés, és minden valamirevaló magát valminek tartó webes embernek illik követnie…

Formok táblázatok nélkül

Bevallom őszintén mér rég a tableless élharcosának számítottam, amikor még vissza – visszanyúltam a jó öreg táblázatokhoz amikor a formjaim megjelenését akartam megzabolászni. Biztos voltam benne, hogy az a probléma, hogy alapból az input mezők különböző hosszúak és emiatt függőlegesen egymás alatt girbegurbán helyezkednek el orvosolható tisztán CSS-sel táblázat beiktatása nélkül.

Oldalhasábok magassága

Kaptam pár e-mailt ami ezt a kérdést feszegette, így gondoltam megér egy külön cikket. Most egy dologra koncentrálok, mégpedig arra, hogy egy három hasábos weblapon meddig érnek az oldalhasábok illetve, hogy hogyan érhető el, hogy ezek háttere más színű legyen mint a lap tartalmi részének, de lelógjanak a lap aljáig.

Design tervből kész oldal

Oldalépítés design tervből lépésről lépésre Kap az ember egy design tervet, ami egy rajzot, egy photoshop vagy egy gimp filet jelent. Vagy esetleg nem kapja, hanem saját maga készíti el. Nagyon szép és csiribiri, de hogy lesz ebből egy weblap? Egyáltalán megvalósítható teljes pontossággal egy design terv? Hát lássuk!

Az Internet Explorer (6) css bugjai 2.

Folytassuk a listát további pár finomsággal amivel az Internet Explorer (6) meglephet bennünket css ügyben. Mint az előző cikkben is itt is transitional dtd melett előbukkanó css bugokról lesz szó. Ha valakinek van alkalma strict doctype melett letesztelni az itt bemutatott bugokat akkor örömmel várom a tapasztalatait!

3 oszlopos weblapok kialakítása

3 oszlopban minden elfér. Balra mehet a vezérlő rész (a menü), középre a mondanivaló, a tartalom, jobbra meg a többi. Persze lehet máshogy is, de ez egy kényelmes elosztás. Persze nem akarunk az oldal designhoz táblázatokat használni (brrr…), így marad a css. De hogy is lássunk hozzá?

Az Internet Explorer (6) css bugjai 1.

Böngészőprogramnak nevezünk minden olyan programot amely képes weboldalakat megjeleníteni. Ha ezt a definíciót vesszük alapul, akkor sajnos az Internet Explorert (6) nem nevezhetjük böngészőnek. Ennek ellenére sokan használják weblapok nézegetésére. Itt kezdődnek a css programozók hányadtatásai.

Css nyalánkságok 2.

Valahol az interneten bandukolva láttam egy oldalt ahol a keresésre, vagy a user beléptetésére szolgáló input mező a fejlécként szolgáló képre volt rátéve. Rendkívül helytakarékos és praktikus ötletnek látszott, de kíváncsi voltam, hogy egy ilyen input elemet bele lehet-e ágyazni a designba.

Css nyalánkságok 1.

Egy olyan menüt szerettem volna készíteni, ahol a menü elemeit egy szakács sapkáján lévő szamócák jelzik, melettük a menü szövege. Azt is szerettem volna ha a user az egérrel rámutat a menüre akkor a szamóca elfordul.

CSS a gyakorlatban

Ez a cikk Manorama prabhu blogjának, a lal.freeblog.hu oldal táblázatos verziójáról egy tableless css alapra való áthelyezését írja le. A cikk megjelent 2005. december 4-én a Weblaboron is.