An Enhanced Approach to Responsive Web Design Influid Grid Concept

Abstract

Web design is a dynamic field which evolves around user viewing experience trends. The recent trends have revolutionized the web design approach technologies. The result of which, Responsive Web Design (RWD) concept was coined by Web Designer Ethan Marcotte in 2010. RWDis an approach of new paradigms and techniques to develop one single website which looks different for different screen sizes so that it is usable on any access web device. The core concepts of RWD are; media query concept, fluid grid concept, and fluid image concept. The study was inspired by the fluid grid concept. Lots of ink has been spilled on the concept, especially in areas of conversion of website’sfixed grid layouts to fluid grid layouts. However,these approaches involvedheavy customization, resulting into slow adaption by web designers. Therefore,the study’s objective was to address this gap by implementing an alternative approach that will be non-customizable and accessible by a single line of code. Hence, study presented an enhanced approach to RWD by implementingan algorithm coined Liquidizer.js in a jQuery Framework.The study used experimental research design and purposive sampling to sample the target population. Moreover, the study employedMatt Kersley RWD Tool: for testing Liquidizer.js, Bersoft Image Measurement (BIM) tool: for validating Liquidizer.js, and USE questionnaire for measuring usability: for evaluation of the Liquidizer.js algorithm in SPSS. The outcome of the studyshowed the pixel profile results of BlockIt.js indicated that the image is of low quality and distorted as compared to that of Liquidizer.js indicating the image of high quality and non-distorted. The results inferred that Liquidizer.js framework is more responsive as compared to BlockIt.js.