WinFuture-Forum.de: Css Optimierer (csstidy) - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
  • 3 Seiten +
  • 1
  • 2
  • 3

Css Optimierer (csstidy)

#31 Mitglied ist offline   Floele 

  • Gruppe: aktive Mitglieder
  • Beiträge: 913
  • Beigetreten: 22. Juni 04
  • Reputation: 0

geschrieben 16. Juli 2005 - 13:18

Ich denke, dass er sich schon selber einen programmiert hat :angry:

Dieser Beitrag wurde von Floele bearbeitet: 16. Juli 2005 - 13:19

0

Anzeige

#32 Mitglied ist offline   flo 

  • Gruppe: aktive Mitglieder
  • Beiträge: 7.568
  • Beigetreten: 14. November 04
  • Reputation: 1

geschrieben 29. Juli 2005 - 23:57

Hallo Floele


schöne sache dein css optimierer, habe aber einen Fehler gefunden!

wenn man diesen code durch den Optimierer jagt

#center {
position:relative;
width:1000px;
text-align:left;
margin:0 auto;
}

#clear {
clear:both;
}

#content {
min-height:600px;
height:600px;
margin-left:190px;
margin-top:20px;
margin-bottom:20px;
border-color:#000;
border-style:dotted;
border-width:1px;
padding:10px;
}

#footer {
background-image:url(balken.gif);
text-align:center;
}

#header {
vertical-align:middle;
text-align:center;
background-image:url(banner.png);
margin:0 auto;
}

#inhalt {
background-color:#fc6;
}

#links {
float:left;
width:170px;
min-height:600px;
height:600px;
}



#menue ul li {
display:inline;
}

#menue ul li a,#nav ul li a {
text-decoration:none;
color:#000;
padding:.2em 1em;
}

#menue ul li a:hover,#nav ul li a:hover {
color:#fff;
background-color:#369;
}

#menue ul,#nav ul {
list-style-type:none;
text-align:center;
margin:0;
padding:0;

}

#nav
{margin-top:20px;
border-color:#000;
border-style:dotted;
border-width:1px;}

#nav ,#nav li{
padding: 0;
text-align:center;
width:170px;
}

#oben,#menue {
background-image:url(balken.gif);
}

#planung,#news,#valide {
margin-top:20px;
width:170px;
border-color:#000;
border-style:dotted;
border-width:1px;
padding: 5px;
text-align:center;
float:left;
}

.block
{display:block;
padding:0;
margin:0;
border:0;}

* {
margin:0;
padding:0;
}




head {
display:none;
}

html {
font-family:'Lucida Grande', 'Trebuchet MS', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-size:small;
line-height:1.5em;
}

html,address,blockquote,body,div,dl,dt,dd,fieldset
,form,h1,h2,h3,h4,h5,h6,ol,p,ul,li,center,hr,pre,t
able,tr,td,th,thead,tbody,tfoot,caption {
font-family:inherit;
font-style:normal;
font-weight:normal;
font-variant:normal;
font-size:inherit;
line-height:inherit;
text-align:left;
text-decoration:none;
float:none;
border:0;
display:block;
cursor:default;
margin:0;
padding:0;
}

html,body {
height:100%;
width:100%;
text-align:center;
}

input,textarea {
cursor:text;
}

li {
display:list-item;
text-align:center;
border:0;
}

span,a,img,abbr,code,em,strong,b,i,textarea,legend
,button,input,object,select,var,tt,kbd,samp,small,
sub,sup {
font:inherit;
background:transparent;
color:inherit;
display:inline;
float:none;
border:0;
margin:0;
padding:0;
}

ul li,ol li {
list-style-type:none;

}


h1
{
font-size:16px;
text-decoration:underline;
text-align:center;
}

h2
{
font-size:14px;
text-decoration:underline;
color:rgb(0,0,255);
text-align:center;
}

h3
{
font-size:14px;
}



kommt das raus

#center {
position:relative;
width:1000px;
text-align:left;
margin:0 auto;
}

#clear {
clear:both;
}

