Your SlideShare is downloading. ×
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
galakei @ TokyuRubyKaigi04
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

galakei @ TokyuRubyKaigi04

591

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
591
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Transcript

    • 1. galakeihttp://www.flickr.com/photos/johanl/4365558047/ @pwim
    • 2. gem install galakei
    • 3. Rails Plugin
    • 4. IE
    • 5.
    • 6. IE100% 75% 50% 25% 0% 2004 2005 2006 2007 2008 2009 2010 2011
    • 7. 100%75%50%25% 0% 2007 2008 2009 2010 2011 2012 2013 2014 2015
    • 8. IE HTML5
    • 9. HTML5 + JS
    • 10. “IE7.js is a JavaScript library tomake Microsoft InternetExplorer behave like astandards-compliant browser.” http://code.google.com/p/ie7-js/
    • 11. gem install galakei
    • 12. (default)
    • 13. # docomostyle=-wap-input-format:"*<n:en>"# softbankmode=numeric# austyle=-wap-input-format:N
    • 14. galakei HTML typenumber_field_tag :telephone# PC<input type=number># docomo<input type=text style=-wap-input-format:"*&lt;n:en&gt;">
    • 15. CSS
    • 16. <body style="color: #FF3D7F;background-color: #89CFB7;"><div style="background-color: #3FB8AF;"><h1 style="text-align: center;"><span style="color: #FF9E9D;">galakei</span></h1><img src="/galakei/spacer/dad8a7" width="100%" height="5" /></div> CSS</body>
    • 17. # app/views/home/index.html.erb<h1>galakei</h1> CSS# app/assets/stylesheets/application.cssbody { color: #FF3D7F; background-color: #89CFB7;}h1 { background-color: #3FB8AF; border-bottom: 5px #DAD8A7; color: #FF9E9D; text-align: center;}
    • 18. CSS Inline<body style="color: #FF3D7F;background-color: #89CFB7;">
    • 19. Original<h1>galakei</h1> Transformed<div style="background-color: #3FB8AF;"><h1 style="text-align: center;"><span style="color: #FF9E9D;">galakei</span></h1></div>
    • 20. spacer.gif!# CSSborder-bottom:5px #DAD8A7;# HTML<img src="/galakei/spacer/dad8a7"width="100%" height="5" />
    • 21. Thanks!• galakei.mobalean.com• @pwim

    ×