CSS: Responsive Media Queries

How do you begin creating a website that works on all platforms, from iOS to Android, smartphones and tables, plus desktop too? There are now 1.75 billion smartphone users worldwide and in some markets, web users on their mobile devices make up more than 50% of the traffic to each website.

Learn how to build flexible design layouts for each sized digital device and the skills needed to enhance your site to be more mobile-friendly.

This session will provide a basic understanding of responsive design from concept to code, and give you the tools and resources to create a responsive website. CSS Media Queries are the backbone to responsive, fluid web design and development. We’ll cover media queries, some new selectors for CSS3, pseudo-classes, techniques for mobile friendly images and videos, design tools and best practices, device friendly mobile testing tools, the mobile-first approach, and as well as hands-on coding time.

This material is for attendees with beginner to mid-level development skills.

Speaker