What is responsive web design?
Let’s just get right into it: Believe it or not, the Treehouse blog that you’re reading this article on is actually a responsive design! To see it in action, open this article on a desktop browser and slowly make the browser thinner and wider. You should see the layout magically adjust itself to more comfortably fit the new width of the browser, even if you make the page as skinny as the resolution of a mobile phone. Here are some screenshots of what the Think Vitamin design looks like at various screen resolutions:
The first stage of Think Vitamin’s responsive design.
The second stage of Think Vitamin’s responsive design.
The third and fourth stages of Think Vitamin’s responsive design.
It’s hard to talk about responsive design without mentioning its creator, Ethan Marcotte. If you haven’t read his seminal article about responsive web design, I highly recommend you check it out (seriously, this is required reading). In the article, Ethan discusses all the key ideas that form responsive web design; and that’s really what responsive design is, technically. It’s not a single piece of technology, but rather, a set of techniques and ideas that form a whole. This is one of the main sources of confusion, and in a moment we’ll break things down and take a look at each part. A responsive web design is necessary for people to see the content in any device, old or new computer, since some new computers have some great gaming performance but are also good to watch different websites.
So, what is responsive design exactly? Actually, a better question to ask might be, what problem does responsive web design solve? Well, as you may have noticed, computers aren’t the only piece of hardware with a web browser anymore. I might get myself in trouble by saying this, but the iPhone was one of the first mobile devices to feature a really great web browser, and it really put the spotlight on upgrading the experience of the mobile web. Many other devices followed suit and, seemingly overnight, the face of the mobile web had changed.
The changing landscape of web browsers meant that users expectations also changed; people expected to be able to browse the web on their phones just as easily as they browse the web on a desktop computer. So, in response to this (if you’ll excuse the pun) the web design community started creating mobile versions of their websites. In hindsight, this wasn’t really the way forward, but at the time it seemed like a reasonable idea. Every website would have their normal ‘desktop’ version of their site, and as a bonus, a ‘mobile’ version.
Vuoi vedere una nostra app?
Come omaggio alla nostra città
abbiamo realizzato una guida completa di Massa Marittima
per iOS, Android e Windows Phone.
Scaricala dagli stores ufficiali e provala!
I nostri principali servizi
Logo e grafica coordinata per aziende e associazioni.
Grafica e stampa di vari prodotti come ad esempio locandine, manifesti, pieghevoli, mappe, banner, supporti rigidi, espositori, roll up, adesivi e adesivi magnetici.
Siti web responsive con CMS integrato e compatibili con tutti i browser e tutti i dispositivi fissi o portatili.
Layout ottimizzato per la consultazione da parte degli ipovedenti e non vedenti.
Rendering fotografici per studi tecnici ottimizzati per l’approvazione, da parte delle Commissioni Ambientali, dei progetti da realizzarsi nelle zone a vincolo o per fornire al cliente un’idea del risultato finale.
Alcuni dei nostri lavori
I nostri clienti