Wird schnell mal ein Wireframe von einer bestehenden Website benötigt? Mit dem Bookmarklet Wirify ist das kein Problem und geht mit einem Klick. Das kleine Tool ist sehr hilfreich, wenn vor einem Redesign der Status Quo festgestellt werden soll oder bisherige Entwicklungen, hinsichtlich verschiedener Designparameter (Abstände, Weißraum, Platzaufteilung) überprüft werden sollen.
Für das CSS-Framework YAML gibt es jetzt ein sehr hilfreiches Debugging-Tool. Mit diesem lässt sich sehr schnell die semantische Struktur einer Webseite sichtbar machen und die Qualität des Codes überprüfen. Auch bestimmte Aspekte der Barrierearmut lassen sich abtesten und so u.a. Bilder mit fehlenden oder leeren Alt-Attributen hervorheben. Und obwohl YAML im Namen enthalten ist, ist das Bookmarklet nicht nur auf den Einsatz bei YAML-Websites beschränkt. YAML Debug stellt eine wunderbare Ergänzung zu Firebug da und kann unter Firefox (ab Version 3), Opera (ab Version 9) und allen Webkit-Browsern genutzt werden.
Gerade bei Webentwicklern sammeln sich mit der Zeit eine Menge an Codeschnipsel an, die einem teilweise erheblich Arbeit abnehmen können. Doch wie kann mann diese Helferlein am besten wieder finden, wenn diese wieder benötigt werden? Snippely ist eine AIR-Applikation aus dem Haus MooTools, mit der Codeschnipsel verwaltet und dokumentiert werden können. Gespeichert werden die Snippets lokal auf der Festplatte.
Erst letztens habe ich bei der Arbeit an einem Projekt wieder mit dem Phänomen PNG-Dateien und Gammakorrektur zu tun gehabt. Obwohl in der PNG-Grafik der gleiche Farbwert verwendet wird wie der Website-Hintergrund, wurden die Farben unterschiedlich dargestellt. Je nach verwendeten Browser war der Unterschied mehr oder weniger stark ersichtlich.
Schuld an dieser Misere sind die Gamma-Informationen, welche standardmäßig mit eingebettet werden. Schon vor einiger Zeit bin ich über das Tool GammaSlamma für Mac OS X gestolpert, welches diese überflüssigen Informationen kurzerhand entfernt.
By simply dragging a PNG file into the GammaSlamma icon, a new version will be creates automatically with all that nasty Gamma information removed.
Der W3C-Validator als Stand-Alone-Version für Mac OS X: Vor einigen Tagen wurde der W3C-Validator für Mac OS X als eigenständige Software veröffentlicht. Mit der Stand-Alone-Version können direkt lokale Datei validiert werden, ohne das diese erst hochgeladen werden müssen.
Immer mehr Webdesigner gehen dazu über, statt feste Pixel-Angaben ems als Maßeinheit für die Schriftgröße zu verwenden. “Em” gehört zu den relativen Maßeinheiten und daher ist die Größe nirgendwo wirklich definiert. Den einen oder anderen Webdesigner stellt diese Tatsache manchmal vor Schwierigkeiten.
Der polnische Webdesigner Piotr Petrus hat ein kleines Webtool veröffentlicht, mit dem die passende “Em”-Größe berechnet werden kann. Einfach die gewünschte Pixelgröße angeben und basierend auf auf der beim Anwender eingestellten Schriftgröße im Browser, wird der passende Em-Wert angezeigt. Dabei kann auch angegeben werden, auf wie viele Stellen das der Wert gerundet werden soll.
Zu erreichen ist der “Em Calculator” unter riddle.pl/emcalc/ und benötigt JavaScript.
Via Golem.
Mac OS X hat die Angewohnheit (wie Windows übrigens auch) beim Start einen “Gong” von sich zu geben. Soweit nicht besonders schlimmes, doch in manchen Situation kann dies schon sehr ärgerlich sein (z.B. in der Schule). Bisher gab es nur die Abhilfe vor dem Neustart den Lautsprecher auszuschalten. Bloß darf man dies vor dem Herunterfahren nicht vergessen haben.
Für dauerhafte Ruhe beim Boot steht das Tool “Startup Sound” helfend zur Seite. Nach der Installation steht die Einstellung unter “Systemeinstellungen” -> “Sonstiges” zur Verfügung. Ein Häkchen vor “Mute” und es ist Ruhe.
Das Tool ist kostenlos und sowohl für G4-, G5- und auch Intel-Macs geeignet.
Ich bin Christian Beier, 25, ausgebildeter Mediengestalter, Usability-Experte und Ruby on Rails Entwickler aus Potsdam/Berlin.
Mehr zur Person …
In diesem Weblog schreibe ich über Webdesign, Webdevelopment, Social Media, Usability und auch etwas über die Fotografie.
accessibility browser cms css design download ebook font fotografie ie inspiration intern javascript lesenswert medien netzwelt nuetzliches osx photoshop software tutorial webapp webdesign webentwicklung wordpress
Helge am 27.10.2011:
Zend Optimizer unter MAMP 2.x
Can am 18.10.2011:
Wirify: Bookmarklet das aus einer Website einen Wireframe macht
Pama Töckof am 03.02.2011:
IPTC in Photoshop und Aperture