Webseiten verfremden mit „rendr 2“

Der Browser-Editor „rendr 2“ weiß zwar weniger als ausgefeilte Formatierungshilfe zu überzeugen, doch mit seiner Änderungsvorschau in Echtzeit kann man kniffeligen Layoutproblemen schnell auf die Schliche kommen. Auch für HTML- und CSS Anfänger lohnt ein Blick über den Tellerrand, da die Auswirkungen der Eingriffe im Code direkt angezeigt werden.

Der Editor versteht sich dabei auf die Browser Mozilla Firefox und Opera, Nutzer des Internet Explorer einschließlich Version 6 bleiben außen vor. Die neue Beta-Version des Internet Explorer 7 wurde nicht getestet. Die eigentliche „Web 2.0 – Anwendung“ besteht aus den Reiterkarten „Markup“, „CSS“ und „Help“. Der Online-Editor lässt sich zudem dynamisch in Breite und Größe variieren.

Webseiten verfremden mit rendr2
Als Code-Vorlage diente hier der Internetauftritt von Spiegel-Online.de

Die bereits vorhandenen Inhalte unter „Markup“ werden zunächst gelöscht und durch den Quellcode der eigenen Seite (oder einer beliebigen anderen Internetseite) ersetzt. Gleichermaßen wird der Inhalt des CSS-Feldes ersetzt und schon kann es mit dem Editieren losgehen: Die Auswirkungen von Veränderung im Code auf die Ausgangsseite werden in Echtzeit preisgegeben – leider lässt dabei zum Teil die Geschwindigkeit zu wünschen übrig. Auch werden manche Bilder erst nach entsprechender Code-Berichtigung angezeigt. Selbst fremde Codeschnipsel – wie im Bildbeispiel die Startseite von spiegel-online.de – lässt sich mit Hilfe von „rendr 2“ verfremden. Für derartige Experimente empfiehlt sich zudem die Zusammenarbeit mit der Firefox-Erweiterung „Webdeveloper“ , die eine Symbolleiste mit zahlreichen nützlichen Werkzeugen für Entwickler bereithält. Mozilla Firefox Erweiterung Webdeveloper
Die Firefox-Erweiterung „Webdeveloper“ stellt für Entwickler eine mannigfaltige Anzahl an Informationen zur Verfügung.

So entlockt man auswärtigen Internetseiten in der neuen Menüleiste unter „CSS“ – „View CSS“ schnell die entsprechende Formatierung mit den „Cascading Style Sheets“. „Webdeveloper“ stellt ferner diverse Code-Validierungen, die graphische Verortung der CSS-Elemente auf Internetseiten sowie eine einfache „Resize“-Funktion zur Verfügung. Mit einer Weiteren Mozilla-Firefox-Erweiterung namens „Greasemonkey“ lassen sich die eigenen Veränderungen auf beliebige Websites – allerdings nur für den lokalen Nutzer sichtbar – anwenden.


Fazit:„rendr 2“ kann in bestimmten Fällen wertvolle Dienste für den Webentwickler erbringen und lädt zum Experimentieren mit fremden Layouts ein.

| | 25. August 2006 1689 x gelesen Schlagwörter: css, editor, firefox, html, rendr, webdeveloper

Waren diese Informationen hilfreich?

  • Currently 5.00/5
  • 1
  • 2
  • 3
  • 4
  • 5

Rating: 5.0/5(1 vote cast)

Artikel als Lesezeichen speichern:

Mister Wong del.icio.us Yahoo MyWeb Google Technorati Furl YiGG Taggle Folkd BlinkList Linkarena

Folgende Artikel könnten ebenfalls ihr Interesse wecken:


Rathergood.com - Die Katzen sind los...

RathergoodEine echte Delikatesse für abgedrehte Flash-Fans (die Technologie ist im übrigen jetzt Adobe angehörig) gibt es auf den Internetseiten von [rathergood.com] (deutsche Übersetzung: besser gründlich) zu bestaunen. Eine der originellsten Flash-Animationen ist eine 3-Mann-Katzen-Band, die virtuell den Song “Outtathaway” der Vines zu covern ersucht. Um die Show zünftig genießen zu können, benötigt man neben ein paar Bier folgerichtig auch ein entsprechendes [Plugin] für den Firefox, beim Gegenpart von Microsoft dürfte dieses bereits vorinstalliert sein.

...mehr darüber! veröffentlicht am 24. April 2005 in den Themengebieten Kommentare

Internet Explorer 7 Beta 2 im Test

Viel Zeit hat sich Software-Primus Microsoft bei der Entwicklung der nunmehr siebenten Version seines beliebten Browser gelassen – möglicherweise zuviel, denn der Marktanteil ist innerhalb von zwei Jahren von ehemals über 90 auf nunmehr etwas über 80 Prozent zurückgegangen. Laut Stichprobe von Xitimonitor.com im Januar 2006 ist der Anteil des größten Konkurrenten, Mozilla Firefox, in Europa auf durchschnittlich über 20 Prozent, in Deutschland sogar auf 30 Prozent gestiegen – bei heise.de haben sich die Kräfteverhältnisse mit einem Marktanteil von über 40 (Mozilla Firefox) respektive 30 Prozent (Internet Explorer) inzwischen umgekehrt.

...mehr darüber! veröffentlicht am 25. Februar 2006 in den Themengebieten Kommentare

Drei-Gänge-Menü für PDF Dateien: Adobe Reader, Foxit Reader, PDF-XChange Viewer

PDF Alternativen zum Adobe Reader 8: Foxit Reader 2, PDF-XChange Viewer 1.0Dokumente im von Adobe Systems entwickelten PDF-Format sind sowohl in der universitären Lehre als auch im Alltagsleben kaum mehr wegzudenken. Wer jedoch meint, der beliebte „Adobe Reader“ sei das Maß aller Dinge, irrt. Mit „Foxit Reader“ und dem „PDF-XChange Viewer“ bieten sich zwei kostenfreie Alternativen an, die obendrein Adobe’s „Quasi-PDF-Monopol“ mit cleveren Zusatz-Features oder geringerem Speicherverbrauch Paroli bieten können.

...mehr darüber! veröffentlicht am 19. April 2007 in den Themengebieten Kommentare [1]

Leserkommentare

Artikel kommentieren