As you may have read, I’m a student Interactive Multimedia Design at the college of Mechelen. I’m in my final year, and as all graduates we have to create a final project. Me and my partner have decided to create a mobile website so motorists can pay their parking fee with their phone or tablet. This will be my very first responsive web site I’ve ever made. There are a couple of things I wish I knew before I started this project and the major one has to be that working together with a city brings a lot of extra difficulties to a project. For instance we HAVE to work together with their ICT department, which basically means we always have to ask for their approval after coding a page (which may take a couple of weeks).
I would like you to join me on my journey to discover the possibilities and restriction of responsive web design. In this first small tutorial we’ll see the basics of media queries. The aim of this tutorial isn’t to create a nice layout for the images, but to let you use some media queries for the first time.