articles tagged: responsive webdesign
24/05/2013
No Comments
With our afternoon of RWD today, courtesy of Bruce and Kaelig ~ let’s not forget about accessibility ;) The lovely Henny Swan (@iheni) initially wanted to join us but sadly could not make it in the end. I still thought it would be useful for us to take a look at her chosen topic when she tweeted the link to these slides. Of course never enough without the talk – and these were for a full day workshop on ‘Mobile Accessibility’ at AccessU - there are still lots of useful references for us to learn from :)
accessibility responsive webdesign
18/04/2013
No Comments
Let’s have a look at this great tutorial from webdesigner wall ~ setting up a responsive menu with pure CSS. Hopefully this will save you a few headaches ~ and might help solve your problem, Mark :)
→ read tutorial
→ view sample (includes CSS)
responsive webdesign
01/03/2013
No Comments
Time to practise some more and work with the mobile first approach ;) Download the source files and write the CSS, including the media queries for various screensizes, screenshots included :)
continue reading ➤
responsive webdesign
31/01/2013
No Comments
animation by Tiago Franco © 2012
After our first steps into responsive design, let's take a closer look into techniques and tools ;)
But before you get carried away - always remember who you are designing for. No matter how much we as web geeks play around and push websites by continually resizing browser windows - most people will not do this.
Your responsive setup should be focused on good presentation of content at any given screensize.
planning for adaptive design
continue reading ➤
responsive webdesign
18/01/2013
No Comments
Time to get responsive ;) As the web moves onto more and more different devices all the time - it is important for us to ensure that our sites display well on this variety of displays. Luckily the wonderful Ethan Marcotte has coined the term "responsive web design", or RWD, via his article on A List Apart.
Ethan quotes John Allsopp who stated in his article "A Dao of Web Design" in 2000:
The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must “accept the ebb and flow of things.”
With this in mind - let's read Ethan's original article and study his beautiful example:
continue reading ➤
media queries responsive webdesign
13/02/2012
Comments Off
Check responsive-ness of your website: http://studiopress.com/responsive/ @studiopress @bgardner – keep an eye out, these guys are innovators
via tweet (quoted) from @iamjasonday
responsive webdesign tool
design for the web