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

By kobak

apa, tanár, geek

5 comments

  1. [quote comment=”40335″]Ez tetszik. Sajnos más alkalmazásban nem láttam még ilyet…[/quote]

    Akkor még egy alkalmazás a maces produktív környezeted kialakításához. 😉

Comments are closed.