sh.sePublications
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
Responsiv webbdesign: Design- och utvecklingsprocessen för skapandet av en responsiv webbsida
Södertörn University, School of Natural Sciences, Technology and Environmental Studies.
2013 (Swedish)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesisAlternative title
Responsive Design : The design and development process for the creation of a responsive website (English)
Abstract [sv]

Denna rapport redovisar för design- och utvecklingsprocessen i byggandet av en responsiv webbsida. Webbsidan skapades för användning av den blivande spelstudion Rocket Luncher Studios. Wordpress som CMS (Content Management System) har används som innehålls-hanteringssystem för att förenkla uppdatering av webbsidan av uppdragsgivaren själva. Webbsidan är kodad utifrån Luke Wroblewskis ”mobile-first”-tänk, vilket börjar med att fokusera designen på mindre skärmar för att sedan anpassa innehållet mot större skärmstorlekar. För att göra designen responsiv har de tre beståndsdelarna flexible grid, flexible images/media och media queries använts, utöver kodning i HTML, CSS, PHP och JavaScript. Resultatet av denna rapport blev en undersökning av design- och utvecklingsprocessen vid byggandet av en responsiv webbsida. Det praktiska i examensarbetet resulterade i en responsiv prototyp till en webbsida för en spelstudio. 

Abstract [en]

This report describes the design and development process in building a responsive website. The website was created for the use of the intended game studio Rocket Lunches Studios. Wordpress has been used as a CMS (Content Management System) to simplify the updating of the website by the client themselves. The website is coded by thinking "mobile-first", which begins with the design focusing on smaller screens and then adapt the content on larger screen sizes. To make the design responsive the three components flexible grids, a flexible images / media and media query has been used, in addition to coding in HTML, CSS, PHP and JavaScript. The result of this report is a survey of the design and development process when building a responsive website. The practicality of the thesis resulted in a responsive prototype of a web page for a game studio.

Place, publisher, year, edition, pages
2013. , 66 p.
Keyword [en]
Website, responsive web design, design- and development process, Wordpress, mobile first
Keyword [sv]
Webbsida, responsiv design, design- och utvecklingsprocess, Wordpress, ”mobile first”
National Category
Media and Communication Technology
Identifiers
URN: urn:nbn:se:sh:diva-19229OAI: oai:DiVA.org:sh-19229DiVA: diva2:630962
Subject / course
Media Technology
Uppsok
Technology
Supervisors
Available from: 2013-06-20 Created: 2013-06-19 Last updated: 2014-01-31Bibliographically approved

Open Access in DiVA

fulltext(4003 kB)863 downloads
File information
File name FULLTEXT01.pdfFile size 4003 kBChecksum SHA-512
0d5a1ee260520868769684dc393302bf3bcaaf0e3ff15703aab571c0e8cd11a56e22617fa5a8fc79394dd67dada7a9eeb2996b7dda1bc86846a97a8641a6ade1
Type fulltextMimetype application/pdf

By organisation
School of Natural Sciences, Technology and Environmental Studies
Media and Communication Technology

Search outside of DiVA

GoogleGoogle Scholar
Total: 863 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

Total: 3297 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