#content {
min-height:600px;
height:600px;
margin-left:190px;
margin-top:20px;
margin-bottom:20px;
border-color:#000;
border-style:dotted;
border-width:1px;
padding:10px;
}

#footer {
background-image:url(balken.gif);
text-align:center;
}

#header {
vertical-align:middle;
text-align:center;
background-image:url(banner.png);
margin:0 auto;
}

#inhalt {
background-color:#fc6;
}

#links {
float:left;
width:170px;
min-height:600px;
height:600px;
}

#menue ul li {
display:inline;
}

#menue ul li a,#nav ul li a {
text-decoration:none;
color:#000;
padding:.2em 1em;
}

#menue ul li a:hover,#nav ul li a:hover {
color:#fff;
background-color:#369;
}

#menue ul,#nav ul {
list-style-type:none;
text-align:center;
margin:0;
padding:0;
}

#nav {
margin-top:20px;
border-color:#000;
border-style:dotted;
border-width:1px;
}

#nav ,#nav li {
text-align:center;
width:170px;
padding:0;
}

#oben,#menue {
background-image:url(balken.gif);
}

#planung,#news,#valide {
margin-top:20px;
width:170px;
text-align:center;
float:left;
border-color:#000;
border-style:dotted;
border-width:1px;
padding:5px;
}

* {
margin:0;
padding:0;
}

.block {
display:block;
border:0;
margin:0;
padding:0;
}

h1 {
font-size:16px;
text-decoration:underline;
text-align:center;
}

h2 {
font-size:14px;
text-decoration:underline;
color:#00f;
text-align:center;
}

h3 {
font-size:14px;
}

head {
display:none;
}

html {
font-family:'Lucida Grande', 'Trebuchet MS', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-size:small;
line-height:1.5em;
}

html,address,blockquote,body,div,dl,dt,dd,fieldset
,form,h1,h2,h3,h4,h5,h6,ol,p,ul,li,center,hr,pre,t
able,tr,td,th,thead,tbody,tfoot,caption {
font-family:inherit;
font-style:normal;
font-weight:normal;
font-variant:normal;
font-size:inherit;
line-height:inherit;
text-align:left;
text-decoration:none;
float:none;
border:0;
display:block;
cursor:default;
margin:0;
padding:0;
}

html,body {
height:100%;
width:100%;
text-align:center;
}

input,textarea {
cursor:text;
}

li {
display:list-item;
text-align:center;
border:0;
}

span,a,img,abbr,code,em,strong,b,i,textarea,legend
,button,input,object,select,var,tt,kbd,samp,small,
sub,sup {
font:inherit;
background:transparent;
color:inherit;
display:inline;
float:none;
border:0;
margin:0;
padding:0;
}

ul li,ol li {
list-style-type:none;
}



nun stimmern die eigenschaften von H1 und H2 nicht mehr, sie sollten eigentlich Zentriert und Unterstrichen sein, sind sie aber nicht mehr, obwohl das noch im Quelltext steht!

Das liegt daran das der Optimierer die H1 und H2 nach oben setzt, über die angabe wo ich erstmal alles auf null bringe

wenn du nähere infos brauchst schreib mich per ICQ an, die UIN steht im Profil

Dieser Beitrag wurde von Flo bearbeitet: 30. Juli 2005 - 00:26

0

#33 Mitglied ist offline   Floele 

  • Gruppe: aktive Mitglieder
  • Beiträge: 913
  • Beigetreten: 22. Juni 04
  • Reputation: 0

geschrieben 30. Juli 2005 - 11:47

Problem gelöst (Lösung: Die Option zur alphabetischen Sortierung sollte nicht genutzt werden wenn man die Reihenfolge im Sylesheet beibehalten möchte :imao: ).
0

#34 Mitglied ist offline   Floele 

  • Gruppe: aktive Mitglieder
  • Beiträge: 913
  • Beigetreten: 22. Juni 04
  • Reputation: 0

geschrieben 01. August 2005 - 12:18

