HTML5 for the Ruby Developer
•
22 likes•12,184 views
Silicon Valley Ruby on Rails Meetup: www.meetup.com/rubymeetup Speaker: Seth Ladd Date: November 10, 2010
Recommended
Recommended
More Related Content
What's hot
What's hot (19)
Viewers also liked
Viewers also liked (13)
Similar to HTML5 for the Ruby Developer
Similar to HTML5 for the Ruby Developer (20)
Recently uploaded
Recently uploaded (20)
HTML5 for the Ruby Developer
- 1. HTML5 for the Ruby Developer Seth Ladd Google Chrome DevRel
- 5. The Modern Web App 1.Rich front end 1.Business logic 2.JSON REST API 3.Business logic 4.Data store
- 6. Old 'n Busted Page oriented design Long page loads Online only Server only business logic Synchronous behavior Progressive enhancement
- 7. New Hotness Action oriented design Insanely fast Offline JavaScript heavy front-end Asynchronous Graceful degradation
- 8. Still Around Beautiful URLs REST JSON HTTP HTML5 Links Ruby and Rails!!!
- 11. Smart Browsers I found the future of the Internet, it's in my browser.
- 12. HTML5one big happy family
- 21. html5reset.org don't start from scratch
- 22. html5boilerplate.com tested, so you don't have to
- 23. http://bit.ly/rails3html5 pre-configured Rails 3 project 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 you have 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
- 27. Activating Chrome Frame <meta http-equiv="X-UA-Compatible" content=" chrome=1"> ^-- (don't wrap in conditional comments) or, HTTP Header: X-UA-Compatible: chrome=1
- 29. Rails 3 The Future is Here
- 30. <!DOCTYPE html> You're doing it!
- 31. <meta charset="utf-8"> Not present in template, Rails 3 sets Content-Type header.
- 34. config.action_dispatch .best_standards_support = true Turns on 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"
- 37. Rails::Offline match "/application.manifest" => Rails::Offline CACHE MANIFEST javascripts/application.js javascripts/jquery.js images/masthead.png NETWORK: /
- 38. Build the Best Possible Experience with HTML5 and target Smart Browsers
- 39. Many Books