Websafe Hex Greys to Letraset ProMarker conversion

So, I was playing around with some marker mockups and wondered how accurate I could get them it terms of colour. My weapon of choice for these things is the Letraset ProMarker and, in particular, the Cool Greys. Here, without further ado, conversions of the four basic websafe greys into Letraset ProMarker colours: #333 =… Read More Websafe Hex Greys to Letraset ProMarker conversion


Fonts, borders, and Rounded Corners for responsive sites

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

On Morality and Multi-screen

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

CSS Libraries

Lea Verou has, rather masterfully, created a large library of CSS animations here: http://leaverou.github.com/animatable/ While this is undoubtedly an excellent way of showing off the capabilities of CSS I would still strongly advise against simply rushing out and plugging as many as possible into any site you may be working on. Libraries like this tend to make us all think… Read More CSS Libraries

Using @font-face

Normally, as web developers, we only have access to what’s know as “the safe seven” fonts; Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet and Verdana because we can guarantee the the users computer will have these fonts and that they’ll behave pretty much as expected. But what if you want to add new fonts… Read More Using @font-face