Post Tagged with: "css"

WTF, HTML and CSS? – hasznos tanácsok gyakorló sitebuildereknek

WTF, HTML and CSS? – hasznos tanácsok gyakorló sitebuildereknek

Mark Otto, az ex-Twitter Bootstrap készítője szedett össze több olyan hasznos tippet, tudnivalót, trükköt amit gyakorló sitebuildereknek érdemes tudnia. Nem a szokásos tanácsok, sokkal inkább olyan kis trükkök amik ismerete nélkül nagyon könnyű akár napokat is szívni 1-1 problémával. A gyűjteményt itt lehet átnézni: http://wtfhtmlcss.com

Megjelent a HTML5 Boilerplate v4.0.0

Megjelent a HTML5 Boilerplate v4.0.0

Megjelent a népszerű front-end template rendszerének legújabb verziója, érdemes szedni és frissíteni aki használja.

Hogyan lehet megszüntetni a honlap vízszintes ugrálását lapváltáskor?

Hogyan lehet megszüntetni a honlap vízszintes ugrálását lapváltáskor?

Sokszor jelentkező probléma a vízszintes ugrálás lapváltáskor, mert … Az olyan honlapok, amelyek nem elég hosszúak ahhoz, hogy a böngésző jobb oldali gördítősávját (csúszka sáv, scrollbar) automatikusan megjelenítse, különös jelenség áll elő. Főleg olyan honlapoknál venni ezt észre, ahol több rövid oldal mellett több hosszú is van. Ha a rövid oldalakról átnavigálunk a hosszúakra, úgy […]

Webalkalmazás fejlesztés napjainkban

Webalkalmazás fejlesztés napjainkban

Minap futottam bele ARTH2O oldalán egy cikkbe és amúgy is ajánlani akartam már Nektek a blogját, most itt az ideje hogy aki még nem ismeri, fel tudja venni a kedvencek közé. :)

min-device-width CSS gond megoldása Internet Explorer-ben jQuery-vel

min-device-width CSS gond megoldása Internet Explorer-ben jQuery-vel

Létezik egy technika, amivel különböző felbontású eszközökre külön css stílusokat tudunk meghívni. Példa 1200 pixelnél kisebb és nagyobb méretekre:

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

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

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

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

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

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

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.