ReCSS – Reload your CSS

Datum: 22. August 2012
Autor*in: Benjamin Hofmann


Jeder kennt das Problem. Man ändert einen kleinen Style, bspw. ob der Text fett ist oder nicht und dann lädt man die Seite neu, um zu schauen wie es aussieht. Und dann wartet man. Lokal manchmal sogar ziemlich lang und das für die kleinste Anpassung.

Es gibt jedoch ein kleines Bookmarklet, um die Style-Entwicklung zu beschleunigen: ReCSS. Dieses kann man sich einfach in seine Bookmark-Leiste ziehen und nach einer Änderung am CSS benutzen. Das Skript entfernt dann die bestehenden (externen) Stylesheets und lädt die Dateien erneut mit einem Zufalls-Parameter, so dass sie nicht dem Browser-Caching zum Opfer fallen. Bei Inline-Styles kann das Skript logischerweise nichts ausrichten.


Kommentare

Selber kommentieren:






Weitere Beiträge zum Thema Technologie


Flickr und das Image Plugin oder „Dees is sowieso blääd“

Autor*in: Bastian Schwarz


Technologie


Gerade habe ich ein Problem für unser Kundenprojekt „Holsteinische Schweiz“ analysiert: Im Keyvisual wurden bis zu 20 Flickr-Bilder geladen. Die URLs der Bilder wurden über die Flickr API geholt und dann durch das Image Plugin geladen, entsprechend gerechnet und abgelegt. So weit, so gut. Nun das Problem: Für den Dateinamenhash benutzt ajaxImage u.a. die Breite …


Beitrag lesen
21
SEP
11

100 Arbeitstage Leitung Produktmanagement: Eine Zwischenbilanz.

Autor*in: Christine Pfleger


infomax   //   Technologie


Ina Fuchshuber
Ina Fuchshuber, Leiterin Produktmanagement imx.Platform bei infomax

Seit diesem Jahr gibt es bei infomax die neue Position der Leitung Produktmanagement für die imx.Platform. Welche Motivation hinter der Schaffung dieser Stelle steckt, welche Aufgabengebiete damit verbunden sind und was sich seither getan hat, berichtet Ina Fuchshuber, die die Stelle der Leitung Produktmanagement seit Juli innehat und kürzlich ihren 100. Arbeitstag bei infomax hatte.


Beitrag lesen
24
NOV
22

Messung Dokumentgröße

Autor*in: Bastian Schwarz


Projekte // Technologie


Seit kurzem scheint die Anzeige der Dokumentgröße über die Web Developer Toolbar im Firefox nicht mehr korrekt zu funktionieren. Es wird häufig die Komprimierung von Scripten / Stylesheets nicht mehr korrekt erkannt.  Alternative Google Chrome – Developer Tools  Kurzanleitung Über Tools – Entwicklertools öffnen, auf „Network“ Tab wechseln, Seite mit Strg+F5 neuladen. Jetzt sieht man …


Beitrag lesen
16
APR
13

AJAX Ladeschnecke ohne Bilder oder zusätzlichem CSS

Autor*in: Stefan Oswald


Technologie // User Experience & Design


Der Anwendungsfall tritt sehr oft ein: Eine Ergebnisliste soll nachgefiltert werden, und zur Visualisierung, dass gerade etwas im Hintergrund passiert, soll eine „Ladeschnecke“ (oder vielleicht etwas old-school-mäßig ein Fortschrittsbalken) angezeigt werden. Oftmals wird das so umgesetzt, dass man im „beforeLoad“-Ereignis des AJAX-Calls eine animierte Grafik hinzufügt, welche im „complete“-Ereignis wieder entfernt oder unsichtbar gemacht wird. …


Beitrag lesen
23
JUL
14