css csoportok

CSS tanulmányainkat folytatandó, egy újabb felfedezésemet osztom meg Veletek. Mint már említettem, css szerkesztésre a csseditet használom.
Nem tudom, hogy az alábbi mutatvány más css buherátorban is működik (biztosan), de csseditben biztosan szebbé, s áttekinthetőbbé tehető egy oldal hosszú css kódja.

Eddig minden különböző kódrészletet kommentekkel választottam el egymástól, pl. /* header */. Ha ehelyett a /* @group header */ kóddal indítunk, s a /* @end */ fejezi be az adott szakaszt, akkor azok a csseditben kis legördíthető egységeket alkotnak számunkra. Pl.:
[source:css]
/* @group header */
#header {
width: 700px;
height: 100px;
margin: 0 auto;
}
/* @end */
[/source]

Ha nem lettem volna fentebb érthető, itt egy screencast a folyamatról.

Az eredmény pedig itt látható:
cssedit eredmeny

Published by kobak

Koren Balázs, apa, tanár, geek. Ebben a sorrendben. Többnyire. A blogon többnyire ezekről a kalandjairól ír. Apaként, tanárként hogy lehet zöld ágra vergődni az oktatásban a digitális eszközökkel. Máskor pedig utazásról, sportokról, vagy egyéb őrült hobbijáról írogat.