[css] alfabetiseren CSS - Softwareontwikkeling

maandag 13 juni 2005 15:51

Acties:

Niente baffi

Topicstarter

Ik ben bezig met een custom css voor MS SPS 2003. Nu is dat inmiddels een css van over de 2500 regels, maar de elementen staan helaas niet meer handig op alfabetische volgorde. Kent iemand een tool waarmee dat zou kunnen? Ook het controleren van dubbele elementen zou prettig zijn.

Ik heb reeds op GOT gezocht, maar dat mocht niet baten, en google werd ik ook niet wijzer van met zoektermen als alfabetizer css etc.

vuistdiep in het post-pc tijdperk van Steve  | Joepie joepie. Dat ging echt toppie! | https://www.wegmetbigtech.nl

maandag 13 juni 2005 16:04

Acties:

André

Analytics dude

Het controleren van dubbele elementen kan vast wel met de css validator:
http://jigsaw.w3.org/css-validator/

En waarom alfabetisch? Met ctrl-f is alles snel terug te vinden

maandag 13 juni 2005 16:04

Acties:

Verwijderd

2500 regels

ik denk dat je dan beter tijd kunt besteden aan het opschonen van je css, want imho is 2500 regels nooit nodig

maandag 13 juni 2005 16:09

Acties:

Tonio

terrible gibberish

En sowieso, als je al 2500 regels nodig hebt, waarom allemaal in 1 bestand? soorteer het dan in verschillen de bestanden...

D200|F90x|Leica M6|Yashica T3|Hasselblad 503cx
Nikon: 12-24/4|17-35/2.8|10,5mm/2.8|30mm/1.4|50mm/1.4|85mm/1.8|SB-800|SB-24|SB-26|MC-36
Zeiss: 80mm/2.8 50mm/4 ZM: 35mm/2
When the going gets weird... the weird turn pro

maandag 13 juni 2005 16:42

Acties:

Verwijderd

Bovendien maakt de volgorde van je rules in CSS heel veel uit. Als je die alfabetiseert kun je compleet andere resultaten krijgen.

maandag 13 juni 2005 16:50

Acties:

_Brake_

Verwijderd schreef op maandag 13 juni 2005 @ 16:42:
Bovendien maakt de volgorde van je rules in CSS heel veel uit. Als je die alfabetiseert kun je compleet andere resultaten krijgen.

Ow? Wat is de juiste volgorde dan?

Dell Vostro 7620 / Intel Core i7 12700H / NVIDIA GeForce RTX 3050 Ti 4GB / 40GB DDR5RAM / Samsung 990 Pro 1TB / Dell WD22TB4 / 2x Dell G2724D / Dell Premier KM900 / Universal Audio Volt 1 / 2x KRK Rokit RP8 G4 / KRK S12.4

maandag 13 juni 2005 16:54

Acties:

UltimateB

Pomdiedom

Als je bijvoorbeeld een regel hebt die toegepast wordt op een td, en een regel op de boven liggende tr dan schrijft de laatste in de css de waarden van de vorige over.

Cascading Stylesheet:

tr * {
 background-color:#fff;
}
td {
 background-color:#eee;
}

is niet gelijk aan:

td {
 background-color:#eee;
}
tr * {
 background-color:#fff;
}

Als ik me niet vergis.

"True skill is when luck becomes a habit"
SWIS

maandag 13 juni 2005 17:00

Acties:

Verwijderd

correct, maar niet alles wat later komt is noodzakelijk belangrijker, als je nl het volgende had gedaan

Cascading Stylesheet:

tr td {
 background-color:#fff;
}
td {
 background-color:#eee;
}

"wint" de eerste toch

http://www.w3.org/TR/CSS21/cascade.html#specificity

maandag 13 juni 2005 17:29

Acties:

djluc

* djluc vind sowieso de methode van mophor het duidelijkste. Je maakt duidelijk dat het alleen td's in tr's omvat. Misschien zou je alleen beter een voorbeeld kunnen pakken wat duidelijke is omdat je natuurlijk altijd een TD in een TR plaatst. Denk bijvoorbeeld aan een strong tekst binnen een paragraaf.

woensdag 15 juni 2005 11:07

Acties:

bonzz.netninja

Niente baffi

Topicstarter

Ik weet niet of iemand hier verstand heeft van Sharepoint, maar in totaal word er meer dan 3000 regels css gebruikt bij alleen het ophalen van de index. Mijn custom stylesheet brengt dat aantal al een heel stuk omlaag, echter is het niet zomaar mogelijk om de code van de aspx bestanden op die manier aan te passen dat stylesheet elementen overbodig worden, aangezien dat op alle pagina's zou moeten gebeuren, en deze generiek worden aangemaakt en opgeslagen in de sql db (de .aspx bestanden zelf staan daar ook in). Het zomaar aanmaken van verschillende css-en is domweg niet mogelijk (ik zit vast aan het Sharepoint stramien). En daadwerkelijk alle elementen zijn helaas nodig.

Het ount wat zowel blues aangaf als ultimateB in een verhelderend stukje was interresant (ik wist het niet, of iig, was me er niet van bewust). Echter zou ik dat het liefst gewoon willen proberen. Op deze manier zit er weinig lijn in mijn css, en alfabetiseren zou het al een stukje lgosciher maken (in mijn specifieke geval)

vuistdiep in het post-pc tijdperk van Steve  | Joepie joepie. Dat ging echt toppie! | https://www.wegmetbigtech.nl

woensdag 15 juni 2005 12:14

Acties:

Clay

cookie erbij?

Je zal op een of andere manier een parser moeten vinden of maken die dat kan.

[pook]

zoiets:

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <title> CSS sorter </title>
    <style type="text/css">
    
    #output {
        font:12px "courier new";
        white-space:pre;
        border:1px solid silver;
        background:#fffff8;
        padding:1em;
    }

    </style>
    <script type="text/javascript">

    /**
     *  Quick & Dirty CSS file sort
     *  -------------------------------
     *  Beware of specificity :X !!1one
     *  (c) 2005 Peter Nederlof, spam:
     *  http://www.xs4all.nl/~peterned/
     */

    function parseCSSFile(frm) {
        var file = frm.cssfile.value;
        try { var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch(lazyException) { alert('sorry, IE only atm'); return; }
        xmlhttp.open('get', file, false);
        xmlhttp.send(null);
        var output = document.getElementById('output');
        output.innerHTML = '';
        output.appendChild(
            document.createTextNode(sortCSSFile(xmlhttp.responseText))
        );
    }

    function sortCSSFile(input) {
        var rules = [], sortReg = new RegExp().compile("^\\s+");
        input.replace(/[^{]+\{[^}]+\}/mig, function($1){ rules.push($1); });        
        return rules.sort(function (a, b){ 
            return a.replace(sortReg,'') > b.replace(sortReg,'')? 1:-1; }).join('');
    }

    </script>
</head>
<body>
    <form method="post" action="#" onsubmit="parseCSSFile(this); return false;">
        <input type="file" name="cssfile" />
        <input type="submit" value="parse" />
    </form> 
    <div id="output"></div>
</body>
</html>

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin

woensdag 15 juni 2005 13:07

Acties:

Larixk

met xk, ja

http://teenage.cz/acidofil/tools/cssformat.php

larixk

woensdag 15 juni 2005 14:28

Acties:

bonzz.netninja

Niente baffi

Topicstarter

Hee dat is tof. ik ga het vanmiddag eens proberen

vuistdiep in het post-pc tijdperk van Steve  | Joepie joepie. Dat ging echt toppie! | https://www.wegmetbigtech.nl