Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Browser vs. Photoshop

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Bastian Allgeier Bastian Allgeier
March 05, 2013
Design
2
560

Browser vs. Photoshop

I gave this talk at the Webmontag MRN in Mannheim

Avatar for Bastian Allgeier

Bastian Allgeier

March 05, 2013
Tweet

More Decks by Bastian Allgeier

See All by Bastian Allgeier
Escape to planet Aerth
Avatar for Bastian Allgeier bastianallgeier
0
820
Let's build a better web
Avatar for Bastian Allgeier bastianallgeier
3
510
Kirby Crash Course
Avatar for Bastian Allgeier bastianallgeier
5
730
From designer to developer – an unexpected journey
Avatar for Bastian Allgeier bastianallgeier
3
3.5k
Rediscover Value
Avatar for Bastian Allgeier bastianallgeier
2
330
design your code, code your design
Avatar for Bastian Allgeier bastianallgeier
7
560
Feel-good interface design
Avatar for Bastian Allgeier bastianallgeier
6
530

Other Decks in Design

See All in Design
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
7.1k
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
390
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
160
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.3k
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.4k
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
Avatar for Yu Morita securecat
0
200
hicard_credential_202601
Avatar for hicard hicard
0
160
Vibe Coding デザインシステム
Avatar for poteboy poteboy
3
1.7k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
1
900
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
960
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
310
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.1k

Featured

See All Featured
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
110
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
58
50k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
810
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
260
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
2
250

Transcript

  1. getkirby.com zootool.com bastianallgeier.com Selbständiger Designer & Entwickler Datei-basiertes CMS Visuelles

    Bookmark Tool Z

  2. Photoshop vs. Browser

  3. + =

  4. Warum Browser? schnellerer Design Prozess neue Design Schwerpunkte näher am

    Endprodukt gestalten einfache Abstimmung mit dem Kunden bessere Zusammenarbeit mit Entwicklern

  5. Mein Werkzeugkoffer Browser (Google Chrome) Text Editor (Sublime Text) Papier

    & Stift Screenshot Tool Pipette (Color Snapper) WhatTheFont Plugin FTP-Programm (Transmit)

  6. Für Fortgeschrittene SASS oder LESS CodeKit, LiveReload oder ähnliches JavaScript

    bzw. jQuery Kirby oder Hammer.app für Prototyping

  7. Gute Dokumentation webplatform.org developer.mozilla.org

  8. Screenshot PS HTML

  9. Keep it simple! boilerplates bootstrap foundation

  10. Demo

  11. Danke Twitter: @bastianallgeier