Wir brauchen einen neuen Workflow

Transcript

1. 1.

   Wir brauchen einen neuen Workflow Jens Grochtdreis

2. 2.

   ‣Kasselaner - seit 1988 in Mainz ‣Frontendentwickler ‣seit 1999 Arbeit

   im und fürs Web ‣seit 2009 selbständig ‣Frontendentwicklung ‣Schulung ‣Beratung ‣@Flocke
3. 3.

   http://bradfrostweb.com/wp-content/uploads/2012/03/01-650x487.png

4. 4.

   http://bradfrostweb.com/wp-content/uploads/2012/03/02-650x487.png

5. 5.

   http://bradfrostweb.com/wp-content/uploads/2012/03/03-650x487.png

6. 6.

   http://upload.wikimedia.org/wikipedia/commons/thumb/9/9c/PapierformateA0bisA8.jpg/1280px-PapierformateA0bisA8.jpg

7. 7.

   http://www.flickr.com/photos/danm_cool/3163625498/

8. 8.

   Frontendentwicklung ist nicht einfach! http://failblog.files.wordpress.com/2009/07/128932678618285916.jpg

9. 9.

   http://bradfrostweb.com/blog/mobile/beyond-media-queries-anatomy-of-an-adaptive-web-design/

10. 10.

    Kunde Beratung Konzept Design Frontend Backend Unser Workflow ist falsch!

11. 11.

    Nicht einfach Befehle empfangen. http://www.flickr.com/photos/soldiersmediacenter/3521607551/ Frontend Projektmanagement

12. 12.

    http://www.flickr.com/photos/artrock2006/4177475479/ Alle Beteiligten sollten frühzeitig offen kommunizieren. http://www.flickr.com/photos/artrock2006/4177475479/

13. 13.

    Das passt nicht zu einem flexiblen Umfeld

14. 14.

    http://icant.co.uk/talks/h5/pictures/jqueryeu/nokia-zombie-hammer.jpg Photoshop ist nicht für Webdesign geeignet.

15. 15.

    Es heißt http:// nicht psd:// !

16. 16.

    http://www.quadriform.biz/wp-content/uploads/2010/09/designer_developer.jpg Designer und Entwickler: ein Team!

17. 17.

    http://styletil.es/

18. 18.

    http://styletil.es/

19. 19.

    http://styletil.es/

20. 20.

    http://styletil.es/

21. 21.

    http://styletil.es/

22. 22.

    http://jsfiddle.net/Flocke/azvGv/ CSS3-fähiger Browser IE8

23. 23.

    Ein möglicher Workflow http://viljamis.com/img/blog/2012/workflow.png http://viljamis.com/blog/2012/responsive-workflow/

24. 24.

    Photoshop sinnvoll nutzen

25. 25.

    ‣ Photoshop soll nicht abgeschafft werden. ‣ Aber die aktuelle

    Bedeutung muss korrigiert werden. ‣ Photoshop Designs sind Idealbilder, keine Realitäten. ‣ Webseiten sind NIEMALS so wie ein Photoshop-Layout.
26. 26.

    ‣ Früher direkt im Code arbeiten und echte Webseiten als

    Entwürfe zeigen. ‣ Mit Photoshop mehr Style Tiles erarbeiten. ‣ Screenshots an Stelle von Photoshop- Konstrukten ‣ Abgesegnet wird nicht das Photoshop- Bildchen, sondern die reale Umsetzung. ‣ Man kann die Realität testen, nicht schönmalen.
27. 27.

    Komplexität nach aussen und innen kommunizieren und einplanen.

28. 28.

    Testen! http://goo.gl/0q9rZ

29. 29.

    Emulatoren sind nett, aber nichts gegen echte Endgeräte. http://idw-online.de/pages/de/image46078

30. 30.

    Der Browser steht im Zentrum, nicht Photoshop! http://sharpsuits.net/photoshopit

31. 31.

    Jens Grochtdreis http://grochtdreis.de http://twitter.com/Flocke http://webkrauts.de http://slideshare.net/Flocke669 Diese Präsentation steht unter

    der Creative Commons Lizenz „Attribution-ShareAlike 2.0“ http://creativecommons.org/licenses/by-sa/2.0/de/