Artikel & Linktipps: Oktober 2005

Freeware zum Simulieren von Farbenblindheit

Sim Daltonism

Ein sehr praktisches Tool, um die Barrierefreiheit von Webseiten zu testen ist Sim Daltonism. Das Programm besteht aus einem frei positionierbaren Fenster in dem stets der unter dem Mauszeiger befindliche Ausschnitt des Bildschirms als Duplikat angezeigt wird. Allerdings eben so, wie es ein Farbenblinder sehen würde. Über ein Dropdown-Menu kann man zwischen verschiedenen Typen von Farbenblindheit auswählen.

via: 456 Berea Street

26. Oktober 2005 barrierefreiheit · freeware · osx · web standards

Why do you cling to IE5/Mac?

John Oxton wettert über Leute, die immer noch den IE5/Mac benutzen. Sogar unter OS X. Sehr amüsant. Unbedingt auch die Kommentare lesen!

23. Oktober 2005 browser · internet explorer · webdesign

Inquisitor 2.0

Instant search for Safari

23. Oktober 2005 plugin · safari

Codevervollständigung mit BBEdit

Seit kurzem bin ich wieder passionierter BBEdit User. BBEdit ist ein toller Editor und läßt wirklich kaum Features vermissen, außer vielleicht eine Autocomplete Funktion, wie sie Editoren wie Dreamweaver, GoLive oder SKEdit schon seit langem unterstützen. In BBEdit gibt es leider keine klassische Variante davon mit automatisch ausklappendem Auswahlfeld, das kontextsensitiv die möglichen Vervollständigungen anzeigt. Es gibt allerdings eine nette kleine Funktion, mit der man sich eine eigene Codevervollständigung bauen kann: Auto-Complete Glossary.

Auto Complete Glossary Menu

Dabei geht man wie folgt vor:

1. Glossary Sets anlegen

Man kann innerhalb des Glossarys (Window > Palettes > Glossary) mehrere Sets anlegen. Zu diesem Zweck erstellt man im Ordner ~/Library/Application Support/BBEdit/Glossary/ einfach Unterordner, die die Endung der jeweiligen Sprache haben, für die sie verwendet werden sollen. Also XHTML.html für HTML Dateien und CSS.css für Stylesheets und so weiter. BBEdit wählt abhängig von der gerade geöffneten Datei dann automatisch das richtige Set aus. Glossary Items, die global verfügbar sein sollen kann man direkt im Glossary Ordner ablegen.

2. Glossary Einträge erstellen

Nehmen wir mal an, wir wollen einen Glossary Eintrag für das Attribut class erstellen. Dazu öffnen wir eine neue Textdatei und schreiben folgende Zeile

class=”#INSERTION#”

Der Platzhalter #INSERTION# markiert die Stelle, an der nach dem Einfügen der Cursor platziert wird. Jetzt speichert man die Datei im Ordner ~/Library/Application Support/BBEdit/Glossary/XHTML.html/ unter dem Namen “class” ab. Der Name der Datei bestimmt den Begriff, den man eintippen muss, um die Codevervollständigung ausführen zu können. Das kann also ein beliebiger Begriff sein. Damit es sich wie eine echte Codevervollständigung verhält halte ich es jedoch für sinnvoll, direkt die Namen der Attribute bzw. Tags zu verwenden. Bei Tags sollte man darauf achten, das < Zeichen am Anfang wegzulassen, da dieses von der Funktion Auto-Complete Glossary leider ignoriert wird (also z.B. "input" statt "< input />”).

3. Funktion Auto-Complete Glossary

Im Menu Edit findet man die Funktion Auto-Complete Glossary. Diese kann dazu verwendet werden, Glossary Einträge anhand der zuletzt geschriebenen Zeichenfolge zu finden und einzufügen. Tippt man also ”cl” und führt dann Auto-Complete Glossary aus, findet BBEdit unseren zuvor angelegten Eintrag class und fügt ihn ein. Damit die Funktion auch wirklich sinnvoll nutzbar ist, sollte man ihr allerdings über Set Menu Keys ein Tastaturkürzel zuweisen (z.B. Apfel-Return).

4. Tastaturkürzel für Glossary Einträge

Auch sehr nützlich ist das Zuweisen von Tastaturkürzeln zu Glossary Einträgen. So kann man zum Beispiel sehr einfach Textbereiche von Tags umschließen lassen. Als Beispiel nehmen wir mal eine normale Headline. Der Glossary Eintrag sieht wie folgt aus:

