html -> css

egy ideje meguntam, hogy sok sok idot toltok felesleges gepelessel mikozben epitem egy site html/css-jet, igy osszedobtam egy egyszeru (es valszin nem a legszebb) kis python script-et geany-hez

a kijelolt html kodot atpasszolja es gyart belole css-t, pl:


<div id="outer">

   <div class="inner">

        <h1>

        </h1>

        <p class="content">

            <span class="date"></span>

        </p>

    </div>

    <div class="inner">

        <h1>

        </h1>

        <p class="content">

            <span class="date"></span>

        </p>

    </div>

</div>

ebbol lesz egy ilyen:


div#outer {}
div#outer div.inner {}
div#outer div.inner h1 {}
div#outer div.inner p.content {}
div#outer div.inner p.content span.date {}

a css-t tudja igy minimalizalva is, illetve indentelve is visszakopni (a script elejen beallithato)
illetve beallithato, hogy csak a css-t, vagy a html-t is visszakopje

itt erheto el: http://x-plane.hu/sitebuild/ https://github.com/ksgy/makeCSS

valjek mindenki kedves egeszsegere :)

(aki hibat talal benne, es/vagy jobba tudja tenni, feel free)

ps: zen codinggal egybekotve pedig gyakorlatilag 1 sor beirasaval megvan a html es a css is

( Udi | 2011. 03. 20., v – 18:01 )

Olvass egy picit a CSS rendering hatékonyságról, a div#outer típusú jelölők teljesen fölöslegesek, hiszen az id-ből úgyis csak egy lehet, írj simán #outer-t. A div.inner típus is lassabb, mint a sima .inner, ha lehet kerüld!