Script: CSS Optimizer
Omschrijving/functies:
Maak CSS code netter, compacter en vaak ook beter leesbaar. Dit doet het script o.a. door dubbele declaraties te verwijderen en bijvoorbeeld door
De opmerkingen hieronder tot 27-08-09 15:59 zijn verwerkt. Er zijn geen bugs meer bekend.
te vervangen doorCode:a{ color: green; } h1{ color: green; } h2{ font-weight: bold; color: green; }
Probeer de demo met uw eigen CSS en zie het resultaat.Code:a, h1, h2{ color: green; } h2{ font-weight: bold; }
Demo:
http://atlo.nl/sideprojects/css.php
Prijs:
€ 20 - (verlaagd)
Licentie:
Alle rechten
Betaling via:
Overschrijving
- CSS Optimizer
-
1707 × bekeken sinds 27-08-2009, 13:34 #1
CSS Optimizer
Laatst aangepast door Arie Timmerman : 29-08-2009 om 09:16
-
In de schijnwerper
Product feed grid V1.7 - Creer een affiliate shop in 2 min - WP plugin - V1.7 NU LIVEPHP scriptsAffiliate link poster V1.0 - Automatisch affiliate links posten in blogs - WP pluginPHP scriptsRadio portal - WP plugin - Versie 2.1 - versie 2.1 NU LIVEPHP scriptsStartpagina script V2.1 - WP plugin - Vernieuwd - Vele opties - V2.1 NU LIVEPHP scripts -
27-08-2009, 14:03 #2
- Berichten
- 297
- Lid sinds
- 15 Jaar
.title_right {
background-color: #F00;
float: right;
}
->
right{
background-color: #F00;
float: right;
}
Dit is toch niet correct?
-
27-08-2009, 14:07 #3
- Berichten
- 18
- Lid sinds
- 15 Jaar
Klopt. Er zat een klein bugje in waardoor het fout ging. Nu gaat het weer goed.
-
27-08-2009, 14:07 #4
De Leeuw Internet Marketing
- Berichten
- 141
- Lid sinds
- 17 Jaar
Nee dat is niet correct, maar underscores in class-namen kunnen het best vermeden worden, zie https://developer.mozilla.org/en/Und...s_and_ID_Names
-
27-08-2009, 14:10 #5
- Berichten
- 163
- Lid sinds
- 16 Jaar
Hij werkt nog steeds niet goed. Ik kreeg mijn div's op hele andere plaatsen
-
27-08-2009, 14:11 #6
- Berichten
- 18
- Lid sinds
- 15 Jaar
Origineel gepost door Bas van N.
Hij werkt niet
-
27-08-2009, 14:12 #7
- Berichten
- 163
- Lid sinds
- 16 Jaar
klikvooripod.nl/bird check de link.
-
27-08-2009, 14:27 #8
- Berichten
- 18
- Lid sinds
- 15 Jaar
Weer een aantal verbeteringen doorgevoerd. Het werkt bij de door mij geteste css bestanden.
Mocht het toch niet werken dan zou ik graag het originele css-bestand willen zien waarop het fout gaat.
-
27-08-2009, 14:28 #9
- Berichten
- 335
- Lid sinds
- 17 Jaar
Beetje vreemd:
Van 9421 tekens naar 11652 tekens
weet niet wat er dan geoptimaliseerd is.. ?
-
27-08-2009, 14:45 #10
- Berichten
- 18
- Lid sinds
- 15 Jaar
Als iemand nog fouten vindt, bijvoorbeeld css bestanden die niet goed werken, dan hoor ik het graag.Laatst aangepast door Arie Timmerman : 27-08-2009 om 14:58
-
27-08-2009, 16:49 #11
- Berichten
- 157
- Lid sinds
- 16 Jaar
De getallen kloppen wel, ik heb precies het zelfde.
Waarom er meer tekens komen:
Je optimaliseert door onderdelen die de zelfde css hebben bij elkaar te plaatsen.
Waar je echter geen rekening mee houdt is dat selectors ook vaker voorkomen, waardoor er dan in gevallen met lange selectors toch meer tekens zijn.
Het is lastig uit te leggen dus laat ik een voorbeeld zien:
#een .extra .lange .selector {
float: left;
width: 200px;
}
#nog .een .extra .lange .selector {
float: left;
width: 400px;
}
#een .extra .lange .selector, #nog .een .extra .lange .selector{
float: left;
}
#een .extra .lange .selector{
width: 200px;
}
#nog .een .extra .lange .selector{
width: 400px;
}Van 104 tekens naar 150 tekens
-
28-08-2009, 16:55 #12
- Berichten
- 205
- Lid sinds
- 16 Jaar
Daar ligt inderdaad de oorzaak, volgens mij zou je moeten controleren of er minstens 2/3 dezelfde waarden zijn. Ik kreeg namelijk dit:
Van 3285 tekens naar 3567 tekens
Voor een code die al redelijk geoptimaliseerd was.
-
28-08-2009, 17:12 #13
- Berichten
- 59
- Lid sinds
- 19 Jaar
Comments gooit hij er gewoon uit. Lijkt me ook niet zo handig?
-
29-08-2009, 09:14 #14
- Berichten
- 18
- Lid sinds
- 15 Jaar
Ik heb nu met meer CSS codes getest en het blijkt dat de code in behoorlijk veel gevallen toch langer wordt. Hier kan ik natuurlijk wat voor bedenken dat hij alleen 'optimalizeert' als de code compacter wordt maar ik denk niet dat dit veel nut heeft.
Het voordeel van het script zoals die nu is, is dat het alle herhalingen eruit gooit en de CSS meer algemener en makkelijker schaalbaar maakt. Als voorheen voor 3 divs apart een gelijke breedte werd opgegeven, is dat in de geoptimalizeerde code voor alle 3 divs tegelijk.
De reden dat het script er comments uitgooid is dat dit niet anders kan. De comments horen bij de oude code, niet bij de nieuwe. Ze kunnen onmogelijk blijven staan omdat niet de garantie kan worden gegeven dat de comments ook bij de nieuwe code horen.
Omdat het script toch minder nuttig blijkt dan ik eerder dacht verlaag ik de prijs naar € 20- . Als iemand intresse heeft kan hij mij PM-en.
-
30-08-2009, 10:52 #15
- Berichten
- 198
- Lid sinds
- 17 Jaar
Misschien een optie om de comments met rust te laten?
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic