ResponsiveCSS3PolyfillBootstrapGrid.js - What the Heck is this Stuff and Why Should You Care?

By now, we all know that HTML5 and CSS3 are important tools for modern web development. And of course, responsive web design is the future. But how does that work in a world where people still use IE8? In this presentation, Shahab will discuss the current state of browser support for these newer standards and talk about modern tools and frameworks that will allow you to take advantage of these great technologies without having to reinvent the wheel. By the end of this presentation, you will walk away not only with an understanding of what all of the jargon means, but with the ability to build a simple, responsive, cross-browser compatible template in minutes.

Transcript

1. RESPONSIVECSS3POLYFILLBOOTSTRAPGRID.JS WHAT THE HECK IS THIS STUFF AND WHY SHOULD YOU CARE? Shahab Lashkari Product Manager OmniUpdate, Inc. @OUShahab
2. OVERVIEW Normalize vs. CSS Reset Grids JavaScript Tools Polyfills Frameworks
3. NORMALIZE.CSS Consistency across browsers Only change what is necessary
4. GRIDS Simplify layout Can make responsive easier Examples: , Gridpak Unsemantic
6. JAVASCRIPT TOOLS
7. POLYFILLS
8. YEPNOPE yepnope({ test : Modernizr.geolocation, yep : 'normal.js', nope : ['polyfill.js', 'wrapper.js'] });
9. FRAMEWORKS
10. QUESTIONS?
11. THANK YOU Slides: shahab@omniupdate.com @OUShahab http://bit.ly/11Q99y7