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

Iratkozz fel, hogy elsőnek értesülj új bejegyzésekről:

5 responses to “css csoportok”

  1. meNtha Avatar

    praktikus, ezt a programot honnan tudnám beszerezni?

  2. Bártházi András Avatar

    Ez tetszik. Sajnos más alkalmazásban nem láttam még ilyet…

  3. kobak Avatar

    [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. 😉

To respond on your own website, enter the URL of your response which should contain a link to this post’s permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post’s URL again. (Find out more about Webmentions.)