Blog (page 26)

Notes From User Testing

Last week Browser hosted a UAT session for our latest website development (launching soon!) Most website designs — or any design for that matter — do not go through this sort of testing but it’s well worth the effort when done right. It’s exciting and a bit scary to be sat there with your clients while […]

Modularity and Style Guides

Last week I wrote about scoping typographic styles to introduce the concept of modularity in CSS. In that example, I removed the common globally defined text styles — for paragraphs, headings and lists etc — and scoped them with a .text class to be applied to any block of text-based content. This technique gives us more control […]

Scoping Typography CSS

I’m writing a very long article on front-end dev builds, this is a quick prelude to that! It’s common practice to define global typography style early in a stylesheet. This makes a lot of sense. After all, a good design has consistent typography with a clear hierarchy throughout. When writing this CSS, type selectors like: are necessary; adding classes to every […]

Terms of Service TL;DR

This week saw an echo of praise around the tech community for photography website 500px’s approach to its Terms of Service page. The basic idea being that the left column contains the verbose legal terms while the right column holds a brief layman’s translation. What I find worry is the vast number of web professionals who think this is a […]

Spotify & Socialite.js

Spotify have just released their Spotify Play Button allowing you to embed any song or playlist on your website or blog. It’s awesome, but it also comes at a cost. The whole include (which uses an iframe) weights in at close to 500kb and uses upwards of 30 http requests alone. Chunky! Chunkier than many web pages. Using this embedded play button […]

SVG, Use it Already

Here’s the deal: there’s no reasonable excuse to avoid using SVG for vector graphics on the Web (with a PNG fallback, primarily for IE < 9 and older Android). While there are legitimate design problems when using one single file with icons at multiple sizes, this is not unique to SVG and in the land of — for all […]

Dropping IE Support

Yesterday TechCrunch reported on the start-up 4ormat and their decision to drop support for Internet Explorer entirely. Their logic behind this seems simple enough; developing for IE users did not equate to profit. Supporting variants of IE can easily increase design work by 30% to 100%, but complex features can easily double (or even triple) development time. It […]