Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
JS.CONF.EU 2012 - Because F$%k Photoshop
Search
Julie Ann Horvath
October 06, 2012
Design
16
4.7k
JS.CONF.EU 2012 - Because F$%k Photoshop
Julie Ann Horvath
October 06, 2012
Tweet
Share
More Decks by Julie Ann Horvath
See All by Julie Ann Horvath
Engineering Learning Lunch on Writing CSS as a Team
nrrrdcore
1
210
Because People
nrrrdcore
7
1.4k
Coder Day Of Service Keynote
nrrrdcore
3
620
Just Ship It
nrrrdcore
37
4.3k
Open Source Needs More Design Superheroes
nrrrdcore
10
770
GitHub for Designers
nrrrdcore
18
2.6k
Fast Design Decision-Making for the Everyday Developer
nrrrdcore
15
1.1k
Building a Design Environment
nrrrdcore
16
15k
GitHub Summit 2012
nrrrdcore
5
940
Other Decks in Design
See All in Design
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
4.2k
Liquid GlassとApp Intents
touyou
0
450
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
710
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
8
2.6k
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
2
2.2k
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
810
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
880
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
190
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
bitkey
PRO
0
110
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
770
Portfolio 齋藤明敏 Hiroyuki Saito
crearedesign
0
120
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
Git: the NoSQL Database
bkeepers
PRO
431
66k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
890
Practical Orchestrator
shlominoach
190
11k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
2
92
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Transcript
JS
I’M JULIE. I DESIGN & BUILD STUFF AT GITHUB
I’M NRRRDCORE. MOST PLACES ON THE INTERNET
THE TALK* BECAUSE FUCK PHOTOSHOP
I DID SOME RESEARCH AND THE INTERNET TOTALLY AGREES
None
(CREDIBLE SOURCES)
THE PROCESS* BECAUSE FUCK PHOTOSHOP
MY PROCESS* HAPPENS IN THE BROWSER
“A WEBSITE’S DESIGN SHOULD START WHERE IT’S GOING TO LIVE”
MEAGAN FISHER
None
THINGS N’ STUFF
CSS3 IS FUCKING BEAUTIFUL
None
INCONSISTENCY DOESN’T SOUND LIKE A REAL WORD
INCONSISTENCY GOING FROM COMPS TO THE BROWSER
DON’T PANIC. DO THE WORK NOW INSTEAD OF LATER
None
None
SASS/SCSS YOUR NEW BEST FRIEND
SASS/SCSS WORK FUCKING FASTER
border-top-color: lighten($gray, 10%);
border-bottom-color: darken($gray, 10%);
SASS/SCSS HANDLES ERRORS LIKE A CHAMP
None
FEWER SURPRISES OH SHIT THIS LOOKS AWFUL
CROSS-BROWSER ZEN DO IT ALL AT THE SAME TIME
DEBUG CSS NEEDS MORE WEB INSPECTOR
DEBUG JS NEEDS MORE CONSOLE
WHY JS? THE INTERACTION LAYER
DIE, PHOTOSHOP, DIE. SOFTWARE CRASHES SUCK
PROBLEM? YES, PROBLEM
COMMAND + R DOESN’T AFFECT YOUR CODE
None
VERSION CONTROL IS AN AWESOME DESIGN TOOL
VERSION CONTROL HELPS YOU MANAGE ASSETS
VERSION CONTROL ALLOWS YOU TO TRACK CHANGES
IMAGE DIFFING IS AN AWESOME DESIGN TOOL
None
None
None
None
DESIGNERS ASK YOUR DEVS FOR COMMIT ACCESS
DEVELOPERS GIVE YOUR DESIGNERS COMMIT ACCESS
BUILD MORE TRUST GIVE YOUR DESIGNERS COMMIT ACCESS
TEACH YOUR DESIGNERS THEY MIGHT BREAK SOME THINGS
TRUST YOUR DESIGNERS THEY MIGHT NOT
BUT BUT BUT COMMAND LINE TOOLS ARE HARD
BUT BUT BUT GIT IS SO CONFUSING
WE CAN HELP GITHUB FOR MAC & WINDOWS
None
PROTOTYPING IS GOOD FOR THE SOUL
PROTOTYPING IS EASY WHEN YOU WRITE CODE
GISTS A LIGHT-WEIGHT PROTOTYPING TOOL
ABUSING GISTS USING THE HELL OUT OF THEM
None
None
None
None
None
CSS IS REUSABLE DON’T WRITE THE SAME CODE TWICE
CSS IS REUSABLE UNLESS YOU CAN MAKE IT BETTER
IF IT’S NOT REUSABLE SET IT ALL ON FIRE AND
START OVER
PATTERN LIBRARIES ARE TOTALLY A THING
PATTERN LIBRARIES ARE REALLY FUCKING AWESOME
PATTERN LIBRARIES LETS LEARN FROM EACH OTHER
None
PATTERN LIBRARIES OPEN SOURCE ALL THE THINGS
THE FUTURE* BECAUSE FUCK PHOTOSHOP
THE FUTURE* HOPEFULLY A MUCH BETTER ONE
THE FUTURE* HOPEFULLY A MUCH BETTER ONE
STATUS QUO PIXEL-PERFECT PHOTOSHOP COMPS
RESPONSIBILITY PIXEL-PERFECT PHOTOSHOP COMPS
END PRODUCT PICTURE OF A WEBSITE
YOU ARE ALL AWESOME. JSCONFEU
RESOURCES * github.com/styleguide * 24 ways: Do Your Mockup in
Markup * css3exp.com/moon * sass-lang.com * gist.github.com * dribbble.com/nrrrdcore/buckets * pea.rs