So, ich habe jetzt endlich mal wieder eine neue Version hochgeladen. Die border-Eigenschaften-Optimierung ist nicht drin, da für eine effektive Optimierung im Moment zu viel Aufwand erforderlich ist. Stattdessen gibt es aber eine ebenso wichtige background-Eigenschaften-Optimierung, sogar schon teilweise CSS3 kompatibel. Außerdem wurden einige Fehler beseitigt.
0

#35 Mitglied ist offline   Floele 

  • Gruppe: aktive Mitglieder
  • Beiträge: 913
  • Beigetreten: 22. Juni 04
  • Reputation: 0

geschrieben 21. August 2005 - 09:31

Und wieder eine neue Version ;)
Diesmal gibt es jede Menge neues (auch wenn keine größeren neuen Optimierung eingebaut sind). Ab jetzt geht der Optimierer nämlich über das Optimieren hinaus und behebt einige Fehler wie z.B. falsche Farbangaben, fehlende ; am Ende eines Wertes und fehlende Einheiten (margin:3; z.B.).
Das Teil behebt auch ein paar Fehler im Winfuture-Stylesheet, vielleicht sollte man das Stylesheet mal optmieren lassen (es sieht dadurch in Firefox nicht schlechter aus ;) ).
Die Liste der Funktionen am Anfang des Themas wird noch ist aktualisiert.

Dieser Beitrag wurde von Floele bearbeitet: 21. August 2005 - 10:04

0

#36 Mitglied ist offline   Slayer 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.433
  • Beigetreten: 12. Dezember 03
  • Reputation: 0

geschrieben 22. August 2005 - 22:34

Wow, gut gemacht @Floele
Dieser "Optimierer" wird langsam richtig professionell (was er natürlich vorher auch schon war).
Der Mensch hat drei Wege, klug zu handeln.
Erstens durch Nachdenken: Das ist der Edelste.
Zweitens durch Nachahmen: Das ist der Leichteste.
Drittens durch Erfahrung: Das ist der Bitterste.

(Konfuzius)
0

#37 Mitglied ist offline   Floele 

  • Gruppe: aktive Mitglieder
  • Beiträge: 913
  • Beigetreten: 22. Juni 04
  • Reputation: 0

geschrieben 12. Oktober 2005 - 19:31

So, jetzt gibt es endlich die Version 1.0 (beta). Mittlerweile ist das Projekt auch auf sf.net anzutreffen und außerdem habe ich das ganze mal in C++ umgesetzt, sodass es CSSTidy (so ist der neue Name) auch als ausführbare Datei gibt.

http://sourceforge.n...ojects/csstidy/
0

#38 _needcoffee_

  • Gruppe: Gäste

geschrieben 24. Oktober 2005 - 15:02

sehr feine sache das teil :8): ...hab mal die cmd-version getestet...ist nicht so mein fall, aber die php-version macht sich super auf meinem lokalserver...wenn man mal schnell testen möchte, ob man das css auch vernünftig getextet hat :D
0

#39 Mitglied ist offline   Floele 

  • Gruppe: aktive Mitglieder
  • Beiträge: 913
  • Beigetreten: 22. Juni 04
  • Reputation: 0

geschrieben 24. Oktober 2005 - 15:55

Beitrag anzeigenZitat (needcoffee: 24.10.2005, 16:02)

wenn man mal schnell testen möchte, ob man das css auch vernünftig getextet hat :8):


Naja, die Validierung kommt erst (hoffentlich) noch :D
0

#40 _needcoffee_

  • Gruppe: Gäste

geschrieben 24. Oktober 2005 - 16:04

Beitrag anzeigenZitat (Floele: 24.10.2005, 16:55)

Naja, die Validierung kommt erst (hoffentlich) noch :D


das wäre natürlich noch das i-tüpfelchen :8):
0

#41 Mitglied ist offline   swgreed 

  • Gruppe: Mitglieder
  • Beiträge: 3
  • Beigetreten: 10. Juni 03
  • Reputation: 0

geschrieben 16. November 2005 - 00:51

sehr schönes tool!
hätte ich das mal eher gefunden ;D
immerhin hat es nochmal 22 Byte eingespart :rofl:
0

Thema verteilen:


  • 3 Seiten +
  • 1
  • 2
  • 3

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0