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

Browser vs. Photoshop

Bastian Allgeier
March 05, 2013
Design
2
490

Browser vs. Photoshop

I gave this talk at the Webmontag MRN in Mannheim

Bastian Allgeier

March 05, 2013
Tweet

More Decks by Bastian Allgeier

See All by Bastian Allgeier
Escape to planet Aerth
bastianallgeier
0
700
Let's build a better web
bastianallgeier
3
400
Kirby Crash Course
bastianallgeier
5
680
From designer to developer – an unexpected journey
bastianallgeier
3
3.5k
Rediscover Value
bastianallgeier
2
300
design your code, code your design
bastianallgeier
7
550
Feel-good interface design
bastianallgeier
6
510

Other Decks in Design

See All in Design
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
170
アクセシビリティのはじめかた デザイナー編
tokimari
3
1.4k
アジャイル開発におけるFigmaAI新機能の活用
abokadotyann
1
210
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
280
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
170
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
440
Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
1
520
デザインシステム構築の進め方　基本から実践まで、具体的な手順を徹底解説
ncdc
1
210
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
300
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.3k
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
300
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン｜TOKYO CREATIVE COLLECTION
madue
1
1.2k

Featured

See All Featured
Faster Mobile Websites
deanohume
305
30k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
What's new in Ruby 2.0
geeforr
343
31k
What's in a price? How to price your products and services
michaelherold
243
12k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
24k
A better future with KSS
kneath
238
17k

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