SlideShare a Scribd company logo
1 of 42
Download to read offline
A Whirlwind Guidev
                 To

Tying Yourz
          Shoes
What Is ShoesT?
A Little Historyd
A Little Historyd
A Little Historyd
A Little Historyd
This Is Familiarl
gem installe
           shoes
gem installe
           shoes




   NO!
How Do I Get Shoesv?

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

           http://shoooes.net

 beware
the “o”s
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
Shoes Is ForhEveryone
How To TiepYour
        Shoes
 Loop It, Swoop It
      & Pulla
Shoes.app do

end
Shoes.app :title => 'Talon' do
  background '#fff'
end
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
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
S
T
A
C
K
S
S
T
A
C
K
S
Flowsi
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
Shoes & Gemsz
Shoes.setup do
  gem 'twitter'
end

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

require 'twitter'
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
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
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
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
Tying
More Complicatedd
         Knots
Drawingk
Custom Controlsv
Organising YourwShoes
Organising YourwShoes

class Book < Shoes
  url '/', :index
  url '/incidents/(d+)', :incident

  def index
    incident(0)
  end

  # More code goes here...
Packaging YouriApp
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
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/

More Related Content

What's hot

Pure boomark list947
Pure boomark list947Pure boomark list947
Pure boomark list947
Tony Brush
 
Using HTML5 for a great Open Web
Using HTML5 for a great Open WebUsing HTML5 for a great Open Web
Using HTML5 for a great Open Web
Robert Nyman
 
Good web designs
Good web designsGood web designs
Good web designs
kidmanmatch
 
Five things for you - Yahoo developer offers
Five things for you - Yahoo developer offersFive things for you - Yahoo developer offers
Five things for you - Yahoo developer offers
Christian Heilmann
 

What's hot (16)

博客积累
博客积累博客积累
博客积累
 
How to Remove Search-offersbar.com For Free
How to Remove Search-offersbar.com For FreeHow to Remove Search-offersbar.com For Free
How to Remove Search-offersbar.com For Free
 
Pure boomark list947
Pure boomark list947Pure boomark list947
Pure boomark list947
 
Performance mufflers
Performance mufflersPerformance mufflers
Performance mufflers
 
metodologia integradora
metodologia integradorametodologia integradora
metodologia integradora
 
Al Fazl International - 26th February 2016 Weekly UK
Al Fazl International - 26th  February  2016 Weekly UKAl Fazl International - 26th  February  2016 Weekly UK
Al Fazl International - 26th February 2016 Weekly UK
 
Chala
ChalaChala
Chala
 
Flex入門
Flex入門Flex入門
Flex入門
 
Using HTML5 for a great Open Web
Using HTML5 for a great Open WebUsing HTML5 for a great Open Web
Using HTML5 for a great Open Web
 
List of search engines 2012
List of search engines 2012List of search engines 2012
List of search engines 2012
 
Good web designs
Good web designsGood web designs
Good web designs
 
Cenone capodanno
Cenone capodannoCenone capodanno
Cenone capodanno
 
Five things for you - Yahoo developer offers
Five things for you - Yahoo developer offersFive things for you - Yahoo developer offers
Five things for you - Yahoo developer offers
 
masterbet99.co adalah Agen Bandar Judi Bola Online Terpercaya di Indonesia
masterbet99.co adalah Agen Bandar Judi Bola Online Terpercaya di Indonesia masterbet99.co adalah Agen Bandar Judi Bola Online Terpercaya di Indonesia
masterbet99.co adalah Agen Bandar Judi Bola Online Terpercaya di Indonesia
 
Ancient Greek Poems
Ancient Greek PoemsAncient Greek Poems
Ancient Greek Poems
 
1991 clasificatoria
1991 clasificatoria1991 clasificatoria
1991 clasificatoria
 

Similar to Tying Your Shoes

Lecture 6 - Comm Lab: Web @ ITP
Lecture 6 - Comm Lab: Web @ ITPLecture 6 - Comm Lab: Web @ ITP
Lecture 6 - Comm Lab: Web @ ITP
yucefmerhi
 
Rails 3 And The Real Secret To High Productivity Presentation
Rails 3 And The Real Secret To High Productivity PresentationRails 3 And The Real Secret To High Productivity Presentation
Rails 3 And The Real Secret To High Productivity Presentation
railsconf
 
Itsecteam shell
Itsecteam shellItsecteam shell
Itsecteam shell
ady36
 

Similar to Tying Your Shoes (20)

Front End on Rails
Front End on RailsFront End on Rails
Front End on Rails
 
2016 First steps with Angular 2 – enterjs
2016 First steps with Angular 2 – enterjs2016 First steps with Angular 2 – enterjs
2016 First steps with Angular 2 – enterjs
 
