INTRODUCTION
Now is the technology era for in the world, many people live with technologies in their daily life. In general, technology meant knowledge of tools improve a pre-existing solution to a problem. There were so many habits of using technologies, like using computer to do documentation works, using social network to chat with friend in other country, until now using mobile devices to view web sites. Growth in mobile devices and smartphones had eased many people access Web pages. Normally, we use the computer or desktop to open a browser and visit to some websites. The content of websites is same when you use personal computer and desktop to visits it, caused by the size of screen is almost same. To build a more user friendly website that allow user to view the exactly same content of the Web pages regardless of the device’s screen size, a web pages with responsive web design is introduced. Responsive web design is ways to design web pages that work consistently across different screen size, platform, and user interface by using the same codebase (Pilon, 2013). The issues we always focus is the elements, pros, and cons. Hence, this report will discuss about the main components, advantages, and disadvantages of responsive web design.
MAIN COMPONENTS
There are three main component of responsive web design which are fluid grid, fluid image, and CSS media queries (Thebeebs. 2012).
i) Fluid Grid Layout
In responsive web design, fluid grid layout was used to enable the content of the site to be flexible. In other words, it allows the content to flow in any size (Nimesh, n.d.)
There are some rules for complete a fluid layout (Weakly, 2003).
1) Draft a layout grid before start coding.
2) Include gutters to avoid col...
... middle of paper ...
.... Retrieved from http://blogs.msdn.com/b/thebeebs/archive/2012/02/28/responsive-web-design-in-3-minutes-42-seconds.aspx
Ward, S. (2013). Top 7 benefits of responsive web design. Retrieved from http://webappdevelopmentcompanyblog.wordpress.com/2013/08/21/top-7-benefits-of-responsive-web-design/
Webblogers. (2014). Complete guide to responsive web design advantages and disadvantages.
Retrieved from http://www.webbloggers.net/complete-guide-to-responsive-web-design-advantages-and-disadvantages/
Whalen, B. (2013). 5 reasons why responsive web design sucks for ecommerce businesses. Retrieved from http://room214.com/mobile/5-reasons-why-responsive-web-design-sucks-for-ecommerce-businesses
Young, J. (2013). The 8 biggest responsive web design problem (and how to avoid them). Retrieved from http://www.creativebloq.com/responsive-web-design/problems-8122790
For Mobile? N.p., n.d. Web. The Web. The Web. 29 Jan. 2014 -. http://classic.lagniappemobile.com/article.asp?articleID=4283&sid=1>.
J. Snow, n.d. Web. The Web. The Web. 16 Jan. 2014. Brown, Mervyn.
The Web. The Web. 8 Apr. 2016. The X-Menu. The X-Menu. Rhodes, Stephen.
Web. The Web. The Web. Oct. 2009. Boulard, Garry.
The Web. The Web. 29 Nov. 2011. http://css.snre.umich.edu/css_doc/CSS01-06.pdf>.
N.p., n.d. Web. The Web. The Web. 10 Jan. 2014. Ferreira, Blayne.
UCI Disabilities Services Center. (2003, February 2). Universal design and web accessibility. Retrieved September 17, 2003, fromhttp://www.disability.uci.edu/other_links/web_accessibility.htm
Brenner, J. (2012). Pew Research Center's Internet & American Life Project. Pew Internet: Mobile. Retrieved on November 12, 2013 from http://pewinternet.org/Commentary/2012/February/Pew-Internet-Mobile.aspx.
The literature I found to be most relevant to the type of information that I deemed most important covered a websites ability to satisfy a customer having specific feedback goals from the website. In an essay written by Jakob Nielsen and Marie Tahir called, Design Usability:
The advantages of a fluid width layout are its ability to expand and contracts to fill the available space allowing the designer to display more content on larger monitors, but still retain the same viability on smaller displays. Finally, fluid layouts provide consistency in relative widths, allowing a page to respond more dynamically to customer-imposed restrictions like larger font sizes (Kyrnin, J, 2016). Next, the disadvantages of each layout, will be presented below.
... concept is inadequate. The concept according to majority of retailers is just dressing a window, or just an unnecessary expenditure. The competitors’ today have an astonishing retail design stock and will have to compete purely on master merchandising and the technological edge.
Strickland, Jonathan. "What Are the Pros and Cons of Social Networking Sites?" HowStuffWorks. 10 July 2009. Web. 20 Feb. 2014.
Kukreja, A. (n.d.). Mobile Application Trends and the Impact on Mobile Platforms. Retrieved February 25, 2014, from http://www.eeherald.com/section/design-guide/mobile_platform_trends.html
<span class=""> - HTML5 Document has two main sections the first one called head section, the head section can be written in html tag, its represented by for opening tag and for closing tag. Head section contains Links, Metadata, styling code, JavaScript codes, and the title of html document. The second section is called body section can be represented by opining tag and closing tag , body tag includes all html5 tags such as for paragraphs and for alignment sections for document images. 2- CSS3: is an acronym for Cascading Style Sheets, a web-based markup language used to describe the look and formatting of a website to the browser, most commonly used in HTML or XHTML web pages but also applicable to X... [tags: HTML, Cascading Style Sheets, Database, SQL]</span>