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

Kapcsolódó bejegyzések:
  • A navigációnál használt tab-os/füles megoldások egy problémája szokott lenni, hogy hiába állítjuk be a css-ben, hogy az aktív tab-nak hogy kellene kinéznie, katt …

  • Ezt a tag-et azért találták ki, hogy stílust olyan elemeknek, szövegrészeknek is lehessen adni, amelyek beállítására hagyományosan más mód nincsen. Használhatjuk …

  • Ha különböző adatokat tartalmazó táblákat szeretnék kinyíló, bezáródó effekttel ellátni, használd az alábbi kódot (expand, collapse effect)tabl …

  • Felmerült a lehetőség itt a lapon is, hogy mi lenne ha a hozzászólók linkjeit nem a névre tennénk rá hivatkozásként, hanem a név mellett vagy alatt lenne kiiratv …

  • Ebben a tutorialban bemutatok egy BB kód értelmezőt, valamint annak a használatát. Remélem hasznos lesz számotokra. A kódot csak kimásolod innen egy fájlba és gy …

A cikket beküldte: Harder (http://blog.harder.hu)

3 hozzászólás

  1. ... says:

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

  2. Gombos Lorand says:

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

  3. Tupacko says:

    Hehe, hasznos! Koszi!

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

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