| Board-Ankündigungen | Re: | Hits | Letzter Beitrag | |
|---|---|---|---|---|
![]() | Auto Probefahrt: Hier kostenlos anmelden (auch Testfahrer) Jetzt (2012) eine neue Aktion, wo auch ein Honda Civic dabei ist:
Beitrag aus 2010:
Hi,
ich hatte ein nettes Gespräch mit dem Betreiber von autoprobefahrten.de. Dort kann man sich kostenlos für Probefahrten... Seite 2, 3, 4, 5, 6 [Allgemein]von mgutt | 52 | 5419 | 01.06.2012, 15:34 mgutt |
| Autor | Nachricht |
|---|---|
Administrator ![]() ![]() Name: Marc Geschlecht: Anmeldedatum: 28.08.2004 Beiträge: 40910 Chats: 11134 Wohnort: Hennef | Neues CSS Cachesystem CSS-Daten, die hauptverantwortlich für das Design einer Internetseite sind, werden in aller Regel in eine Datei ausgelagert (z.B. styles.css). Vorteil: - die CSS Datei wird vom Besucher nur 1x heruntergeladen und verbleibt in seinem Browsercache Nachteil: - Änderungen in der CSS Datei bekommt der Besucher erst mit, wenn die Datei neu geladen wurde (entweder weil das Verfallsdatum abgelaufen ist oder bewusst über STRG + F5). Das kann zu Darstellungsfehlern der Seite führen. - wer wie wir einen Proxyserver mit Cache einsetzt muss erstmal ein Script schreiben, dass auf dem Proxyserver den Cache löscht, sobald die Datei verändert wurde Daher sind wir vor längerer Zeit übergegangen und haben die CSS Datei immer wieder umbenannt, sobald wir Änderungen vorgenommen haben. Vorteil: - die CSS-Datei wird nur 1x heruntergeladen - die CSS-Datei ist stets aktuell Nachteil: - abspeichern unter neuem Namen (sind nur wenige Schritte, aber trotzdem ein Aufwand) - es müssen in allen Verlinkungen auf die CSS Datei (z.B. im Template) angepasst werden (bei uns 4 verschiedene Dateien) Nun habe ich das System komplett umgestellt. Es erkennt automatisch, wenn die CSS Hauptdatei geändert wurde und erstellt dann davon eine Kopie im css/-Verzeichnis mit einem neuen Dateinamen (styles2.css, styles3.css, usw.). Den neuen Dateinamen speichert es dann automatisch in der Datenbank und dieser Wert wird automatisch bei allen Verlinkungen genutzt. Vorteil: - die CSS-Datei wird nur 1x heruntergeladen - die CSS-Datei ist stets aktuell - man muss die bestehende Datei bei Änderungen nur überschreiben - dank der durchlaufenden Nummerierung hat man automatisch ein Backup von jedem Änderungsschritt (unverhoffter Vorteil ^^) Nachteil: keiner Neue automatische CSS Minimierung Durch die neue automatische Verarbeitung der CSS Datei und das Schreiben des Caches kam ich dann gleich auf die Idee diese gleich noch zu minimieren. D.h. die CSS-Datei wird nun minimiert und komprimiert ausgegeben. Komprimiert wurde sie schon immer, aber die automatische Minimierung (international als "Minify" bekannt) ist neu. Bei der Komprimierung ist es bekanntlich so, dass Daten, die sich in einer Datei ständig wiederholen durch Platzhalter ersetzt werden (grob formuliert). Bei der Minimierung ist es dagegen so, dass man unwichtige Daten vollständig entfernt. Ein einfaches Beispiel für einen CSS-Code, der die Schriftfarbe und die Hintergrundfarbe einer Internetseite bestimmt: Code: body {Nach der Minimierung: Code: body{color:black;background-color:white}Beide Varianten machen das gleiche, aber letztere Version verzichtet auf Leerzeichen, Zeilenumbrüche und das abschließende Semikolon. Im Grunde ist selbst die Minimierung bei uns nicht wirklich neu, weil ich mir schon vor längerer Zeit angewöhnt hatte den Code gleich so kompakt zu schreiben, allerdings kann ich mir das jetzt sparen, weil das nun ein Script automatisch übernimmt. Der Vorteil ist dabei nicht nur, dass ich jetzt wieder schön übersichtlich formatiert schreiben kann, sondern auch dass das Script im Gegensatz zu mir keine Stellen übersieht Dabei erkennt das Script z.B. noch mehr Potential ersetzt die Farbangaben durch gekürzte Hex-Codes: Code: body{color:#000;background-color:#fff}Insgesamt wurde die CSS-Datei mit diesen Techniken um noch mal 10% verkleinert (gegenüber einer formatierten Schreibweise ist das Einsparpotential natürlich viel höher). Aber selbst jetzt gibt es noch Einsparpotential, aber es wird relativ kompliziert, wenn man anfängt und CSS Deklarationsblöcke untereinander vergleicht, um so unnötige doppelte Deklarationen entfernen zu können. z.B. sowas: Code: div {In dem Fall wäre der zweite Deklarationsblock überflüssig. Allerdings ist unsere CSS (noch) klein genug um da noch relativ die Übersicht zu behalten. Obwohl es viele verschiedene PHP Klassen zur Minimierung der CSS Datei gibt, habe ich mich dazu entschlossen eine eigene Funktion zu schreiben. Auch weil meine Version CSS-Standards ignoriert (z.B. "zoom"-Befehl in Internet Explorer) und nicht einfach irgendwas im Code korrigiert, was ich durchaus absichtlich eingebaut habe. Hier unsere aktuelle Version: Wie man sieht habe ich auch schon die erweiterte Farbpalette angedacht, allerdings wird diese nicht durch jeden Browser erkannt und das Einsparpotential ist eher gering, weil man zu 99% den Farbnamen in den Hexcode umwandelt und nicht andersherum. Und ich denke so gut wie niemand schreibt die Farbnamen aus, sondern setzt gleich auf die Hex- oder RGB-Schreibweise. Allerdings werde ich zumindest überlange erweiterte Farbnamen in Hexcodes wandeln. Mal sehen welche Farbnamen dann noch übrig bleiben. Todo - erweiterte Farbpalette - IE6: Pseudoklassen (:first-line und :first-letter) benötigen Leerzeichen - leere Deklarationsblöcke löschen (div{}) - Nachkommastellen entfernen, falls Null (10.0px) - positives Vorzeichen entfernen (+10px) - Anführungszeichen bei url() entfernen (url("image.jpg")) - RGB in HEX wandeln - alle Deklarationen in Kleinbuchstaben wandeln (spart bei Komprimierung, falls gemixt) - Leerzeichen vor !important entfernen - eingebettetes Javascript komprimieren - margin-left/-right/-top/-bottom in Einfachschreibweise wandeln (auch bei padding, border, font usw.) - CSS Kommentarhacks erhalten Zuletzt bearbeitet von mgutt am 12.04.2011, 10:03, insgesamt einmal bearbeitet |
| Nach oben | profil pn email |
| Gast | Mach mit!Wenn Dir die Beiträge gefallen haben oder Du noch Fragen hast oder Ergänzungen machen möchtest, solltest Du Dich gleich bei uns anmelden:» Anmelden Registrierte Mitglieder genießen die folgenden Vorteile: ✔ kostenlose Mitgliedschaft ✔ keine Werbung ✔ direkter Austausch mit Gleichgesinnten ✔ neue Fragen stellen oder Diskussionen starten ✔ schnelle Hilfe bei Problemen ✔ Bilder und Videos hochladen ✔ und vieles mehr... |
| Nach oben | |
| Ähnliche Beiträge | Re: | Hits | Letzter Beitrag | |
|---|---|---|---|---|
![]() | common.css Hallo,
ich habe gerade frisch ein eigenes Mediawiki installiert. Es läuft soweit.
Ein Problem hab ich: Einstellungen in der URL: http://www.[mein-wiki.de]/index.php/MediaWiki:Commons.css werden nicht übernommen.
Konkret möchte ich den linken... von 3go | 2 | 130 | 14.10.2011, 05:42 3go |
![]() | HTML-/CSS-Entwickler (w/m) Die Starmeo Betriebs GmbH ist im August 2011 mit Sitz in Köln gegründet worden. Starmeo.com ist eine Social-Media-Plattform, spezialisiert auf die Bedürfnisse von Stars und deren Fans. Das junge Start-up sucht noch weitere Mitarbeiter (m/w) in... von Starmeo | 0 | 44 | 16.12.2011, 14:47 Starmeo |
![]() | Extension : CSS MenuSidebar [gelöst] Hallo zusammen,
die Extension CSS MenuSidebar ermöglicht es, eine klappbare Sidebar anzulegen.
Das klappt soweit auch sehr gut, das Einzigste was mich stört ist, dass die Untermenüs abgeschnitten werden. Die Darstellung reicht leider nicht über die... von Rina6489 | 0 | 162 | 13.10.2011, 07:40 Rina6489 |
![]() | Wo liegt Media:WikiCommen.css Ich bin schon bei einigen Extensions auf eine Datei MediaWiki:Common.css aufmerksam gemacht worden. Dort soll ich laut dieser Anleitung etwas eintragen:
[URL=http://www.mediawiki.org/wiki/Extension:Google_AdSense_2]Extension:GoogleAdSense... von LJR | 1 | 106 | 23.08.2010, 07:22 LJR |
![]() | Design: Grundgerüst von Tabellen auf CSS umgestelltHallo,
das Grundgerüst unserer Seite wurde testweise von Tabellen auf CSS umgestellt.
Leider habe ich ein Problem im Kopf. Dort wird die Navigation zentriert angezeigt, aber das geht nur wenn man eine fixe Breite hinterlegt. Dummerweise ist im... Seite 2, 3, 4, ...14, 15, 16 [Ankündigungen]von mgutt | 158 | 3051 | 27.02.2010, 10:16 mgutt |
![]() | Die CSS Designer von Auxmoney sind super Gleich mal alle wichtigen Links mit einem Layer überdeckt und schon kann man den Kreditnehmer nicht mehr kontaktieren... von mgutt | 0 | 50 | 14.12.2011, 16:04 mgutt |
![]() | crx heckschürzen einsatz wo kaufen ? Hey Leute ich such se nen Einsatz das die Aussparung in der Orginalschürze Schließt wo gibts sowas ?. Hab bei ebay nix... [CRX]von termi_crx | 1 | 297 | 04.08.2006, 19:55 termi_crx |
![]() | Opeltreffen Oschersleben ADAC im dauer einsatzdas ist typisch OPEL er muss abgeschleppt werden, aber dass dafür gleich 2 Schlepper nötig sind, das ist der hammer und ein dritter war auch unterwegs
:D:D:D:D:D:D:D
so sind se die opels:D
kann einem Honda nicht... Seite 2, 3, 4 [Allgemein]von civicmausi90 | 32 | 976 | 07.06.2010, 20:04 CivicJogi |
![]() | Schrifteffekte: Verlauf, Schatten & Umrandung im Einsatz Hier ein Beispiel, wenn man die folgenden Effekte... von mgutt | 0 | 729 | 20.11.2008, 16:00 mgutt |
![]() | Grundloser ABS einsatz bei hohem Tempo Moin,
mein ABS spinnt bei hohem Tempo, wenn ich ca. 150-220 fahre und dann bremse, greift das ABS ein, auch wenn ich nur ganz leicht bremse.
Woher kommt das? Bei niedrigem Tempo habe ich es nicht, auch geht keine Lampe o.ä. an. Hatte wer dieses... [Del Sol]von mx-ryd3r | 2 | 91 | 21.09.2011, 21:54 Slowrida |