International Journal of Scientific & Technology Research

Home About Us Scope Editorial Board Blog/Latest News Contact Us
10th percentile
Powered by  Scopus
Scopus coverage:
Nov 2018 to May 2020


IJSTR >> Volume 3- Issue 11, November 2014 Edition

International Journal of Scientific & Technology Research  
International Journal of Scientific & Technology Research

Website: http://www.ijstr.org

ISSN 2277-8616

Designing Responsive Websites Using HTML And CSS

[Full Text]



Pallavi Yadav, Paras Nath Barwal





Abstract: Responsive web design is a web design approach aimed at designing sites to provide an optimal viewing experience. The basic idea of designing a responsive website is to fit in the content, based on the size of the device without hiding any content and changing the view of layout. Since the visitors of different websites through handheld devices in increasing day by day, it has become necessity to design the websites with responsive layout. Responsive website designing have reduced the problem of resizing, panning, and scrolling and accessing them from any device. People can now access information easily with responsive websites because they respond to need of users and the devices they are using. The layout of site changes based on the size and capabilities of the device. Responsive designing have reduced lot of efforts of organizations in developing and maintaining the websites for different devices. This can be achieved by using CSS3 and HTML5 for designing. Different classes are designed in CSS which are used at multiple location in code, these classes’ helps reducing number of line of code of the project and prevents from inline styling, which helps in maintaining symmetry throughout the design and layout. This paper will elaborately discuss the need of these websites today, how they benefit the users, how to design these websites, what are the challenges faced while designing such websites and how to resolve them and what are its future implications.



[1]. http://bradfrostweb.com/blog/post/five-responsive-web-design-pitfalls-to-avoid/

[2]. http://blog.teamtreehouse.com/modern-field-guide-responsive-web-design

[3]. “Implementing Responsive Web Design for Enhanced Web Presence” by S. Mohorovičić, University of Rijeka, Faculty of Maritime Studies, Rijeka, Croatia.

[4]. “Responsive web design from worldwide consortium”, http://en.wikipedia.org/wiki/Responsive_web_design

[5]. “Basic fundamentals of Responsive Designing by Pete LePage”, https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/

[6]. http://www.nngroup.com/articles/responsive-web-design-definition/, “Responsive Web Design and User Experience by Amy Schade.”

[7]. http://learn.shayhowe.com/advanced-html-css/responsive-web-design/, by Ethan Marcotte.