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
Picasso Pirate
Search
Derik Strattan
October 15, 2013
Design
0
300
Picasso Pirate
Derik Strattan
October 15, 2013
Tweet
Share
More Decks by Derik Strattan
See All by Derik Strattan
Using LinkedIn
derikulous
0
73
Other Decks in Design
See All in Design
Saudade typeface
tiagoporto
0
340
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
400
What makes a great Director?
_limex_
0
120
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
170
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
10k
#Dubois Challenge 2025: Economics
ajstarks
0
160
Memory Man v3 (WIP)
storybychad
PRO
0
2.4k
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
250
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
240
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
3.3k
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
140
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.4k
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
40
2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.6k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Six Lessons from altMBA
skipperchong
28
4k
Building Applications with DynamoDB
mza
96
6.6k
We Have a Design System, Now What?
morganepeng
53
7.7k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
460
KATA
mclloyd
32
14k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
Transcript
A pirate’s life for me. Derik Strattan
None
I want a great looking website, but I
don’t want to pay for it!
blog.mlin.net
Caveat: Stealing is stealing. Check licenses, and buy if
you can. • Designers worked hard to make these designs, and if you can pay, then do so. • Using a pay-‐for template WITHOUT paying will land you on Hacker News. And it won’t be to say how awesome your app is. Basically: DON’T BE A DOUCHE.
Two Words: Live Preview. THEMES: http://themeforest.net/ http://bootswatch.com/2/
http://code.divshot.com/themestrap/
Click Live Preview
Right click -‐ View Page Source
Select all html, copy/paste to index.html.erb
Right click, Inspect Element
Right pane, inspect CSS
Pane: Style Editor Notice the multiple CSS stylesheets
Sublime Editor – Create file in app/assets/stylesheets
Inspector pane: Select CSS file name, copy/ paste as name
of newly created CSS file.
Back to Pane: Style Editor Copy all these rules.
Sublime Editor – Paste copied CSS rules in new
CSS file
Rinse and Repeat for ALL CSS stylesheets
Copying Javascript: Right click, View Page Source
Holy! It’s clickable! Do it.
Sweet, Sweet Javascript. Copy everything here. Check license.
MIT or Apache = use it.
Sublime – Make a new file in app/assets/javascripts
Name .JS file exactly as View Page Source. Paste
in JS
Rinse/Repeat for all custom JS files. www.wonacottpr.com
Go forth and conquer, my Droogies.