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
240
Picasso Pirate
Derik Strattan
October 15, 2013
Tweet
Share
More Decks by Derik Strattan
See All by Derik Strattan
Using LinkedIn
derikulous
0
63
Other Decks in Design
See All in Design
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.2k
Resolving text accessibility dilemmas in UIs
romanshamin
0
130
Portfolio 2023.07.28
helemarudesu
0
570
The Fight
euralisw
0
110
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
4.8k
もち的デザイナーのキャリアデザイン新提言:副業起業家のすゝめ
mochitaro
0
1.3k
decksh object reference
ajstarks
2
910
顧客体験を作るデザイナーが 意思決定速度を上げるために使うAI
cremacrema
2
410
雑誌『広告』をサイズ展開する
takuro_nakajima
PRO
0
1.2k
デザインをみんなのものに 「デザインの脱植民地化」を日本の文脈で考える
mayunak
7
4.1k
メドレーという会社と デザインチームのひみつ/About Medley design team
medley
0
360
事業戦略と組織のビジョンデザイン〜デザイン的アプローチで事業・組織づくりにどう取り組んでいるかのリアル〜
jdesign_tokyo
1
380
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
A Philosophy of Restraint
colly
196
16k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.3k
The Invisible Customer
myddelton
114
12k
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
Fantastic passwords and where to find them - at NoRuKo
philnash
36
2.5k
A designer walks into a library…
pauljervisheath
199
23k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Code Reviewing Like a Champion
maltzj
513
39k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
5
1.5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
124
32k
It's Worth the Effort
3n
180
27k
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.