Weboldal készítés

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

2010-11-07

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:

Tartalomjegyzék

CSS Framework és grid

A CSS framework-ökről már volt szó korábban is, alapvetően jó dolognak tartom őket egyes feladatoknál, mert gyorsítanak a sitebuild folyamatán (cross-browser kód, egységes kódolási stílus, ismétlődő feladatok csökkentése stb.)

Bár nálam a 2 favorit a 960 és a Blueprint (és inkább utóbbi), van pár új(abb) játékos akikre most felhívnám a figyelmedet:

The Square Grid

Egyszerűen kezelhető CSS Framework, mely 35 egyenlő oszlopra bontja fel a területet, 28px-es távokkal.

FEM CSS Framework

A FEM CSS Framork kicsit hasonlít a 960-as rendszerhez, ami nem csoda, mert arra épül. 12 oszlopos elrendezést biztosít, ígérete szerint kicsit könnyebb kezelni és rugalmasabb, mint az eredeti 960-as.

Forrás: http://designreviver.com/inspiration/three-fresh-css-frameworks/

Grid Generator

Testreszabott CSS grid generálás online. Kiválaszthatod az oszlopok számától kezdve a margók távolságáig, az oszlopok szélességéig mindazt, ami alapján generálni fogja a kívánt gridrendszert.

Baseline framework

Ezt a framework-t nem ismerem, de alapvetően nem vagyok ellenére az egyszerűbb dolgoknak. :) Nem kínál sokkal másabbat mint amit a többi is (egyszerű, kicsi, jó typo, a HTML5 újdonság stb…), egy próbát mindenképp megér, ha valaki ilyen jellegű framework-t keres.

Gridulator

Grid calculator, ehhez túl sokat nem lehet hozzáfűzni … beállítod mit szeretnél, aztán generál egy PNG-t amit használhatsz pl. a Photoshop-ban a honlap tervezése közben.

WordPress theme ajánló

Már egy ideje nem volt WP theme ajánló, most megtetszett ez a gyűjtemény: 15 Fresh, Unique and Free WordPress Themes

Ennek oka, hogy mostanában kevesebb olyan gyűjtést láttam, ahol portfolio theme-ket szedtek volna össze, ebben pedig volt pár.

Háttérkép

Egy jópofa háttér webfejlesztőknek:

	#foo
	    color:red
	    div.foo, div.bar
	        margin, padding:4px
	        border-radius:4px

Hogy aztán a Turbine ebből ezt generálja:

	#foo {
	    color: red;
	}
	#foo div.foo, #foo div.bar {
	    margin: 4px;
	    padding: 4px;
	    -moz-border-radius: 4px;
	    -khtml-border-radius: 4px;
	    -webkit-border-radius: 4px;
	    border-radius: 4px;
	}