<h1>#INSERTION##SELECT#</h1>

Bei diesem Eintrag ist nun zusätzlich zum #INSERTION# Platzhalter noch der #SELECT# Platzhalter hinzugekommen. Er macht es möglich, dass man einen beliebigen Textabschnitt auswählen kann und dann über einen vorher gesetztes Tastaturzkürzel (z.B. Apfel-alt-Shift 1) als Headline taggen kann. Der ausgewählte Text wird dann an Stelle des #SELECT# Platzhalters eingefügt.

Damit ihr jetzt nicht alle wie wild HTML Tags nachtippen müsst, hab ich mal meine aktuellen Glossary Sets für XHTML und CSS zum Download in ein Disk-Image gepackt. Einfach runterladen und in den Ordner ~/Library/Application Support/BBEdit/Glossary/ kopieren.

DMG Icon

22. Oktober 2005 bbedit · coding · howto · osx · software · webdevelopment

The Bubble Project

Street Art Künstler klebt leere Sprechblasen auf Werbeplakate.

via: popnutten

22. Oktober 2005 kunst · street art

The Remarkable Return of Alex Knaub

Einige von euch haben sich sicher schon gefragt, was mit dem Blog von Alex Knaub passiert ist. Irgendwann im Sommer war er einfach weg. Schuld war sein damaliger Hoster, den wir schon liebevoll den “Bratwürstchen-Hoster” nennen (aber das ist eine andere Geschichte). Nun ja, dieser hatte jedenfalls verpennt, die Registrierung für knaub.info zu verlängern und somit war die Domain wieder frei. Und wurde auch prompt in der Zwischenzeit neu registriert. Wie auch immer, Alex ist jedenfalls zurück, mit neuem Blog und Laufblog unter www.kuschelhacker.de. Herzlich Willkommen zurück!

15. Oktober 2005 3st · netzreise · weblog

Happy Birthday Thom

Der Sänger der besten Band der Welt wird heute 37. Herzlichen Glückwunsch!

Thom Yorke

Radiohead arbeiten gerade an einem neuen Album und die teilweise etwas kryptischen Kommentare der Band zu den Aufnahmen kann man im eigens dafür angelegten Weblog Dead Air Space nachlesen.

(Foto: Andrew Kendall)

07. Oktober 2005 musik · radiohead

CSS: Specificity Wars

Stylesheet Prioritäten erklärt mit Hilfe von Star Wars Charakteren

07. Oktober 2005 css · star wars · webdesign

Web 2.0 Browser

Flock heißt das gute Stück und die erste Public Beta wird in etwa 2 Wochen veröffentlicht. Ehemalige Firefox Entwickler wollen mit Flock einen Browser schaffen, der die heutigen Bedürfnisse von Webusern besser unterstützt. Webseiten wie flickr oder del.icio.us sind eine moderne Art, das Netz zu nutzen. Und genau da will Flock ansetzen.

For one, it makes blogging a snap by eliminating the need to do arcane coding in order to post, change fonts or add photos. Right click the mouse on a Web page, and a blogging wizard comes up that automatically creates links, citations, and quotes that are ready to insert into a blog. A horizontal bar on the browser also can load photos from the photo-sharing site Flickr, so they can be simply dragged and dropped into the blog post. […] Flock makes it easy to create online bookmarks for Web sites. Visit a Web site and click a “+” button on one of the browser’s toolbars, and that site is saved to a personalized list on the social bookmarks Web site http://del.icio.us./. (Quelle: Business Week online)

Hört sich ja ganz prima an. Aber ob all diese Features wirklich praktisch sind, muss sich noch herausstellen. Ich bin auf jeden Fall sehr gespannt. Vor allem, ob es auch eine vernünftige Mac-Version geben wird. Ach ja, ein Flock Weblog gibt’s natürlich auch.

via: Web 2.0 Browser

06. Oktober 2005 browser · flock · mozilla · social software · web 2.0 · web standards

Turning the corner: Designing for Web 2.0

Mark Boulton macht sich Gedanken über die Bedeutung des Begriffs Design damals und heute.

03. Oktober 2005 webdesign

Writeboard

Online Textverarbeitung by 37signals

03. Oktober 2005 ajax · web 2.0 · webapp