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
830
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
社会の中のわたしの技術 ─ 自分の地図の描き方 #wttjp
yotii23
0
210
エンジニアの紹介
laboroai2016
0
260
tokyo_dbt_meetup_#14_意志ある羅針盤たれ<データサイド>
t_yamaguchi
3
520
M3 Career Culture Deck(セールス&コンサルティング職)
m3c
1
280k
株式会社クラダシ_中期経営計画(2025年6月期‐2027年6月期)
kuradashi
0
150
三菱商事ロジスティクス_コンサルティング事業紹介
mclogi
0
260
M&A戦略に関する資料
portpr
0
14k
SSP Company Deck
susstap
0
140
Arches 会社説明資料/ HR Deck
arches0501
0
13k
息苦しい目標設定に、さよならを。 〜挑戦するチームへ導く「成長観点」と「給与観点」の使い分け〜
mkitahara01985
2
270
REVISIO 会社説明
revisio
0
310
株式会社カウシェ Company Deck
kauche
2
200k
Featured
See All Featured
Producing Creativity
orderedlist
PRO
346
40k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Visualization
eitanlees
146
16k
Code Review Best Practice
trishagee
68
18k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
Become a Pro
speakerdeck
PRO
28
5.4k
Optimizing for Happiness
mojombo
379
70k
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/