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

Browser vs. Photoshop

Avatar for Bastian Allgeier Bastian Allgeier
March 05, 2013
Design
2
540

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
800
Let's build a better web
Avatar for Bastian Allgeier bastianallgeier
3
470
Kirby Crash Course
Avatar for Bastian Allgeier bastianallgeier
5
710
From designer to developer – an unexpected journey
Avatar for Bastian Allgeier bastianallgeier
3
3.5k
Rediscover Value
Avatar for Bastian Allgeier bastianallgeier
2
310
design your code, code your design
Avatar for Bastian Allgeier bastianallgeier
7
560
Feel-good interface design
Avatar for Bastian Allgeier bastianallgeier
6
520

Other Decks in Design

See All in Design
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
1k
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
150
【最新】マズロー安達の弟子実績（1期-6期の37人分）
Avatar for マズロー安達 maslow_akkun
0
3k
Portfolio 齋藤明敏 Hiroyuki Saito
Avatar for HIROYUKI SAITO crearedesign
0
120
Liquid GlassとApp Intents
Avatar for touyou touyou
0
420
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
630
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
360
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
640
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
510
プロダクトリニューアルと同時に進める初めてのデザインシステム
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
130
Yahoo!フリマ：生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
510
7 Core Values of Round-L
Avatar for Round-L wired888
0
2.2k

Featured

See All Featured
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.5k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
33k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
369
20k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
7
500
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
910
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.4k

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