Smile Designer Smile

Smile Designer Smile

Heutzutage kann der Designprozess von Online-Projekten für den ein oder anderen Designer & Developer zur reinen Farce werden. Zeitintensive Nachjustierungen liegen häufig an der Tagesordnung. Die Stimmung im Team steigt nicht unbedingt. Fairerweise gilt zu erwähnen, dass heutzutage die abgefahrensten Layouts umgesetzt werden müssen – und obendrein barrierefrei.

Design with Standards

Ich persönlich setze seit Jahren auf Grid-Systeme die einer ganz klaren Logik folgen – sowie im Design- als auch im Developmentprozess. Grundlage ist immer ein vorab ausgearbeitetes Gridsystem. Seit einiger Zeit haben sich Standards entwickelt – Blueprint CSS / 960 sind hier zu nennen. Mit diesen Frameworks lässt es sich sowohl als Designer und auch als Developer wunderbar arbeiten. Trotz dieser positiven Entwicklung in Richtung Standards werden Designer & Developer nicht darum kommen, die vorliegenden Online-Ergebnisse pixelgenau zu überprüfen.

Pixelgenaue Kontrolle = Smile Designer Smile

Die Jungs von 9elements standen genau vor diesem Problem, als sie die Beta-Version von InterNations ausgearbeitet haben:

“To be honest: A F***cking amount of time is spent to get all borders, margins and paddings right.”

“Not” macht erfinderisch und man überlegt sich, wie man genau diese Problematik beheben kann. 9elements hat ein cooles jQuery Plugin programmiert. Dieses Plugin ermöglicht den Photoshop-Entwurf als transparentes Element über die Website zu legen. Zudem kann man den Screen per Pfeiltasten an die richtige Position bringen um dann in realtime die letzten Bugs zu beheben – eine wirklich pragmatische Lösung!

Demo

SMILEDESIGNERSMILE funktioniert in jedem Browser gleich – alternative Tools nicht! Eine kleine Demo findet Ihr hier.

Fazit

SMILEDESIGNERSMILE ist ein kleines aber feines Tool, welches so manchen Developer und auch Designer erfreuen wird. Der Design- und Entwicklungsprozess wird auf Grund solcher smarten Tools mit Sicherheit vereinfacht und am Ende freut sich sogar der Designer!

Über 9elements

9elements is a small privately-held company in the middle of the industrial Ruhr Area, dedicated to create cutting-edge webapplications in combination with beautiful and functional design. Our work is influenced and inspired by a heavy bandwith of different backgrounds: from game development and interface design to state-of-the-art computer science research, from high-def programming languages to the words from the street. Our objective: to create something that works well, looks good and feels good, and eventually leaves a unique experience to its users.

ONE FEEDBACK

  1. Moritz sagt:

    Das Tool finde ich schon sehr gut.Es freut mich schon.Danke für diesen Artikel.Tolle Seite, weiter so!

HINTERLASSE EINEN KOMMENTAR