Primer CSS

Most találtam ezt a remek kis cuccot amivel lehet gyorsítani a sitebuildeléskor kicsit a folyamatokat. A lényege, hogy amikor megírtad a HTML kódot, akkor a forrásból egy kattintásra lehet generáltatni egy üres CSS sablont.

http://www.primercss.com

Katt a “Prime it” gombra és láss csodát: A HTML kódból kiszedi az összes ID-vel vagy CLASS-val ellátott blokkot.

Pl. bemásoltam ezt a kódot

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<div>adfadsfasfd</div>
<div id="valmi">wwe</div>
<div class="super">dddddd</div>
 
<a href="http://www.tutorial.hu" class="tutorial">tutorial.hu</a>
 
<span class="demo">adfadf</span>
 
<table id="tablazat">
<tr class="sor">
<td class="cellavella">cella</td>
</tr>
</table>
 
<p class="bekezdes">adfads</p>

Amire megkaptam ezt kódot generálva:

/* CSS Generated by Primer - primercss.com */
 
div#valmi {
 
}
 
div.super {
 
}
 
a.tutorial {
 
}
 
span.demo {
 
}
 
table#tablazat {
 
}
 
tr.sor {
 
}
 
td.cellavella {
 
}
 
p.bekezdes {
 
}

Szerintem egész kellemes kis cucc ez, annak ellenére is, hogy nem így szoktam formázni a kódot és általában párhuzamosan írom a HTML-t és a CSS-t :)