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
190
Because People
nrrrdcore
7
1.4k
Coder Day Of Service Keynote
nrrrdcore
3
600
Just Ship It
nrrrdcore
37
4.3k
Open Source Needs More Design Superheroes
nrrrdcore
10
740
GitHub for Designers
nrrrdcore
18
2.5k
Fast Design Decision-Making for the Everyday Developer
nrrrdcore
15
1.1k
Building a Design Environment
nrrrdcore
16
15k
GitHub Summit 2012
nrrrdcore
5
920
Other Decks in Design
See All in Design
Sociotechnical design for software and human systems
xinyao
2
480
デザインに関わる全ての人たちでエベレスト登頂を目指すために取り組んでいること
amishiratori
0
580
顧客体験を作るデザイナーが 意思決定速度を上げるために使うAI
cremacrema
2
400
デザイン組織の一人目マネージャーが啜る泥水と美味しいビールに向けてTRYすること
ryoya_frst
0
180
不可分の民藝から可分の工業産業へ
creatorqsf
1
340
PRDがデザインプロセスを高速化した話
tooomo
1
260
成果が出ないユーザーインタビューは何がダメだったのか? ~「誰に聞くか」の探り方 ~
jouykw
10
13k
デザインシステムで解消するさまざまな分断
hirataaa0220
1
170
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン&開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
yasuhiroyokota
2
1.2k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
730
Data+Diversity: Celebrating W.E.B Du Bois through Data Visualization
ajstarks
0
300
B/43プラスカードができるまで
putchomsmartbank
0
470
Featured
See All Featured
The Cult of Friendly URLs
andyhume
74
5.7k
What the flash - Photography Introduction
edds
64
11k
Unsuck your backbone
ammeep
662
57k
Making Projects Easy
brettharned
108
5.5k
Bash Introduction
62gerente
604
210k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
24
2.3k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
Building Better People: How to give real-time feedback that sticks.
wjessup
354
18k
Writing Fast Ruby
sferik
620
60k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
29
6k
How to Ace a Technical Interview
jacobian
272
22k
KATA
mclloyd
14
12k
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