Call for Paper - November 2022 Edition
IJCA solicits original research papers for the November 2022 Edition. Last date of manuscript submission is October 20, 2022. Read More

Responsive Web Design Techniques

Print
PDF
International Journal of Computer Applications
Foundation of Computer Science (FCS), NY, USA
Year of Publication: 2016
Authors:
Waseem I. Bader, Abdelaziz I. Hammouri
10.5120/ijca2016911463

Waseem I Bader and Abdelaziz I Hammouri. Responsive Web Design Techniques. International Journal of Computer Applications 150(2):18-27, September 2016. BibTeX

@article{10.5120/ijca2016911463,
	author = {Waseem I. Bader and Abdelaziz I. Hammouri},
	title = {Responsive Web Design Techniques},
	journal = {International Journal of Computer Applications},
	issue_date = {September 2016},
	volume = {150},
	number = {2},
	month = {Sep},
	year = {2016},
	issn = {0975-8887},
	pages = {18-27},
	numpages = {10},
	url = {http://www.ijcaonline.org/archives/volume150/number2/26066-2016911463},
	doi = {10.5120/ijca2016911463},
	publisher = {Foundation of Computer Science (FCS), NY, USA},
	address = {New York, USA}
}

Abstract

As new devices and technologies are invented to access the internet, from computer desktops, laptops, mobile phones to smart TVs, there has been a great need to upgrade the techniques used in the field of website design, because these new devices come along with their own specific sizes and views. Although most devices & technologies try to be as compatible as possible with the common web design features, but there has been an absolute need for website designers to do a lit bit more to adapt to the fast growing race in internet devices and provide all their viewers with the best possible experience while accessing their websites. In this paper, different responsive website design techniques are presented that could adapt to different technologies and devices while at the same time focusing on cutting down the time and effort needed for a website designer or programmer to maintain and edit it. The code samples in this paper were implemented using the ASP.net programming language, but it can be implemented in other development languages and environments using the same concepts.

References

  1. Dragos-Paul Pop, Adam Altar, “Designing an MVC Model for Rapid Web Application Development” presented at the 24th DAAAM International Symposium on Intelligent Manufacturing and Automation, 2013.
  2. J. Liberty, D. Hurwitz, Programming ASP.NET, 3rd ed. O'Reilly Media. California, United Stated of America. (2006).
  3. "Individuals using the Internet 2005 to 2014", Key ICT indicators for developed and developing countries and the world (totals and penetration rates), International Telecommunication Union (ITU). Retrieved 25 May 2015.
  4. "Internet users per 100 inhabitants 1997 to 2007", ICT Data and Statistics (IDS), International Telecommunication Union (ITU). Retrieved 25 May 2015.
  5. Sharki, C. & Fisher, A. (2013). Jump Start Responsive Web Design, Sitepoint Pty. Ltd: Australia.
  6. A. Gustafson "Adaptive Web Design", 2nd ed. New Riders, United Stated of America. (2015).
  7. Smith, A., (2010). Mobile Access 2010. Pew Internet & American Life Project, Jusly 7, 2010.
  8. S. Hay "Responsive Design Workflow", 1st ed. New Riders, United Stated of America. (2013).
  9. MOHAMED, A.A., An Enhanced Approach to Responsive Web Design Influid Grid Concept, 2015, JKUAT.
  10. B. Frain "Responsive web design with HTML5 and CSS3", 2nd ed. Birmingham : Packt Publishing Limited. (2015).
  11. C. Simmons "Instant Responsive Web Design". Birmingham : Packt Publishing Limited. (2013).
  12. Gardner, B.S., Responsive web design: Enriching the user experience. Sigma Journal: Inside the Digital Ecosystem, 2011. 11(1): p. 13-19
  13. Meltem Huri Baturay, Murat Birtane, “Responsive web design: a new type of design for web-based instructional content”, Ipek University, Ankara, Turkey, 2013.
  14. D. Gourley, B. Totty, M. Sayer, A. Aggarwal, S. Reddy "HTTP: The Definitive Guide", 1st ed. O'Reilly Media, Inc. (2002).
  15. J. Friedl "Mastering Regular Expressions", 2nd ed. O'Reilly Media. California, United Stated of America. (2002).
  16. E. Brown "Learning JavaScript: JavaScript Essentials for Modern Application Development", 3rd ed. O'Reilly Media. California, United Stated of America. (2016).

Keywords

Responsive Website Design, Dynamic Website, Adaptive Design