Cursus responsive design volgen? Opleidingen en cursussen bij Eduvision

Responsive Design

Responsive Design wil eigenlijk zeggen dat de site zich aanpast aan een bepaald apparaat. Een iPad bijvoorbeeld werkt op een andere resolutie dan een desktop computer. Een iPhone of een andere smartphone werkt weer op een andere manier. Hoe maak je nu een site die van alle markten thuis is? Responsive Design is het antwoord: een site die zich automatisch aanpast aan het gebruikte apparaat.

Waarom Responsive Design

Afgelopen jaren is de opkomt van responsive webdesign enorm geweest. Dit is veroorzaakt doordat het internet zich over steeds meer (mobiele) apparaten verspreidt met allemaal verschillende formaten. Hierdoor bleek één website met een vaste afmeting geen optimale oplossing. In plaats van te ontwerpen in vaste afmetingen, een benadering die stamt uit het printtijdperk, is het veel praktischer om een website te ontworpen dat meeschaalt met de afmetingen van een scherm.

Responsive Design Technieken

Een responsive website past zichzelf aan de omgeving aan waarin hij getoond wordt met behulp van flexibele grids, flexibele afbeeldingen en CSS3 media queries. De belangrijkste techniek voor responsive design zijn de flexibele grids, deze zorgen ervoor dat breedtes en hoogtes van elementen niet in pixels worden bepaald, maar in relatieve eenheden zoals percentages. Het testen van responsive websites is lastiger dan het testen van een reguliere website. Het grote scala aan verschillende schermformaten en browsers zijn soms moeilijk na te bootsen. Ook is de werking van javascript in mobiele browsers soms beperkt.

Zelf Responsive Design leren?

Wil jij dat jouw website op elk apparaat op professionele wijze zichtbaar is zonder in te leveren op de leesbaarheid? Responsive design is het antwoord! Al met al draait responsive webdesign om een combinatie van lay-out, content en gebruikerservaring. Je wilt immers dat een website niet alleen goed zichtbaar is op elk apparaat, maar ook dat hij altijd de beste gebruikservaring biedt. Eduvision biedt handige tutorial filmpjes aan met daarin handige tips en bespreken we de valkuilen van responsive design.