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

Browser vs. Photoshop

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Bastian Allgeier Bastian Allgeier
March 05, 2013
Design
2
570

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
840
Let's build a better web
Avatar for Bastian Allgeier bastianallgeier
3
520
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
570
Feel-good interface design
Avatar for Bastian Allgeier bastianallgeier
6
530

Other Decks in Design

See All in Design
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
3k
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
240
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
280
第18回サイゼミ
Avatar for LW lw
1
3.5k
デザインの文脈を理解する：エンジニアがデザインカンファレンスに参加して得た学びと気づき
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
130
図じゃなく言語で描く - Common Ground for Design AI Operations.
Avatar for Kazuki Ikeda kazukiikeda
2
730
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
2.1k
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
1
1.3k
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
230
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
180
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
350
Storyboard Assignment: Storyboard from Comic Strip
Avatar for Mandalyn Teo lynteo
3
220

Featured

See All Featured
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
470
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
490
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
90
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
830
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.7M
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.3k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
110k

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