Kategorie: CSS

CodeBurner von SitePoint

Das bislang schon fast unverzichtbare Werkzeug für Web-Entwickler Firebug bekommt zusätzliche Unterstützung:

CodeBurner ist ein Firefox Addon, das sich in Firebug integriert. Die Autoren des Plugins sind http://www.brothercake.com/, zur Verfügung gestellt wird das Tool jedoch von SitePoint. Dabei wurde schon eine Namensänderung vorgenommen. Vormals FireScope, heißt das Tool nun CodeBurner um eine Verwechslung mit der gleichnamigen Firma entgegen zu wirken.

Nach der Installation gibt es einen neuen Reiter „Reference“ innerhalb von Firebug. Dieser beinhaltet eine Suche über HTML Elemente, Attribute und CSS Eigenschaften. Das Ergebnis zeigt das jeweils gefundene Element, bzw. die gefundenen Elemente, inklusive einer kurzen Beschreibung, an und zeigt direkt, welche Browser dies wie unterstützen. Mit einem Klick auf „more“ erreicht man die ausführliche Referenz von Sitepoint.com.

Zudem klinkt sich CodeBurner in verschiedene Kontextmenüs von Firebug ein, so dass es auch in den verschiedenen Inspektoren verfügbar ist. Die Funktion „Show Code Examples“ rundet das Angebot von CodeBurner ab.

Für mich auf jeden Fall eine gute Hilfe und seit Heute eine meiner Standard Firefox Addons.

Teste dein Webdesign in verschiedenen Browsern

Das funktioniert jetzt ziemlich gut. Und zwar mit Browsershots.org. Das ganze ist zwar eher für den finalen Test gedacht, trotzdem bietet es eine Möglichkeit für ein immerwährendes Problem beim Entwickeln von Webseiten.

Das Tool erstellt von einer eingegebenen Webseite Screenshots, wie sie aktuell in den ausgewählten Browsern aussieht. Dabei werden eine große Auswahl von Browsern unter Linux, Windows und Mac Os unterstützt. Sogar verschiedene Auflösungen, Farbtiefen und sogar unterschiedliche JavaScript und Flash Versionen werden zur Auswahl angeboten.

Nachdem der Auftrag gestartet wurde, wird er in eine Queue verschoben. Unter einer festgelegten URL werden dann die Screenshots aufgelistet und zum Download angeboten. Diese sind für 30 Minuten verfügbar, können jedoch einfach neu angefordert werden.

Auf CSS basierene Navigationsmenüs

Wieder einmal vom Smashing Magazine kommt eine Liste von 53 auf CSS basierenden Navigationsmenüs. Da sind tatsächlich einige sehr schicke Sachen zu finden.

Allerdings dürfte die Liste eher vergänglich sein, hier werden nämlich nur Screenshots, bzw. Teilbereiche von Screenshots angezeigt, die dann mit der Seite verlinkt sind, auf der das Menü implementiert ist. Trotzdem einen Blick wert.

Quick API Search

http://www.gotapi.com/ ist etwas für die Bookmarks von Entwicklern.

Hier werden Dokumentationen von verschiedenen Themen, hauptsächlich Programmiersprachen, aber auch Datenbanken und Markup Sprachen ansprechend und leicht durchsuchbar aufbereitet.

Dabei können mehrere Dokumentationen in Reitern geöffnet werden, zwischen denen man einfach hin und herschalten kann.