Artikel mit ‘Design’ getagged

Überblick bei CSS-Dateien behalten

Dienstag, 27. Mai 2008

Seit einiger Zeit beschäftige ich mich schon relativ intensiv mit dem Thema CSS. Vom ersten Tag an, als ich davon hörte, war ich begeistert. Das strikte trennen von Inhalt und Design hat unschlagbare Vorteile. Vor allem bei einem Re-Design einer Website. Zu diesem Thema habe ich mittlerweile einiges an Büchern, Websites, Videos und anderen Quellen auf mich einprasseln lassen. Was bis dahin jedoch leider zu kurz kam, war das Kommentieren und Dokumentieren der CSS-Dateien. Es wird zwar überall mehr oder weniger kurz angeschnitten, aber jeder kommentiert eben auf seine Art und Weise.

Beim durchstöbern vom Smashing Magazine bin ich zufällig über eine Anleitung oder auch Leitfaden gestoßen, der sich mit unterschiedlichen Ansätzen der Kommentierung auseinander setzt. Dementsprechend wird gezeigt, wie man seine CSS-Dateien durch Kommentare sauber aufbereitet, um auch nach Jahren immer noch den Durchblick zu behalten. Auch ist es eine große Hilfe bei Gemeinschafts-Projekten, wenn also mehrere Personen an einer CSS-Datei hantieren. Und generell bietet eine strukturierte Kommentierung einen schnellen Überblick des Inhalts und ein zügigeres Auffinden einzelner Elemente.

Für jeden, der effektiv, schnell und zukunftsorientiert “programmieren” will sollte sich diesen Leitfaden einmal ansehen und auch einige der Tipps und Vorschläge anwenden. Man macht dabei nur sich selbst und anderen damit das Leben und Umgestalten leichter.

DIY: Icon-Design

Sonntag, 13. April 2008

IconsViele kennen sicherlich die Probleme, die beim Icon-Design auftreten können, ebenso gut wie ich. Was gibt es nicht alles, was man dabei beachten muss. Eine gute Skalierbarkeit muss gegeben sein. Auch dürfen nicht zu viele unnötige Symbole auftauchen. Eine gewisse Einfachheit und Unterscheidbarkeit hilft den Usern.

Dr. Web hat im Weblog eine Liste von diversen Kriterien zusammengestellt, die, wenn man sich daran hält, viel Nacharbeit ersparen kann. Ich empfinde diese Liste schon fast als vollwertiges Tutorial, sofern man sich schon etwas mit der Icon-Erstellung auseinander gesetzt hat.

Sehr empfehlenswert!

Wer auf der Suche nach schönen Beispielen ist, wird sicherlich hier, beim Smashing Magazine, fündig. Wurde mal im BasicThinking-Blog angesprochen.