HTML5 for the Ruby Developer
•
22 gefällt mir•12,184 views
Silicon Valley Ruby on Rails Meetup: www.meetup.com/rubymeetup Speaker: Seth Ladd Date: November 10, 2010
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (19)
Andere mochten auch
Andere mochten auch (13)
Ähnlich wie HTML5 for the Ruby Developer
Ähnlich wie HTML5 for the Ruby Developer (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (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