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ó:
Comments
5 responses to “css csoportok”
praktikus, ezt a programot honnan tudnám beszerezni?
meNtha:
http://www.google.com/search?client=safari&rls=en&q=cssedit&ie=UTF-8&oe=UTF-8
Ez tetszik. Sajnos más alkalmazásban nem láttam még ilyet…
[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. 😉
[quote comment=”40334″]meNtha:
http://www.google.com/search?client=safari&rls=en&q=cssedit&ie=UTF-8&oe=UTF-8%5B/quote%5D
Ehh, ez nincs windows-ra :S