Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Wir brauchen einen neuen Workflow
Search
Jens Grochtdreis
January 20, 2014
Business
0
880
Wir brauchen einen neuen Workflow
Vortrag am Webmontag in Kassel - Kurzform ohne große Erklärungen
Jens Grochtdreis
January 20, 2014
Tweet
Share
More Decks by Jens Grochtdreis
See All by Jens Grochtdreis
Pattern Libraries im Zentrum von Entwicklung und Design
flocke
0
1.2k
Modulare Webentwicklung
flocke
1
840
Neuer Workflow für ein modernes Web
flocke
1
2.2k
CSS-Cookbook - Auszug
flocke
1
220
Modulare Webentwicklung mit Sass
flocke
0
1.7k
Webseiten modular entwickeln
flocke
1
14k
Responsive Webdesign - wir müssen uns ändern
flocke
0
2.1k
Webseiten modular entwickeln
flocke
0
2.2k
Modulare Webentwicklung
flocke
1
900
Other Decks in Business
See All in Business
GMOフィナンシャルHD 会社紹介資料
gmofh_hr_team
0
50k
ラッコキーワード サービス紹介資料
rakko
0
410
HashPort Company Deck
hashport
0
15k
特別講義 理系のための法学入門
seko_shuhei
2
2.4k
略歴 (2025年6月27日)
tsogo817421
2
350
KINTOテクノロジーズ OsakaTechLab説明資料 / ktc-osakatechlab-introduction.pdf
ktc_creative
0
520
Morght 会社紹介資料_LAST UPDATED 2025.7
morght
1
3.8k
Things - Company Deck
things2109
0
1.2k
【Progmat】Monthly-ST-Market-Report-2025-Jun.
progmat
0
280
Management Workflow
dskst
2
360
株式会社レコモット会社紹介資料
recomothr
0
9.7k
タケウチグループRecruit
takeuchigroup
0
6.9k
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Speed Design
sergeychernyshev
32
1k
The Invisible Side of Design
smashingmag
301
51k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
RailsConf 2023
tenderlove
30
1.1k
Faster Mobile Websites
deanohume
307
31k
KATA
mclloyd
30
14k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Transcript
Wir brauchen einen neuen Workflow Jens Grochtdreis
‣Kasselaner - seit 1988 in Mainz ‣Frontendentwickler ‣seit 1999 Arbeit
im und fürs Web ‣seit 2009 selbständig ‣Frontendentwicklung ‣Schulung ‣Beratung ‣@Flocke
http://bradfrostweb.com/wp-content/uploads/2012/03/01-650x487.png
http://bradfrostweb.com/wp-content/uploads/2012/03/02-650x487.png
http://bradfrostweb.com/wp-content/uploads/2012/03/03-650x487.png
http://upload.wikimedia.org/wikipedia/commons/thumb/9/9c/PapierformateA0bisA8.jpg/1280px-PapierformateA0bisA8.jpg
http://www.flickr.com/photos/danm_cool/3163625498/
Frontendentwicklung ist nicht einfach! http://failblog.files.wordpress.com/2009/07/128932678618285916.jpg
http://bradfrostweb.com/blog/mobile/beyond-media-queries-anatomy-of-an-adaptive-web-design/
Kunde Beratung Konzept Design Frontend Backend Unser Workflow ist falsch!
Nicht einfach Befehle empfangen. http://www.flickr.com/photos/soldiersmediacenter/3521607551/ Frontend Projektmanagement
http://www.flickr.com/photos/artrock2006/4177475479/ Alle Beteiligten sollten frühzeitig offen kommunizieren. http://www.flickr.com/photos/artrock2006/4177475479/
Das passt nicht zu einem flexiblen Umfeld
http://icant.co.uk/talks/h5/pictures/jqueryeu/nokia-zombie-hammer.jpg Photoshop ist nicht für Webdesign geeignet.
Es heißt http:// nicht psd:// !
http://www.quadriform.biz/wp-content/uploads/2010/09/designer_developer.jpg Designer und Entwickler: ein Team!
http://styletil.es/
http://styletil.es/
http://styletil.es/
http://styletil.es/
http://styletil.es/
http://jsfiddle.net/Flocke/azvGv/ CSS3-fähiger Browser IE8
Ein möglicher Workflow http://viljamis.com/img/blog/2012/workflow.png http://viljamis.com/blog/2012/responsive-workflow/
Photoshop sinnvoll nutzen
‣ 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.
‣ 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.
Komplexität nach aussen und innen kommunizieren und einplanen.
Testen! http://goo.gl/0q9rZ
Emulatoren sind nett, aber nichts gegen echte Endgeräte. http://idw-online.de/pages/de/image46078
Der Browser steht im Zentrum, nicht Photoshop! http://sharpsuits.net/photoshopit
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/