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
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
9.9k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
1.7k
harutaka Vision Deck
zenkigenforrecruit
0
170
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
590
How to get a Tiger to Tulsa
mcduckyart
0
120
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
460
Crisp Code inc. ブランドガイドライン
so_kotani
1
200
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
140
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
480
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
300
アクセシビリティに取り組むメリット
magi1125
1
220
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
510
Featured
See All Featured
Visualization
eitanlees
146
16k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Code Review Best Practice
trishagee
69
19k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Speed Design
sergeychernyshev
32
1k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Navigating Team Friction
lara
188
15k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Code Reviewing Like a Champion
maltzj
524
40k
GitHub's CSS Performance
jonrohan
1031
460k
Raft: Consensus for Rubyists
vanstee
140
7k
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.