Slide 1

Slide 1 text

getkirby.com zootool.com bastianallgeier.com Selbständiger Designer & Entwickler Datei-basiertes CMS Visuelles Bookmark Tool Z

Slide 2

Slide 2 text

Photoshop vs. Browser

Slide 3

Slide 3 text

+ =

Slide 4

Slide 4 text

Warum Browser? schnellerer Design Prozess neue Design Schwerpunkte näher am Endprodukt gestalten einfache Abstimmung mit dem Kunden bessere Zusammenarbeit mit Entwicklern

Slide 5

Slide 5 text

Mein Werkzeugkoffer Browser (Google Chrome) Text Editor (Sublime Text) Papier & Stift Screenshot Tool Pipette (Color Snapper) WhatTheFont Plugin FTP-Programm (Transmit)

Slide 6

Slide 6 text

Für Fortgeschrittene SASS oder LESS CodeKit, LiveReload oder ähnliches JavaScript bzw. jQuery Kirby oder Hammer.app für Prototyping

Slide 7

Slide 7 text

Gute Dokumentation webplatform.org developer.mozilla.org

Slide 8

Slide 8 text

Screenshot PS HTML

Slide 9

Slide 9 text

Keep it simple! boilerplates bootstrap foundation

Slide 10

Slide 10 text

Demo

Slide 11

Slide 11 text

Danke Twitter: @bastianallgeier