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
860
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
910
Other Decks in Business
See All in Business
Spice Factory Inc. Culture Deck
spicefactory
0
9.9k
物流の専門家がお客様に伴走するサブスク型コンサルティング
mclogi
0
200
【会社紹介資料】株式会社エーピーコミュニケーションズ
apcom
0
5.5k
KENCOPA Company Dec
kurodaaaaaa
0
340
家族アルバム みてね 事業紹介 / Our Business
familyalbum
6
46k
AIが実現するプロダクトオーナーと開発者の架け橋
bicstone
2
200
数字で見る松岡会計事務所
wf714201
0
550
株式会社ビットエー_BrandBook
bita_2011
0
1.1k
Cierpa&Co._Culture Deck_202509
cierpa0905
PRO
0
660
「素晴らしさが伝われば仲間は増える」〜世代を超えて仲間を増やそう〜:国際ロータリー第2720地区会員増強拡大部門 部門長・熊本西南ロータリークラブ・日の丸産業(株) 代表取締役社長 奥村 誠基 氏
2720japanoke
0
720
CREによる顧客のキャッチアップを加速する仕組み作り / Creating a mechanism to accelerate customer catch-up through CRE
woody_kawagoe
1
130
Tools & Treasures: Find Auction Items That WOW
auctria
PRO
0
150
Featured
See All Featured
It's Worth the Effort
3n
187
28k
Building Adaptive Systems
keathley
43
2.7k
Six Lessons from altMBA
skipperchong
28
4k
We Have a Design System, Now What?
morganepeng
53
7.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
284
13k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Music & Morning Musume
bryan
46
6.8k
For a Future-Friendly Web
brad_frost
179
9.9k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Facilitating Awesome Meetings
lara
55
6.5k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
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/