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
570
2

Browser vs. Photoshop

I gave this talk at the Webmontag MRN in Mannheim

Avatar for Bastian Allgeier

Bastian Allgeier

March 05, 2013

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
540

Other Decks in Design

See All in Design
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
170
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
2
340
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
Avatar for Chris Hass deadlinepoet
0
200
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
780
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
260
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
730
AI時代に必要な アイデアの形
Avatar for ux-man uxman
0
150
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
4
210
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
330
体験負債を資産に変える組織的アプローチ
Avatar for hikarutakase hikarutakase
0
1k
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
560
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
Avatar for Yu Morita securecat
1
420

Featured

See All Featured
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
250
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
120
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
860
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
190
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
670
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
480
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k

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