Responsive Web Providing an Optimal View

There was a time when having a website for your company was optional. Today it’s more important that bill boards, television commercials and an ad campaign combined!

But… Responsive Websites?! Are they Alive?

We wish. Today, websites need to battle it out with a number of different devices and browsers, and deliver optimal viewing in each. A good description on what responsive websites are and what they represent is:

“Day by day, the number of devices, platforms, and browsers that need to work with your site grows. Responsive web design represents a fundamental shift in how we’ll build websites for the decade to come.” – Jeffrey Veen

Geeks and office workers aren’t the only technologically literate ones among us anymore. The user audience for websites has now expanded to… everyone … EVERYWHERE, using all sorts of devices. Your site needs to keep up. A responsive site adapts itself to enable optimal viewing on the device it’s being viewed on (for table tops to handhelds).

Here are some good examples, the make excellent use of color, text and space, and keep in mind that their size and dimensions will vary. To be effective, responsive sites need to be well planned and well implemented.

Yaronschoen.com

A personal fave! Simple interactive text. This site makes me crack up each time without fail, and as strange as this may sound I feel like a guest visiting. Due to its simple interface, the site feels the same no matter what device it is opened on. I first came across it on my nexus 7, and then later returned for a closer look on my laptop. It felt exactly the same! Mainly due to its simplicity. Even though it’s ‘all talk and no image’, the site manages to feel complete.

Yaronschoen

Danielvane.com

An illustrator, an artist, a doodler…. He, and his site are both free spirits. Keeping in mind that his work should (and will) speak foe him he has next to no text on entire site, and the page has been transformed into a tribute to his recent and best work. The collection displayed is varied, with everything from sketches to tattoos, to give the viewer a good idea regarding the creative bases he has covered.

Daniel Vane

Foodsense.is

Any good chef will tell you that you first enjoy a good dish with your eyes, then with your palate. Food that looks good, simply begs to be eaten! So as food sense could not hand out appetizers to everyone visiting their site, they did the next best thing, the made breathtaking vivid pictures the center of their site. Beautiful, colorful snapshots regarding fresh produce and well placed dishes are the only loud element on their page, the rest is subtle whites and greys. As the main element stays constant regardless of where it’s viewed, the site looks great on both tabletop and handheld devices.

foodsense

For better visuals of responsive layouts, do check the following most popular websites:

Microsoft

Microsoft website went through a major redesign change and got a slick responsive layout makeover. Microsoft Metro UI design is to die for that is perfect for different platforms.

microsoft

Contents Magazine

A site that is purely based on content must have a breezy layout on all devices so as to make readers addict. Contents Magazine is one of the great example of such sleek responsive layout. Beautifully presented content is their biggest strength that makes readers hooked up for hours.

content magazine

BBC

Worlds top news outlet “BBC” has also redesign website making it to work on all devices, thus delivering latest happenings in more user friendly way. The design provides a blank canvas to display beautiful images even on your mobiles.

BBC

Zurb

A silicon valley based web team jumped in the creation of responsive layout for their own website and succeeded in creating a layout that is vibrant, full of colors and perfectly fits on all devices.

zurb

Happy Cog

Happy Cog balanced beauty and utility not only in the products that they offer but also in their design that is pleasing to your eyes. Different color schemes and attractive typography goes perfect on all devices.

happy cog

Inspiredology

@inspiredology

  • Inspiredology
  • Inspiredology

    @chadmueller

  • Inspiredology
  • Inspiredology

    @andrewdertinger

  • Inspiredology
  • Inspiredology

    @MikePuglielli

  • Inspiredology


  • Join the discussion

    • June 21, 2013 at 5:42 pm

      It is amazing designed for me to possess a website, which is helpful in favor of my knowledge. thanks admin

    • May 27, 2013 at 2:29 pm

      Great work! This is the type of info that are meant to be shared around the internet.
      Shame on the seek engines for no longer positioning this publish upper!

      Come on over and discuss with my web site . Thank you
      =)

    • May 25, 2013 at 6:19 am

      Hello mates, how is all, and what you would like to say about this
      article, in my view its actually amazing designed for me.

    • May 25, 2013 at 5:55 am

      That last item will be your special personalized gift that is irreplaceable.

      You could substitute a cheap plate for the charger. Let
      the kids make whatever they want out of the
      Activ-Clay.

    Post a Comment

    Your email is never shared. Required fields are marked *

    *
    *