Kategorien
Linklove

Centering in the Unknown

Centering in the Unknown

Kategorien
Webentwicklung

3 Ressourcen für Templates unter Creative Commons Lizenz

Wenn die Zeit oder das Budget bei einem Kunden knapp ist, greife ich gerne zu Lösungen „von der Stange“. Das muss auch nicht zwingend etwas schlechtes sein. Viele Templates sind mit wenigen CSS-Änderungen durchaus Wandlungsfähig. Und wenn man nach Stunden abrechnet und die nicht komplett exklusive Lösung dem Kunden auch passt, ist das nicht mal ein oder anrüchig: Es verbessert das Preis-Leistungsverhältnis stellenweise enorm.

Zusätzlich zu einem Theme-Fundus für WordPress kann ich folgende Seiten für die Templatesuche empfehlen:

Die Templates sind, was den Funktionsumfang angeht sehr unterschiedlich. Die HTML5-Seiten haben sich allerdings fertige Responsive-Templates auf die Fahne geschrieben. Während diese die Templates zumindest auf den Seiten nur als CC-Lizenz anbieten, bietet Free CSS Templates auch die Möglichkeit, die Quellenangabe ab einer Spende von 5 Dollar zu entfernen. Die drei Seiten würde ich übrigens als prinzipiell seriös einstufen.

Weitere Links:

Kategorien
Code Webentwicklung

Wie sollte man Prototypen bauen?

Konzept: Von der Skizze zum Prototypen

Wir gehen in diesem Artikel davon aus, dass für ein neues Projekt Skizzen bestehen, die zeigen, wie die fertige (Web-)Anwendung etwa aussehen und sich verhalten soll. Basierend auf diesen Skizzen möchte der Kunde sehen, wie sich das „anfühlt“, wenn man es im Browser bedient. Wir gehen im folgenden davon aus, dass der Prototyp keinerlei Datenverbindungen oder serverseitige Entwicklung benötigt, also ein reiner „Klick-Dummy“ ist.

Grundüberlegungen

Bevor die erste Code-Zeile entsteht sollte man sich schon über einige Dinge Gedanken gemacht haben:

  1. Code-Organisation / Ordnerstrukturen
  2. Zu verwendende Libraries und deren Lizenzen

Was davon in der Entwicklung davon übrig bleibt, ist egal, aber ein Plan sollte vorhanden sein. Mit am wichtigsten ist, dass alle „Screens“ auf Atomisierbarkeit gecheckt werden:

  • Habe ich oft gleiche Strukturen?
  • Kann ich die kombinieren?

Dabei sind z.B. Dinge wie immer wiederkehrende Dinge wie Tabellen mit gleichem Aufbau. Hier lohnt sich unter Umständen recht schnell der Einsatz einer Templating-Engine wie Handlebarsjs oder Mustache.

Weitere Dinge: Welche Präprozessoren / DRY-Tools benutze ich, z.B. LESS, SASS und/oder Ajax (um Teile der Oberfläche nachzuladen).

Umsetzung: Was sollte bei der Entwicklung des Prototypen beachtet werden?

[red_box]Versionskontrolle, Versionskontrolle, Versionskontrolle, Versionskontrolle, Versionskontrolle, Versionskontrolle, Versionskontrolle, Versionskontrolle, Versionskontrolle, Versionskontrolle![/red_box]

Man kann es gar nicht oft genug sagen. Jeder nachvollziehbare Schritt ist ein sinnvoller Schritt in die richtige Richtung. Insbesondere, wenn mehrere Personen am gleichen Code arbeiten, ist ein SCM-Tool richtig wichtig.

Der Code sollte dabei im Code selbst gut dokumentiert sein, zusätzliche Dokumentation in einem Wiki oder ähnlichem wäre optimal. Nutzt eine Toolchain wie Grunt.js um Produktionsreifen Code zu erzeugen:

  1. Minifying
  2. Compressing
  3. Entkommentarisierung 😉

Request-Lagging

Wenn im Klick-Dummy Requests simuliert werden, die im Prototyp nicht oder lokal stattfinden, verzögert Sie im Prototypen mit JavaScript-

Diskussion: quick’n’dirty vs. Produktionsreife

Wieviel produktionsreifen Code soll eurer Meinung ein Prototyp enthalten? Werdet euch mit den Kunden einig darüber, was ihr unter einem Prototyp versteht und was der Übergang vom Prototypen zur „live“-Version bedeutet. Je nachdem sollten natürlich auch unterschiedliche Aufwände in den Prototypen gesteckt werden.