Downloaded 223 times
Uploaded bySV Ruby on Rails Meetup
HTML5 for the Ruby Developer
The document discusses the transition towards HTML5 for Ruby developers, emphasizing modern web application design that includes rich front ends and asynchronous behavior. It provides resources, tips for compatibility and efficiency, and advocates for using frameworks and tools like Rails 3 and HTML5 Boilerplate to enhance web applications. Additionally, it highlights the importance of targeting smart browsers and optimizing experiences across various devices.
More Related Content
Similar to HTML5 for the Ruby Developer
HTML5 for the Ruby Developer
- 1. HTML5 for theRuby Developer Seth Ladd Google Chrome DevRel
- 2.
- 3.
- 4.
- 5. The Modern WebApp 1.Rich front end 1.Business logic 2.JSON REST API 3.Business logic 4.Data store
- 6. Old 'n Busted Pageoriented design Long page loads Online only Server only business logic Synchronous behavior Progressive enhancement
- 7. New Hotness Action orienteddesign Insanely fast Offline JavaScript heavy front-end Asynchronous Graceful degradation
- 8.
- 9.
- 10.
- 11. Smart Browsers I found thefuture of the Internet, it's in my browser.
- 12. HTML5one big happyfamily
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22. html5boilerplate.com tested, so youdon't have to
- 23. http://bit.ly/rails3html5 pre-configured Rails 3project using HTML5 Boilerplate
- 24. HTML5 Boilerplate Cross browser(IE6!) Optimal caching and compression rules Mobile browser optimizations Hooked up to a test script Pre-set best practices Much, much more
- 25. What would youhave me do? Spend my time hacking around issues in older technologies like Internet Explorer 6 or would you like that time spent making the site look the best that it can on better desktop browsers, as well as on the iPhone, iPod Touch, iPad, Blackberry and a whole host of other mobile devices? - Andy Clarke
- 26.
- 27. Activating Chrome Frame <metahttp-equiv="X-UA-Compatible" content=" chrome=1"> ^-- (don't wrap in conditional comments) or, HTTP Header: X-UA-Compatible: chrome=1
- 28.
- 29. Rails 3 The Futureis Here
- 30.
- 31. <meta charset="utf-8"> Not presentin template, Rails 3 sets Content-Type header.
- 32.
- 33.
- 34. config.action_dispatch .best_standards_support = true Turnson Chrome Frame. It's the default!
- 35. HTML5 Input Fields <%=f.number_field %> <%= f.email_field %> <%= f.telephone_field, , :required => true %> etc Search for "Rails 3, HTML 5 and client-side forms validations using Validator"
- 36.
- 37. Rails::Offline match "/application.manifest" =>Rails::Offline CACHE MANIFEST javascripts/application.js javascripts/jquery.js images/masthead.png NETWORK: /
- 38. Build the BestPossible Experience with HTML5 and target Smart Browsers
- 39.
- 40.
- 41.