Das HD-Web und was man dafür tun kann

von

Da ich bisher das Thema nur kollateral wahrgenommen habe, trifft es sich gut, als Einstieg auf MediaLoot eine übersichtliche und verständliche Zusammenfassung zu finden. Der Artikel spricht von der Verwendung von SVG, Icon Schriften und der Notwendigkeit, Interface Elemente mit CSS zu gestalten, um die Skalierbarkeit zu garantieren, von gängigen Techniken, um verschiedene Bildgrößen an die entsprechenden Geräte auszuliefern. Alles in allem eher ein Einstieg als ein Kompendium, aber gerade deshalb habe ich ihn eben interessiert gelesen.

Und wer eine elegante Art, seine Icons aus verschiedenen Icon Fonts zusammenzustellen und dies dann in eine SVG-Schrift zu packen, sucht, wird bei Fontomas fündig. Konvertierung in Webfont bei FontSquirrel inklusive.

Custom Cursors mit Css

von

Wieder was gelernt… aber mit einigen Umwegen. Die Aufgabe: bestimmte Navigationselemente einer Seite sollen einen custom Cursor erhalten. Die 3 gesammelten Erkenntnisse hierzu:

Cursor für IE, Firefox und andere

Alles nicht so einfach, wie man sich so oft wünschen würde, schreibt Adrian Ber:

cursor: url(cursor.cur),url(cursor/cursor.cur),default;

So everytime you want to define a crossbrowser CSS cursor you should define it as a list containing the url relative to the source element, the url relative to the style sheet and the default value.

Wie erstelle ich .cur Files?

Nach etwas Herumsuchen fand ich Artcursors (Windows). Mehr brauchte ich für den Moment nicht.

Warum zickt der IE immer noch? 

In Gecko (Firefox) the limit of the cursor size is 128×128px. Larger cursor images are ignored. However, you should limit yourself to the size 32×32 for maximum compatibility with operating systems and platforms.

Das war denn auch des Rätsels Lösung: mein Cursor war größer als 32x32px.
Danke für die Info, Mozilla!

Schlagwörter:

Ein guter Vergleich zum Scrollen

von

Ein schöner Vergleich, der mir wohl mehrfach als Argumentationshilfe geholfen hätte… hätte hätte.

There is nothing wrong with scrolling. Nothing at all. Just as there is nothing wrong with flipping pages in books.

Schlagwörter:

CloudApp – einfacher gehts kaum

von

Eben habe ich erlebt, wie einfach sowohl die Idee, die Benutzung und Registrierung bei einer On/Offline Applikation sein können. CloudApp bietet auf einfachste Art Bildupload. Nachdem man sich das kleine Client Programm installiert hat, kann man Bilder auf das Symbol in der Menubar ziehen, die dann automatisch auf den CloudApp Server hochgeladen werden. Die URL zum jeweiligen Bild landet parallel im Zwischenspeicher. Genial einfach!

Kein Css, kein Javascript, oder eines fehlt… was tun?

von

Auch im Rahmen dieses Projektes habe ich mich gefragt, wie man eine Fehlermeldung bauen kann, die sowohl erscheint, wenn der Benutzer Javascript ausgeschaltet hat, als auch, wenn sein Browser kein Css kennt, als auch, wenn beides der Fall ist. Meine Lösung mit jQuery setzt sich aus drei Teilen zusammen.

Hinter dem Body-Tag:


Der dirty Hinweis, daß gerade nix geht...



Und irgendwo im Stylesheet:


.nocssnojs { display: none; }