Downloaded 23 times
Uploaded byMiva
Web Development Trends 2016
The document presents a session on web development trends for 2016, led by Matt Zimmermann, highlighting key trends such as hamburger menus, long-scroll sites, and card layouts. It emphasizes the importance of accessibility, quick page loads, and the adoption of new technologies. The session also includes links to slides and image credits relevant to the presentation.
More Related Content
Similar to Web Development Trends 2016
Web Development Trends 2016
- 1. SESSION TITLE Presenter’s Name WebDevelopment Trends for 2016 Matt Zimmermann Senior Web Developer / Development Standards Architect, Miva, Inc.
- 2. Evolution of Web DesignTrends
- 3.
- 4.
- 6.
- 7.
- 8.
- 9.
- 10. Large Hero ImagesSans Slider
- 11.
- 12.
- 13. A Return tothe “Three-Click” Rule
- 14. More Focus OnAccessibility
- 15.
- 16.
- 17. Quicker Page Loads Focuson Typography Smoother In-Page Interactions/Micro Experiences Quicker Adoption "New" or "Cutting-Edge" Technologies
- 18.
- 19. SESSION TITLE Presenter’s Name MattZimmermannSenior Web Developer / Development Standards Architect, Miva, Inc. Follow me: @mivamatt @influxweb Slides: https://speakerdeck.com/mattz http://www.slideshare.net/MattZimmermann
- 21. Image Credits Slide 3:http://theodysseyonline.com/ Slide 7: https://codyhouse.co/ Slide 8: http://dribble.com and http//www.microsoft.com Slide 9: http://dribble.com Slide 10: http://www.webdesignerdepot.com/ Slide 11: http://designmodo.com Slide 12: http://www.uxpin.com/ Slide 13: http://pandawhale.com Slide 14: http://zurb.com Slide 15: https://dribbble.com/eodsgn Slide 18: https://escss.blogspot.com/
Editor's Notes
- #4 Early 1990s: Text-based layout. Single-column. Coded in basic HTML Mid 1990s: Tables became the “go to” element for page layout. Frames became popular for separating navigation from content. Late 1990s: Animated GIFs are all the rage. Flash becomes the new “thing” and CSS starts to show up. Early 2000s: Stylesheets take hold allowing for more unified layouts. IE5 is the first browser to achieve 99%+ support for CSS1. Positioning of DIVs becomes the new add-on for table based layout. Full Flash sites show up more. JavaScript makes it entrance. Mid 2000s: Sites narrowed and navigation became horizontal and higher up on the page. Late 2000s: Developers are overwhelmed with all the choice and sites are constantly “under construction”. Early 2010s: Websites start to become more semantic. JavaScript is no longer a novelty to have on a site. Mid 2010s: The advent of the mobile web and responsive design. One-page sites are popularized. Flat and material design rears its head. Full-screen background videos, parallax, and the hamburger menu.
- #5 Responsive Web Design Content-focused Design Use of Icons over Text Semi-Flat Design and Subtle Color Palettes Reliance on Frameworks Product Tools and Pre-Processors
- #7 The Proliferations of UI Patterns The Hamburger/Hidden Menu Long-Scroll Sites Card Layouts Large Hero Images Sans Slider Touch-First UI Improvements in RWD A return to the “three-click” rule More focus on accessibility Rich animation
- #17 Quicker Page Loads Focus on Typography Smoother In-Page Interactions/Micro Experiences Quicker Adoption "New" or "Cutting-Edge" Technologies Element Queries