Photoshop bietet zwar die Möglichkeit Hilfslinien zu erstellen, jedoch sind diese nur unter Angabe von festen Positionen anlegbar. Will man nur ein schnelles Gestaltungsraster aufziehen müssen die Positionen zunächst berechnet, oder mit Formebenen nachgebaut werden. In diesem Artikel wird das Plugin GuideGuide vorgestellt, welches diese Tätigkeit radikal vereinfacht. weiterlesen

Die Slice-Funktion von Photoshop ist hoffnungslos veraltet und dem aktuellen Workflow Webseiten zu gestalten nicht mehr angemessen. Sie stammt noch aus einer Zeit, in der Layouts hauptsächlich mittels Tabellen aufgebaut wurden. Um den Export von Grafik-Elementen aus .psd-Dateien auch auf einer Windows-Umgebung zu automatisieren, wird hier im Artikel das Photoshop CS6 Plugin „Cut&Slice me“ vorgestellt. weiterlesen

Arbeiten mehrere Designer an einem Projekt, wird das CSS Stylesheet oft schnell unübersichtlich. Jeder Designer benutzt seine eigene Logik im Aufbau, Klassenbenennung, Anordnung und Sortierung der verschiedenen Selektoren und Attribute. Deshalb macht es Sinn, sich innerhalb des Teams auf eine Formatierung des CSS zu einigen. Da das Rad aber nicht neu erfunden werden muss, gibt es hier im Artikel einige CSS Style Guides. weiterlesen

Die brillanten Displays mit hoher Pixeldichte halten mit dem Erscheinen des neusten MacBooks auch langsam im Laptop-Sektor Einzug. Zeit also, sich über die Skalierbarkeit von Grafiken im Web weitere Gedanken zu machen. Über die Ausgabe von optimierten Bildern für eine hohe Pixeldichte haben wir bereits gesprochen, weiter geht es mit der Optimierung von Icons. weiterlesen

HTML5 ist in allen Sektoren auf dem Vormarsch, auch der Spielesektor profitiert mittlerweile von der sich verbreitenden HTML5-Welle und genug spricht dafür: Kein Flash, bessere Performance und auch auf mobilen Geräten abspielbar. Was bisher alles fantastisches mit dieser Technologiekombination umgesetzt wurde - hier im Artikel. weiterlesen

Die so genannten Tooltips können für die unterschiedlichsten Verwendungszwecke auf einer Webseite eingesetzt werden. Der Hintergrund ist in den meisten Fällen aber, dem User zusätzliche oder erklärende Informationen zu liefern.
Ein Tooltip (im Deutschen auch hin und wieder “Tooltipp”) ist in der Regel eine Art Sprechblase, die sich in bestimmten Situationen öffnen soll. Standardmäßig sind es Links oder andere Textelemente, die beim Überfahren mit der Maus die ergänzende Information erhalten. weiterlesen

Bei der Arbeit am Computer vergeht die Zeit wie im Flug. Wer hier nachhalten möchte, wie viel Zeit man in ein bestimmtes Projekt gesteckt hat, der muss genau auf Anfangs- und Endzeit achten. Und selbst dann gibt es oft Ungenauigkeiten. Als Erleichterung können hier so genannte Zeiterfassung-Tools (Time Tracking) gesehen werden. weiterlesen

Icons können in vielen Situationen eingesetzt werden und sind daher immer gefragt. Wem das Erstellen solcher Grafiken nicht zusagt, der greift am besten auf Archive und Datenbanken zurück. Kostenlose Icons gibt es in den verschiedensten Ausführungen und Varianten. Optisch und vor allem thematisch sind hier keine Grenzen gesetzt. weiterlesen