Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

galakei @ TokyuRubyKaigi04

787 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

galakei @ TokyuRubyKaigi04

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

×