Responsive design is great but there are some things that can be a real pain to deal with. The first is font sizes. Since fonts don’t respond to the browser size we need another solution and the easiest to add and manage uses a tiny bit of javaScript: document.body.style.fontSize=(window.innerWidth / 100)+”px”; When this piece of… Read More Fonts, borders, and Rounded Corners for responsive sites
There is a, now infamous, story of a famous rock band who demanded several bowls of M&Ms with all the brown ones removed and refused to perform if they found even one brown M&M. The story is true. The rock band was Van Halen whose shows relied on extensive power requirements, intricate stage constructions and… Read More Brown M&Ms and The Importance Of Small Details
In my twitter stream this morning I found a link to a page full of examples of responsive design (http://thenextweb.com/dd/2012/02/01/10-beautiful-examples-of-responsive-web-design/) While these are undoubtedly beautiful and well-crafted examples of responsive design, I’m not sure how relevant the ‘responsiveness’ is to each site’s audience. Curiously, as available bandwidth increases for most users, the amount of bandwidth… Read More On Morality and Multi-screen
As I’ve been saying for quite a while now, ‘hover’ needs to be demoted to the status of ‘extra frill’ rather than forming an core part of our UIs. In terms of front-end development I’ve been adding a parallel ‘focus’ trigger alongside my ‘hover’ triggers in CSS for about 8 months. I did this to… Read More Not-hover
I ran a short test to see how Google Analytics registers the Amazon Kindle web browser. This is the info I got back: Browser: Safari Operating System: Linux Colours: 32-bit Screen Resolution: 600 x 706 pixels Flash Version: (not set) Java support: No The colour range is a bit confusing since the Kindle uses a… Read More Kindle browser v Google Analytics
I just found this library of images showing iPad UI conventions: http://bit.ly/hlhBCl Useful!
Loop 13 