RS
Ramesh Selvam
@selvamglobal
Responsive Web Design with CSS3 Media Queries
Submitted Oct 13, 2011
Section:
Default
Technical level:
Beginner
Session type:
Demo
The boom of mobile devices has turned the world of web design upside down. Users no longer view web content only on traditional desktop systems, but are increasingly using smartphones, tablets, and other devices with a wide range of dimensions. The challenge for web designers is to ensure that their websites look good not only on a big screen, but also on a tiny phone and everything in between.
This Session provides an overview of media queries, including examples that will help jumpstart your own multiscreen website development.
Outline
Screen resolution nowadays ranges from 320px (iPhone) to 2560px (large monitor) or even higher. Users no longer just browse the web with desktop computers. Users now use mobile phones, small notebooks, tablet devices such as iPad or Playbook to access the web. So the traditional fixed width design doesn’t work any more. Web design needs to be adaptive. The layout needs to be automatically adjusted to fit all display resolution and devices. This Workshop will show you how to create a cross-browser responsive webdesign with HTML5 & CSS3 media queries.
Speaker bio
Web designer @ BOSCH
Links
Comments
Hosted by
Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture
more
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}