minifizierte style.css

[Timbalu]

Warum kann man eine template style.css per se nicht minifiziert hinterlegen?
Es ist so, als ob Serendipity sie irgendwie falsch dekodiert aufsammeln würde....
[EDIT: Müsste vielleicht eine solche minifizierte style als utf8-ohne-boom platziert werden?
Und wenn ja, warum dann nicht auch die normale ANSI style.css? - Nee, daran lags nicht.]

[garvinhicking]

?

[Timbalu]

Ah ja....

Ich habe das Gefühl, es passiert bei

Code: Select all

q { quotes: '“' '”' '‘' '’'; }
:lang(de) q { quotes: '„' '“' '‚' '‘'; }
q:before   { content: '“'; content: open-quote;  }
q:after    { content: '”'; content: close-quote; }
q q:before { content: '‘'; content: open-quote;  }
q q:after  { content: '’'; content: close-quote; }
:lang(de) q:before   { content: '„'; content: open-quote;  }
:lang(de) q:after    { content: '“'; content: close-quote; }
:lang(de) q q:before { content: '‚'; content: open-quote;  }
:lang(de) q q:after  { content: '‘'; content: close-quote; }
blockquote p { quotes: '“' '”'; }
blockquote p:before { content: ''; content: no-open-quote; }
blockquote p:after  { content: ''; content: no-close-quote; }
blockquote p:first-child:before { content: '“'; content: open-quote;  }
blockquote p:last-child:after   { content: '”'; content: close-quote; }
:lang(de) blockquote p,
blockquote:lang(de) p { quotes: '„' '“'; }
:lang(de) blockquote p:before,
blockquote:lang(de)  p:before { content: ''; content: no-open-quote; }
:lang(de) blockquote p:after,
blockquote:lang(de)  p:after { content: ''; content: no-close-quote; }
:lang(de) blockquote p:first-child:before,
blockquote:lang(de)  p:first-child:before { content: '„'; content: open-quote; }
:lang(de) blockquote p:last-child:after,
blockquote:lang(de)  p:last-child:after  { content: '“'; content: close-quote; }

am Beispiel der 2k11 style.css. Diese 'quotaischen' Sonderzeichen werden irgendwie beim Einlesen anders kodiert ("UTF Raute") und alles oder vieles weitere dann nicht mehr ordentlich geparst, was das folgende Layout zerbricht. Der Minifier hat aber am Code nichts geändert und dieser liegt weiterhin genauso als ANSI wie zuvor vor, reagiert aber durch die andersartige Einbindung in die serendipity.css wie beschrieben. Ich habe das nur mal schnell getestet und, als es nicht wie gewünscht funktionierte, auch gleich wieder sein gelassen. Ich würde nur gerne wissen woran das eventuell liegen könnte und ob jemand schon einmal ähnliche Erfahrungen gesammelt hat...?

[yellowled]

Gerade mit der style.css aus 2k11 probiert, klappt einwandfrei. Bleibt die Frage, warum das bei Dir nicht klappt.

Ich minifiziere lokal mit YUI-Compressor, speichere die minifizierte Datei in UTF-8 und schmeiße sie auf einen Server, in dessen .htaccess sowas steht:

Code: Select all

AddDefaultCharset utf-8
AddCharset utf-8 .html .css .js .xml .json .rss

Mehr kann ich jetzt ohne Einblick in die Datei, wie sie bei Dir auf dem Server landet, aber auch nicht sagen (damit möglicherweise aber auch nicht).

YL

[Timbalu]

Letzteres habe ich auch.
Ich habe nur minifier (http://minify.avivo.si/) benutzt. Ich werde das demnächst also nochmal mit YUI probieren und berichten. Vorerst Danke!

[Timbalu]

Jupp YUI geht ohne Probleme!
Ist also eindeutig zu empfehlen.
Danke.

[Timbalu]

Nachtrag, nur zur Info:
Ich habe gerade entdeckt, dass eine meiner minifizierten stylesheets ein paar responsive layout rules a la @media screen and (max-width: 360px) hatte, die der minifier zu 'and(max' machte. Daraufhin konnte Chrome das nicht mehr lesen und hat einfach den Inhalt überall gezeigt. Das Leerzeichen ist also wichtig! Und YUI kann das!

[yellowled]

Das Leerzeichen ist also wichtig! Und YUI kann das!

Ich erinnere mich an einen Bug in YUI Compressor in Bezug auf @media und Leerzeichen. Der ist aber steinalt und längst gefixt, das müsstest Du schon eine sehr alte Version verwenden. Aber wie gesagt: Minifier ist nicht gleich Minifier (und ähnliche Effekte sind durchaus auch in minifiziertem JS denkbar).

Ich verwende – je nach Einsatzgebiet – wahlweise die integrierte Minifizierung von Sass/Compass, YUI Compressor, UglifyJS oder serverseitig Minify (PHP). Damit gab's bisher keine derartigen Probleme.

YL