Playing With The Web
Playing With The WebPlaying With The Web
Playing With The Web
 
SlideShare Instant
SlideShare InstantSlideShare Instant
SlideShare Instant
 
SlideShare Instant
SlideShare InstantSlideShare Instant
SlideShare Instant
 
Illuminated Hacks -- Where 2.0 101 Tutorial
Illuminated Hacks -- Where 2.0 101 TutorialIlluminated Hacks -- Where 2.0 101 Tutorial
Illuminated Hacks -- Where 2.0 101 Tutorial
 
YQL talk at OHD Jakarta
YQL talk at OHD JakartaYQL talk at OHD Jakarta
YQL talk at OHD Jakarta
 
Evolution of API With Blogging
Evolution of API With BloggingEvolution of API With Blogging
Evolution of API With Blogging
 
August 10th, 2009 Pete De Mulle Twitter
August 10th, 2009 Pete De Mulle TwitterAugust 10th, 2009 Pete De Mulle Twitter
August 10th, 2009 Pete De Mulle Twitter
 
FVCP - Facebook , Twitter and Meetup API / Widgets
FVCP - Facebook , Twitter and Meetup API / WidgetsFVCP - Facebook , Twitter and Meetup API / Widgets
FVCP - Facebook , Twitter and Meetup API / Widgets
 
Spyware/Malware FVCP
Spyware/Malware  FVCPSpyware/Malware  FVCP
Spyware/Malware FVCP
 
LAMP_TRAINING_SESSION_6
LAMP_TRAINING_SESSION_6LAMP_TRAINING_SESSION_6
LAMP_TRAINING_SESSION_6
 
Lecture 6 - Comm Lab: Web @ ITP
Lecture 6 - Comm Lab: Web @ ITPLecture 6 - Comm Lab: Web @ ITP
Lecture 6 - Comm Lab: Web @ ITP
 
Prototípus-fejlesztés 3D nyomtatással (Balássy György és Takács Péter)
Prototípus-fejlesztés 3D nyomtatással (Balássy György és Takács Péter)Prototípus-fejlesztés 3D nyomtatással (Balássy György és Takács Péter)
Prototípus-fejlesztés 3D nyomtatással (Balássy György és Takács Péter)
 
Rails 3 And The Real Secret To High Productivity Presentation
Rails 3 And The Real Secret To High Productivity PresentationRails 3 And The Real Secret To High Productivity Presentation
Rails 3 And The Real Secret To High Productivity Presentation
 
Best practices in museum search
 Best practices in museum search Best practices in museum search
Best practices in museum search
 
Zero to Sixty: AWS Elastic Beanstalk (DMG204) | AWS re:Invent 2013
Zero to Sixty: AWS Elastic Beanstalk (DMG204) | AWS re:Invent 2013Zero to Sixty: AWS Elastic Beanstalk (DMG204) | AWS re:Invent 2013
Zero to Sixty: AWS Elastic Beanstalk (DMG204) | AWS re:Invent 2013
 
Mojolicious on Steroids
Mojolicious on SteroidsMojolicious on Steroids
Mojolicious on Steroids
 
Itsecteam shell
Itsecteam shellItsecteam shell
Itsecteam shell
 
Data Citation from the perspective of tracking data reuse
Data Citation from the perspective of tracking data reuseData Citation from the perspective of tracking data reuse
Data Citation from the perspective of tracking data reuse
 

Recently uploaded

TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Recently uploaded (20)

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
How to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cfHow to Check CNIC Information Online with Pakdata cf
How to Check CNIC Information Online with Pakdata cf
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Design Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxDesign Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptx
 
الأمن السيبراني - ما لا يسع للمستخدم جهله
الأمن السيبراني - ما لا يسع للمستخدم جهلهالأمن السيبراني - ما لا يسع للمستخدم جهله
الأمن السيبراني - ما لا يسع للمستخدم جهله
 
Simplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptxSimplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptx
 
ChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps ProductivityChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps Productivity
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Intro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptxIntro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptx
 
Navigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern EnterpriseNavigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern Enterprise
 
Decarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational PerformanceDecarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational Performance
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 

Tying Your Shoes

  • 1. A Whirlwind Guidev To Tying Yourz Shoes
  • 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
  • 14. How To TiepYour Shoes Loop It, Swoop It & Pulla
  • 16.
  • 17. Shoes.app :title => 'Talon' do background '#fff' end
  • 18.
  • 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
  • 20.
  • 21.
  • 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
  • 26.
  • 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
  • 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
  • 39. Organising YourwShoes class Book < Shoes url '/', :index url '/incidents/(d+)', :incident def index incident(0) end # More code goes here...
  • 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/