• Responsive Web Design

  • It’s easy to have a website these days. There are so many online website makers out there, but that doesn't mean anybody can design a website. Knowing where to put images, what kind of pages you need to have, what kind of fields your inquiry form should have are just few things you need to think about when putting together your website.

  • Responsive Web Design (RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing experience, easy reading and navigation. And, with a minimum of re-sizing, panning and scrolling across a wide range of devices.

    A website designed with Responsive Web Design (RWD) adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

    The fluid grid concept calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels or points. Flexible images are also sized in relative units, this is to prevent them from displaying outside their containing element. Media queries allow the page to use different CSS style rules based on characteristics of the device the website is being displayed on. And, most commonly the width of the browser.

  • Responsive Web Design History


    A site layout example that adapts to a browser's view-port width was first demonstrated by Cameron Adams in 2004. By 2008, a number of related terms such as flexible, liquid, fluid, and elastic were being used to describe layouts. CSS3 media queries were almost ready for prime time in late 2008. Ethan Marcotte coined the term Responsive Web Design.

    Responsive Web Design (RWD) means fluid grid and flexible images via media queries. He described the theory and practice of Responsive Web Design in his brief 2011 book entitled 'Responsive Web Design'. Responsive design was listed as the No. 2 in top web design trends for 2012 by .net magazine.

    Mashable called 2013 the Year of Responsive Web Design. And, many other sources have recommended Responsive Web Design as a cost-effective alternative to mobile applications.

    Forbes featured a piece, 'Why You Need To Prioritize Responsive Design Now' , where the importance was made clear that having a mobile version of your website is not enough anymore.

    Jody Resnick, president of Trighton Interactive stated in his interview with Forbes, that responsive websites simplify internet marketing and SEO. So, instead of having to develop and manage content for multiple websites, businesses with Responsive Web Designs can take a unified approach to content management because they have only one responsive site to manage.

    Resnick predicts, as the internet transforms further into a platform of services, and user interfaces that tie those services together, leveraging this technology in the future will allow companies to integrate a plethora of back-end services. Facebook, Twitter, and Amazon Web Services, can then present the integrated data back out the front-end layer on a responsive design. So, the application looks great on all devices without custom coding for each device or screen size.

    Some believe that Responsive Web Design will be more prevalent than native apps simply because of the browser compatibility. And, the cost associated with programming the apps.

  • 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
Pinterest Marklet