Planned maintenance
A system upgrade is planned for 10/12-2024, at 12:00-13:00. During this time DiVA will be unavailable.
Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Responsive Web Design for Modern Devices
Blekinge Institute of Technology.
2022 (English)Independent thesis Advanced level (degree of Master (One Year)), 10 credits / 15 HE creditsStudent thesis
Abstract [en]

A new device gets developed almost bi-weekly, some offering a unique take on resolution or aspect ratio. For a web developer, this means that they have to constantly adapt and respond to how modern devices interact with the web, and create solutions that work for the visitors. This puts a lot of pressure on the developer to create a good, responsive webpage that is not expecting a certain device, but rather works fluently no matter the exact size of device.In this study this development is researched and discussed, from the viewpoint of what the differences are between established and future devices, what developments that might arise tomorrow and how to react to these as a developer. The goal is also to research what methods of responsive web development works best with these devices, and what might become an issue when newer devices are released and becoming widely used.The research is split up into two parts, one part comparing three popular frame- works and their responsiveness-related functions and the second part reviewing earlier work regarding responsiveness for modern devices.Modern, well developed frameworks offer a lineup of functions for responsive web development, most which integrate well when met with non-standard resolutions or devices with the tradeoff of being more heavyweight and less customizable. Research concluded that modern frameworks are covering most aspects of responsive web de- velopment, and offers a good base to implement responsive web development for future devices.Developing from having two different webpages, one mobile and one for a home PC, now almost every large webpage implements a responsive and adaptable interface which fits many more devices without slotting them into a specific niche. After this became standard, more and more unique devices could reliably browse the web. What is left is a discussion regarding what the future might hold in the case of other input devices such as voice input, small displays such as smart watch displays, and how this technique can be adapted to handle these devices as well.

Place, publisher, year, edition, pages
2022.
National Category
Other Engineering and Technologies
Identifiers
URN: urn:nbn:se:bth-23256OAI: oai:DiVA.org:bth-23256DiVA, id: diva2:1673527
Subject / course
PA1438 Självständigt arbete Webbprogrammering
Educational program
PAGWG Webbprogrammering
Supervisors
Examiners
Available from: 2022-06-21 Created: 2022-06-21 Last updated: 2022-06-21Bibliographically approved

Open Access in DiVA

fulltext(1122 kB)1153 downloads
File information
File name FULLTEXT01.pdfFile size 1122 kBChecksum SHA-512
7d65fd622865e64666b26751310eb4252c72c0e7d1e97ce7d94809e9b66d39fbba7c0aa87129394c54b2f304ae87c057c4405873f447d06c798e3539be3bd0d8
Type fulltextMimetype application/pdf

Search in DiVA

By author/editor
Lundmark, Olle
By organisation
Blekinge Institute of Technology
Other Engineering and Technologies

Search outside of DiVA

GoogleGoogle Scholar
Total: 1154 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 1062 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf