10 Tips About Responsive Design

If your website isn’t mobile friendly by now, chances are you are losing a substantial amount of customers as I type this. Statistics show in 2011 there was an estimated 5 billion phones in the world, 1 billion of which were smart phones. 84% of those 1 billion smart phones were used to browse the web, that’s 840,000,000 phones browsing the web. Now which website are you more likely to stay on, one that is mobile friendly or one that isn’t? (That’s a rhetorical question by the way).

Below is an Infographic from Splio with 10 basic tips about responsive design. Responsive Web Design is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of re-sizing  panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).

To test is a website is responsive simply visit it on your computer, and click the restore down button at the top right of your browser window (to the left of the red close button) and drag the browser window from right to left. If it is responsive, the website will adapt to the window size accordingly. You can go ahead and test it here on Enfuzed! Yes we’re responsive!

Created by Splio

10 Basic Tips about Responsive design by Splio

6 comments

  1. Rémi says:

    Hey there !
    Thanks for the link :) The jpg is quite low res, you may find a HD one right here ;)
    http://www.splio.com/responsive/

  2. Jay Nguyen says:

    Thanks for sharing !! It’s Great !!!

  3. Xistos says:

    BUT here, if the screen width is lower than about 500px, the infographic is totally unreadable (nearly unvisible). Easy to talk, hard to do…

  4. Sandun says:

    a very valuable article.. presented so nicely..

  5. ROEMIN Design says:

    Responsive web design is the latest trend in website design. your post gives very useful tips on responsive design.

  6. Parameshwer says:

    really very nice infromation for web lovers

Comments are closed.