Címke ‘css’

CSS Framework, Wordpress theme gyűjtemény és CSS okosságok

Jöjjön pár gyorshír az elmúlt hétről, amikről legalább említés szintjén szeretnék szót/linket ejteni:

Fotógaléria készítése – HTML5, CSS3, jQuery

Sziasztok, üdvözlök mindenkit!
Az alábbi leírás bemutatja, hogyan (is) lehet egy igényes, egyedi, “interaktív” fotógaléria-felületet készíteni – háttérképek nélkül.

A legjobb jQuery tooltip pluginek képekben

Egy listát készítettem egy pár jquery tooltip plugin -ról. Leírást ne keressetek, hisz hiszem és vallom: a legjobb leírás, ha a készítő oldaláron elolvassuk a dokumentációt.

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)