Responsiivinen web design

Abstract

Opinnäytetyössä tutustutaan responsiivisen verkkosuunnitteluun ja määritellään sen sisältöjä niin teoriassa kuin käytännön kautta. Työn tavoitteena on selkeä ymmärrys siitä, mitä responsiivisuus käytännössä tarkoittaa ja mitä tekniikkoja siihen sisältyy. Aluksi tutustutaan tekniikoihin, joihin responsiivinen suunnittelu nojautuu. Näitä ovat HTML5, CSS3 sekä sivuavasti Javascript. Tavoitteena ei ole rakentaa koodin kirjoittamiseen keskittyvää opusta, vaan keskittyä responsiivisen suunnittelun käytänteisiin ja suunnittelufilosofiaan. Opinnäytetyön lopputuotokseksi kootaan demoverkkosivu, jonka rakentamisessa käytetään HTML5:n ja CSS3:n uusia ominaisuuksia. Sivusta tehdään responsiivinen.

In this thesis we explore the meaning and definition of responsive web design via theory and practice. The goal of the thesis is to achieve clear understanding of responsive techniques and their common usage. In the beginning we get familiar with the main techniques usually responsible for responsivity in websites. These are mainly HTML5, CCS3 and a bit of Javascript on the side. It is not our intention to create a coding guidebook but a tutorial on features of responsive design and its design philosophy. As the final outcome we compile a new demosite, in the building of which we use new properties introduced in HTML5 and CCS3. The site will be responsive.