Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Wir brauchen einen neuen Workflow

521db10df5241d9b2b70a555cc54e9e8?s=47 Jens Grochtdreis
January 20, 2014
Business
0
490

Wir brauchen einen neuen Workflow

Vortrag am Webmontag in Kassel - Kurzform ohne große Erklärungen

521db10df5241d9b2b70a555cc54e9e8?s=128

Jens Grochtdreis

January 20, 2014
Tweet

More Decks by Jens Grochtdreis

See All by Jens Grochtdreis
521db10df5241d9b2b70a555cc54e9e8?s=48 flocke
0
560
521db10df5241d9b2b70a555cc54e9e8?s=48 flocke
1
160
521db10df5241d9b2b70a555cc54e9e8?s=48 flocke
1
1.6k
521db10df5241d9b2b70a555cc54e9e8?s=48 flocke
1
170
521db10df5241d9b2b70a555cc54e9e8?s=48 flocke
0
860
521db10df5241d9b2b70a555cc54e9e8?s=48 flocke
1
7.7k
521db10df5241d9b2b70a555cc54e9e8?s=48 flocke
0
1.5k
521db10df5241d9b2b70a555cc54e9e8?s=48 flocke
0
1.8k
521db10df5241d9b2b70a555cc54e9e8?s=48 flocke
1
800

Other Decks in Business

See All in Business
7a37d60769f6f3004adee19a8ff2c219?s=48 tunepolo
0
830
E767a621f43fd94ac3682f8fcf95f1cc?s=48 kenkurosaki
0
1.1k
055e63a40190884fdc17b918c6f6aa7e?s=48 aki_moon
0
160
Db765c02bfce0f2bd24c584666c30417?s=48 tomochang
1
1.5k
8a84031d6872ed7d2db6ce8b61f143a2?s=48 yusukehisatsu
14
8.3k
Bc00585408b1b4886b6ce9fd16b92e1a?s=48 sairu_inc
0
530
68a3357cc10d5a7674e12d0e05d95607?s=48 tricot_hr
1
250
74f76e75d92cf585b29ffa049629c8a6?s=48 tocho_zaiseika
0
550
8257acca6848b938af69def6b102cc56?s=48 wano_pr
1
3.7k
0a60f6185a0c8b75de88bdc1b693b1c2?s=48 open8_recruit
0
4.8k
E051e5af99ebe2a53d457851d4cd424b?s=48 miibio
0
220
E473e5af1263c050599921981db46068?s=48 akatsukinewgrad
0
440

Featured

See All Featured
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
587
200k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
99
11k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
81
3.4k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
656
54k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
3
650
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
115
10k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
242
21k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
107
14k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
10
1.7k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
262
11k
78b475797a14c84799063c7cd073962f?s=48 holman
462
280k
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
257
20k

Transcript

  1. Wir brauchen einen neuen Workflow Jens Grochtdreis

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

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

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

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

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

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

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

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

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

  10. Kunde Beratung Konzept Design Frontend Backend Unser Workflow ist falsch!

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

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

  13. Das passt nicht zu einem flexiblen Umfeld

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

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

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

  17. http://styletil.es/

  18. http://styletil.es/

  19. http://styletil.es/

  20. http://styletil.es/

  21. http://styletil.es/

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

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

  24. Photoshop sinnvoll nutzen

  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. ‣ 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. Komplexität nach aussen und innen kommunizieren und einplanen.

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

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

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

  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/