Do Websites Need to Look the Same in Every Browser?

Progressive enhancement in web development is often misunderstood: it allows us to take advantage of more modern browsers, without penalising the older ones.

Do Websites Need to Look the Same in Every Browser?

Adaptive vs. Responsive Design & Development

Now used as almost trivial marketing buzz words, there really are significant differences between responsive and adaptive design and development techniques.

Adaptive vs. Responsive Design & Development.

Removing <p> Tags From Contentful List Items

One of the quirks of rendering Rich Text from Contentful is that list items come wrapped in paragraph 'p' tags. Fortunately this is a simple one to resolve.

Removing <p> Tags From Contentful List Items.

CSS Focus Styles for Keyboard Users Only

Overriding :focus outline without providing a viable alternative should never be an option. Here I discuss implementing alternatives that keep UI and UX happy.

CSS Focus Styles for Keyboard Users Only.

Disabling Text Selection Highlighting with CSS

User-select makes stopping visitors from selecting items on-page easy, and can be combined with ::selection to capture the browsers where user-select is absent.

Disabling Text Selection Highlighting with CSS.

If Not Internet Explorer Conditional HTML

Conditional comments allow us to target specific versions of Internet Explorer. However there is a distinct different between IE and !IE selectors...

If Not Internet Explorer Conditional HTML.

Setting CSS Blur Filter to Zero on a Retina Screen

A bug in the WebKit engine that only affects website Retina screen devices means that setting a zero-blur filter in CSS isn't as easy as it should be.

Setting CSS Blur Filter to Zero on a Retina Screen.