1. A Whirlwind Guidev
To
Tying Yourz
Shoes

2. What Is ShoesT?

3. A Little Historyd

4. A Little Historyd

5. A Little Historyd

6. A Little Historyd

7. This Is Familiarl

8. gem installe
shoes

9. gem installe
shoes
NO!

10. How Do I Get Shoesv?
http://shoooes.net

11. How Do I Get Shoesv?
http://shoooes.net
beware
the “o”s

12. How Do I Get Shoesv?
http://shoooes.net
123
beware 1 3
the “o”s 2
3 “o”s in shoooes
3 eyelets in a shoe

13. Shoes Is ForhEveryone

14. How To TiepYour
Shoes
Loop It, Swoop It
& Pulla

15. Shoes.app do
end

17. Shoes.app :title => 'Talon' do
background '#fff'
end

19. Shoes.app :title => 'Talon' do
background '#fff'
background 'talon.jpg',
:bottom => 0,
:right => -20
flow :width => '100%' do
background '#df9', :curve => 12
title 'Talon',
:stroke => '#691FFF',
:align => 'center'
end
end

22. stack :margin => ['10%', '15%',
'10%', '0px'] do
background '#df9', :curve => 12
title quot;Who goes there?quot;,
:stroke => '#691FFF',
:align => 'center'
# ... entries and buttons go here
end

23. S
T
A
C
K
S

24. S
T
A
C
K
S

25. Flowsi

27. flow do
stack :width => '150px' do
para 'Nom de tweet'
end
@user_box = edit_line :width => '-170px'
stack :width => '150px' do
para 'Sekrit'
end
@pass_box = edit_line :width => '-170px',
:secret => true
end
button 'That is who I am!', :width => '100%' do
do_login
end

28. Shoes & Gemsz

29. Shoes.setup do
gem 'twitter'
end
require 'twitter'

30. Shoes.setup do
gem 'twitter'
end
require 'twitter'

31. def do_login
user = @user_box.text
pass = @pass_box.text
@twitter =
Twitter::Base.new(user, pass)
begin
@twitter.verify_credentials
@login.hide
show_logged_in_timeline
rescue Twitter::CantConnect => e
incorrect_login
end
end

32. def incorrect_login
if @incorrect_login_anim.nil?
@incorrect_login_anim =
animate do |i|
@login.displace((Math.sin(i) *
6).to_i, 0)
end
end
@incorrect_login_anim.start
timer(2) do
@incorrect_login_anim.stop
@login.displace(0,0)
end
end

33. def incorrect_login
if @incorrect_login_anim.nil?
@incorrect_login_anim =
animate do |i|
@login.displace((Math.sin(i) *
6).to_i, 0)
end
end
@incorrect_login_anim.start
timer(2) do
@incorrect_login_anim.stop
@login.displace(0,0)
end
end

34. def incorrect_login
if @incorrect_login_anim.nil?
@incorrect_login_anim =
animate do |i|
@login.displace((Math.sin(i) *
6).to_i, 0)
end
end
@incorrect_login_anim.start
timer(2) do
@incorrect_login_anim.stop
@login.displace(0,0)
end
end

35. Tying
More Complicatedd
Knots

36. Drawingk

37. Custom Controlsv

38. Organising YourwShoes

39. Organising YourwShoes
class Book < Shoes
url '/', :index
url '/incidents/(d+)', :incident
def index
incident(0)
end
# More code goes here...

40. Packaging YouriApp

41. Find Out Moreb
“shoes --manual” or ⌘m in a Shoes app
http://hackety.org/press - Nobody Knows Shoes
http://shoooes.net - the main place
http://the-shoebox.org - gallery of apps
http://github.com/why/shoes - code and wiki
http://hackety.org - why’s blog
http://github.com/hlame/talon - my awesome app

42. Without Whoma
tying shoes - http://flickr.com/photos/fil/2127072888/
paint background - http://flickr.com/photos/shaireproductions/2315054854/
html book - http://flickr.com/photos/ianlloyd/2542795166/
ruby gemstone - http://flickr.com/photos/alphadesigner/354936159/
3-eyelet brogue - http://flickr.com/photos/diamondgeyser/3028055172/
old poster - http://flickr.com/photos/ulikleafar/2146994022/
matches - http://flickr.com/photos/bitzi/265057397/
ruby books - http://flickr.com/photos/maguisso/1028969342/
jewelled shoes - http://flickr.com/photos/roaz/2279682461/
packages - http://flickr.com/photos/pleasewait/476789507/
drawing - http://flickr.com/photos/squintlog/272876653/
control panel - http://flickr.com/photos/electropod/2922782588/