Page 1 of 1
minifizierte style.css
Posted: Fri Nov 16, 2012 11:18 am
by 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.]
Re: minifizierte style.css
Posted: Fri Nov 16, 2012 1:04 pm
by garvinhicking
?
Re: minifizierte style.css
Posted: Fri Nov 16, 2012 2:55 pm
by 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...?
Re: minifizierte style.css
Posted: Fri Nov 16, 2012 9:19 pm
by 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
Re: minifizierte style.css
Posted: Sat Nov 17, 2012 7:34 am
by 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!
Re: minifizierte style.css
Posted: Sat Nov 17, 2012 10:27 am
by Timbalu
Jupp YUI geht ohne Probleme!
Ist also eindeutig zu empfehlen.
Danke.
Re: minifizierte style.css
Posted: Sat Nov 17, 2012 12:48 pm
by 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!
Re: minifizierte style.css
Posted: Sat Nov 17, 2012 1:23 pm
by yellowled
Timbalu wrote: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