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
760
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
1k
Modulare Webentwicklung
flocke
1
560
Neuer Workflow für ein modernes Web
flocke
1
2k
CSS-Cookbook - Auszug
flocke
1
190
Modulare Webentwicklung mit Sass
flocke
0
1.4k
Webseiten modular entwickeln
flocke
1
13k
Responsive Webdesign - wir müssen uns ändern
flocke
0
1.9k
Webseiten modular entwickeln
flocke
0
2.1k
Modulare Webentwicklung
flocke
1
850
Other Decks in Business
See All in Business
Nextfield|会社案内パンフレット
nextfield
0
130
Webinar ACENEL 23.04.2024 - Certificados Energéticos (CAE´s)
acenel
PRO
0
110
Delivering More With Less: An Introduction to Value Streams
helenjbeal
3
290
アッテル会社紹介資料/culture deck
attelu
10
10k
トーキトーク - 登記密着ヒューマンドラマ
takuro_nakajima
PRO
1
1.5k
三井物産のデジタル証券〜浅草・まちなか旅館〜徹底解説セミナースライド(20240408)
c0rp_mdm
0
1.8k
生成AIと歩むこれからのキャリア
yuka_kakiuchi
1
160
アプリビジネスとプラットフォーム規制の最新動向20240411
kenjisugiura
1
180
KADOKAWA Connected|会社紹介資料/Corporate Introduction
kadokawaconnected
4
50k
プライシングについて②
umzws
0
260
エムスリーキャリア エンジニア採用資料 / M3C Engineer Guide
m3c
1
76k
生成AIに個人情報/秘密情報を入力する際の法的論点20240318
kenjisugiura
1
190
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Facilitating Awesome Meetings
lara
42
5.6k
Designing for Performance
lara
601
67k
Imperfection Machines: The Place of Print at Facebook
scottboms
260
12k
Designing the Hi-DPI Web
ddemaree
276
33k
Optimising Largest Contentful Paint
csswizardry
8
2.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
Creatively Recalculating Your Daily Design Routine
revolveconf
210
11k
What the flash - Photography Introduction
edds
64
11k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Design by the Numbers
sachag
274
18k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
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/