Responsive web design with CSS frameworks

• Main Author: Karlsson, Jill
• Format: Others
• Language: English
• Published: Uppsala universitet, Institutionen för informationsteknologi 2014
• Online Access: http://urn.kb.se/resolve?urn=urn:nbn:se:uu:diva-225577

While having a webpage that has a satisfactory design apart from the fact that it does not support a version for mobile devices, there are different ways to implement this functionality onto the already existing webpage without redesigning the whole webpage. This thesis looks at ways to implement Responsive Web Design to achieve a more mobile friendly webpage. The approach this thesis mainly focusing on is including different CSS frameworks to the already existing page and see how much trouble the include will cause and how much it will help with the transition into a responsive web design for the webpage. The report  looks at five different frameworks: Bootstrap, Foundation, Gumby, Ingrid, and Skeleton, as well as trying to achieve the responsive web design without including any predefined files of any kind. The report  tries to help defining different situations where some frameworks might help more, or even be problematic to use one. It also looks at which type of framework would be preferable in different situations. These situations have been collected by implementing the different solutions on the same webpage, taken from an already designed and published webpage to get a real world case scenario to use. The main focus has been on getting something working in the developer environment rather than cross-platform availability, but some different browser have been used as references to identify some problem areas but not included in the actual implementation to try and solve those problems.