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 :)

Szerző: Harder (http://blog.harder.hu)

3 hozzászólás
a Primer CSS c. bejegyzéshez

  1. ...

    Hát szerintem is inkább párhuzamosan jó írni a CSS-t.

  2. Gombos Lorand

    Kezdoknek nem rossz, haladoknak szerintem meg folosleges. De mindenkeppen dicseretes.

  3. Tupacko

    Hehe, hasznos! Koszi!

Szólj hozzá Te is
a Primer CSS c. bejegyzéshez

Connect with Facebook

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>