Chukki.de - Der Tumblr-Blog über Webdesign, Wordpress, Social Media, Cloud und Webentwicklung

Das Beste der Woche – KW 35

Jede Woche stoßen wir auf neue Tutorials, Freebies, und andere Interessante Dinge.
Eine Sammlung der besten Links der Woche, findet ihr hier.

45 Creative Logo Designs for Inspiration
...gibt es auf problogdesign.com. Mein Favorit: killed. Genial.

Sagt euch GMUND3 was?
...designerinaction.de stellt euch die Papierkollektion vor.

33 Breath Taking Letterpress Designs
...auf designerscouch.org.

404 – Error Reporting in WordPress

404 Fehler auf Websites sind immer unschön, doch was tun wenn doch mal so ein Fehler auftritt. Ganz einfach: Wordpress bietet entweder eine Datei, die auf den Namen 404.php hört oder alternativ einen "else" zweig in den Theme Dateien, welcher genutzt wird sobald die gesuchte Seite nicht verfügbar ist.

Der unterschied zwischen beiden Varianten liegt darin ob man die "Permalink-Struktur" angepasst hat. Sollte dies der Fall sein, wird die 404.php genutzt. Wenn aber die Seiten ID's benutzt werden, wird der "else" Zweig innerhalb der Theme Dateien single.php, index.php und page.php für das error Reporting verwendet. Für beide Varianten stell ich nun eine Funktion vor, um eine E-Mail zu versenden wenn so ein Fehler auftritt. Natürlich kann die Funktion selbst auch für andere Projekte genutzt werden, aber ich beschreibe das ganze etwas vereinfacht für Wordpress.

jQuery Tools – Teil 2: Tooltips

Tooltips haben die schöne Funktion Zusatzinformationen zu Links, Bildern und ähnlichem zu zeigen, wenn man mit der Maus darüber fährt. Diese Tooltips haben jedoch leider die negative Eigenschaft das sie nicht mit CSS anpassbar sind - das Betriebssystem bzw. der Browser gibt vor, wie sie auszusehen haben.

Durch diese Einschränkung führen die Tooltips ein sehr unterbewertetes Leben im Webdesign - lediglich zu Suchmaschinenoptimierungszwecken oder von Online-Shops, welche oft ein Tooltip hinter einem der etlichen unverständlichen Icons verstecken wird diese Funktion genutzt - der Mehrwert fehlt oft auch einfach weil sie nicht durchgehend genutzt und mit sinnvollen Infos gefüllt werden. Es können weder Bilder eingebunden werden, noch eine Formatierung der Schrift vorgenommen werden, was sie zu einem sehr unschönen Werkzeug verkommen lassen.

Buchtipp: Das Layout Buch

Das Layout Buch von Gavin Ambrose und Paul Harris (Verlag: Stiebner, März 2008) ist eine sehr gute Informations- und Inspirationsquelle für den (Buch-) Gestalter, denn es bietet eine große Auswahl an Anregungen sowie einige interessante Tipps und Informationen zB zu Seitenkompositionen und Satzspiegel. Angefangen bei dem goldenen Schnitt, über Jan Tschichold bishin zur Konstruktion des Satzspiegels mit Hilfe der Fibonacci-Folge ist alles zu finden.

jQuery Tools – Teil 1: Tabs

jQuery ist mit Mootools und Prototype zusammen wohl die mächtigste und beste JavaScript Library die es momentan gibt. Damit alleine sind schon sehr schöne DOM (Document Object Model) Effekte möglich, jedoch für die meisten nicht so leicht einsetzbar, da doch etwas weitreichendere JavaScript Kenntnisse nötig sind.

Und genau da setzt jQuery Tools an - einmal als eigenständige Datei oder als Komplettpaket in Verbindung mit der jQuery Library auch wahlweise auf einem, von den Entwicklern bereitgestellten CDN (Content Distribution Network). So kann innerhalb von wenigen Sekunden jede Website durch schöne und sinnvolle Effekte aufgewertet werden.

Die jQuery Tools können hier heruntergeladen werden und bieten viele verschiedene Elemente um die eigene Seite durch Features in der Usability zu verbessern und optisch aufzuwerten - Tabs, Tooltips, Scrollable, Overlay, Expose und Flash Embed sind die Funktionen, welche die Library mit sich bringt. Was sich hinter den ganzen Begrifflichkeiten versteckt erläutere ich in dieser Reihe. Heute angefangen mit den Tabs, werde ich jeden Tag ein weiteres Element der jQuery Tools mitsamt Programmierbeispielen erläutern.

Technicolor Tutorial

Der Technicolor ist einer der ersten Farbfilme die auf den Markt kamen und seine Ergebnisse sind heute, im Zeitalter der Digitalfotografie, kaum noch bekannt aber dennoch sehr schön! Es gibt mehrere Verfahren von Technicolor, eins davon funktioniert mit Aufnahme und Wiedergabe zweier Farbfilter. Dieses Verfahren ist auch digital umsetzbar.

Der Internet Explorer 6 muss sterben…

...., aber er kann nicht!

Die Diskussion über das Ableben des IE6 ist momentan größer denn je. Webdesigner und -entwickler fordern mit Nachdruck, dass eine weitere Unterstützung des Internet Explorers 6 unterbunden werden sollte. Die Fakten sind da: Der IE6 ist mitlerweile 8 Jahre alt, kann keine aktuellen Webstandards richtig umsetzten, die Dateiformate .png und .svg werden nur sehr geringfügig unterstützt und er bedeutet oft einen (riesigen) Mehraufwand bei der Umsetzung von Projekten.

Please update!

Die Entwicklung der Debatte rund um den IE6 entwickelt sich momentan dahin, das immer mehr große Web 2.0 Websites die Unterstützung fallen lassen und einen Hinweis darauf anbieten, doch bitte einen neuen und aktuellen Browser zu nutzen. Da ist unter anderem die Initiative "IE6 No More" mit einer Reihe an unterstützenden Websites und einem Warnhinweis, der allen Usern mit IE6 eine Update Meldung anzeigt.