Címke ‘css’
Hosszú linkek és szövegek megtörése
A Perishable Press oldalon találtam egy nagyon jó megoldást arra, hogy lehet a PRE (illetve bármilyen blokk szintű elem esetében) megtörni a hosszú szövegeket. A különböző böngészőknek különböző white-space értékeket kell adni, de szerencsére ezek “listaszerűen” felsorolhatóak a CSS-ben:
CSS3 támogatás IE 6, 7 és 8 böngészőhöz
A CSS3 támogatottsága még elég gyatra, főleg IE terén, ezen igyekszik segíteni az alábbi megoldás:
CSS 3 gradiens a Firefox 3.6-ban
A gradiensek (színátmenetek) a web 2.0 stílus divatos és jellemzõ eszközei. Remekül alkalmazhatóak a térhatás illúziójának megteremtésére, és ma már szinte minden weboldalon ott vannak. Gradiensek létrehozásához eddig a különbözõ képszerkesztõ programokra voltunk utalva, de a CSS stílusleíró nyelv 3. számú változata támogatja a gradienseket, így – bizonyos keretek között – ezek a weboldal megjelenítésekor [...]
Primer CSS
Most találtam ezt a remek kis cuccot amivel lehet gyorsítani a sitebuildeléskor kicsit a folyamatokat. A lényege, hogy amikor megírtad a HTML kódot, akkor a forrásból egy kattintásra lehet generáltatni egy üres CSS sablont.
Facebook hack Stylish használatával
Minap találtam egy alkalmazást/módszert arra, hogy lehet átalakítani mások lapját tartósan a firefox-omban.. a Facebook kapcsán jött elő, de persze bármelyik lapon lehet alkalmazni.
Menük CSS-el, szabványosan és gyorsan
Miért olyan nehéz egy oldal design összeállítása? Mert rengeteg grafikai munka előzi meg, és a sok változatból végül csak egy maradhat… Ebből következik, hogy pl. a menük elkészítésére fordított munka egy része (nagy része) sajnos az indultak még kategóriába kerül.
IE6 CSS hack és IE7 CSS hack
Ez a kódrészlet nem egy tutorial, csak emlékeztetőként rakom fel a lapra, hogy könnyebben megtaláljam ha épp szükségem lenne rá. :)
Ajánló – stylearound.com
A hazai web igényessége iránt fogékony fejlesztők, designerek többsége régóta hiányol egy olyan magyar galériát, ahol igazán ötletes,szépen megvalósított magyar honlapok láthatóak. Ilyen volt a cssbrain.hu (valid, css oldalakra specializálódva), de csuda tudja mi lett vele (a domain sem él már).
Ezt a hiányt pótlandó, elkészült, itt van, szeressétek: www.stylearound.com
A stylearound nem kizárólag css [...]
Méretezhető CSS doboz készítése: 9-slice CSS Box
A feladat olyan méretezhető CSS Box/Panel készítése, ami:
- scriptmentes
- a kerete rugalmasan paraméterezhető
- a magassága lehet fix méretű vagy tartalomhoz igazodó
- a felhasznált képek mérete legyen minimális
- pixelpontosan legyen tervezhető, felhasználható
- valid CSS/(X)HTML
- táblázatmentes megoldás legyen (tableless)
- böngészőfüggetlenség (ie6, ie7, ff2, ff3, safari3, opera9, chrome)
Bevillanó menügomb kiküszöbölése állapotváltozásnál
Legtöbb esetben a sitebuilderek a menügombokat úgy oldják meg, hogy a gomb minden állapota egy-egy külön kép. A probléma az, hogy például egy a:hover vagy a:active állapotváltozásnál, ha a felhasználó a gomb fölé viszi az egeret, eltűnik a háttere amíg a hover állapothoz kapcsolódó képet le nem tölti.
The Art & Science of CSS könyv ingyen letölthető
A “The Art & Science of CSS” című könyvet még 8 napig ingyenesen le lehet tölteni a Twitaway: The Art & Science of CSS — FREE Download/ honlapról.
Aki fent van Twitteren, az @sitepointdotcom-ra feliratkozva szerezheti be, de közvetlenül e-mailre is lehet kérni.
Bővebb információkat a könyvről itt szerezhetsz be: he Art & Science Of CSS
E-mail cím elrejtése CSS-sel
A spamáradattal már mindenkinek tele a kis hócipője, itt a lapon is volt már róla szó, hogy lehet ellene védekezni. A minap egy külföldi blogban láttam pár – számomra új és ötletek – megoldást ami tetszett és CSS-re alapul a használatuk, lássuk őket:

Feliratkozás a legfrissebb hírekre!