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
ラクスパートナーズ採用ピッチ資料_エンジニア部門
rakuspartners_recruit
0
2.5k
【全ポジション共通】㈱エグゼクション/会社紹介資料
exe_recruit
1
1.3k
Arches 会社説明資料/ HR Deck
arches0501
0
13k
株式会社ボスコ・テクノロジーズ 採用ピッチ資料
boscotechrecruit
0
360
組織を AI との協働に最適化する ~ AI と人が補完しあって成長し続ける組織の作り方 ~
yoshizaki
0
520
[2025年度] 株式会社ROUTE06 (ルートシックス) 会社紹介
route06
2
190
インキュデータ会社紹介資料
okitsu
3
42k
エレコム株式会社 中途採用説明資料
elecom_hr
0
100
チーム力を高める「ストロータワー」
chibanba1982
PRO
0
360
OpenBridge株式会社 会社紹介資料 / We are hiring
openbridge
0
290
デジタル証券株式会社・会社紹介
dts
0
690
Gemini CLI ハンズアウト
mickey_kubo
3
370
Featured
See All Featured
Facilitating Awesome Meetings
lara
54
6.4k
Six Lessons from altMBA
skipperchong
28
3.9k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Practical Orchestrator
shlominoach
189
11k
How GitHub (no longer) Works
holman
314
140k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Code Reviewing Like a Champion
maltzj
524
40k
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/