Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Responsive Web Design

Responsive web design, a technique that allows web designers to create flexible web page layouts that change depending on the screen size of the site visitor...
by

Baseer Baheer

on 22 April 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Responsive Web Design

Responsive Web Design Asst.Prof.Baseer Ahmad Baheer Responsive web design is the approach that
suggests that design and development should
respond to the user's behavior and
environment based on screen size, platform
and orientation. What is responsive web design? Mobile Internet Users Desktop Internet Users 8 million 1.9 billion 2009 2015 1.4 billion 1.6 billion 2015 2009 2013 What's next? Mobile devices to overtake desktop PCs as dominant
global Internet platform. 03.Apr.2013 Why should I switch my web site to responsive Design? Market Share of various Mobile Browsers All browsers support CSS3 media queries Mobile Traffic is increasing incredibly fast People check their email on mobile devices first People use high end and fast systems/devices Key features What are the benefits? Advantages Basic TIPS Let's go! @bbaheer Thank you, Keep your layout SIMPLE Keep your HTML clean and simple, do not rely too much on modern tricks like CSS3 special effects or JS for critical parts of the layout. Inline styles (kill them all!) Useless absolute or float positioning HTML5 doctype & guidelines Use magic media QUERIES Media queries rock, AND they are really easy to use. Examples Finance Department
Full transcript