.test-button, .test-button-2 {
cursor: pointer;
border: 0;
font-family: inherit;
display: inline-block;
margin: 1.5em auto;
font-size: 1.5em;
border-radius: 0;
background-color: #802626;
padding: 0.25em 1em;
color: #fff;
outline: 2px solid transparent;
outline-offset: 50p...
To be really good at CSS, you have to learn CSS. I know this sounds like a tautology but I've become aware of a peculiar attitude that preprocessors such as SASS are somehow successors to CSS. Some SASS and LESS nerds are fond of proliferating the following aphorism. It shou...
For this article, I took a sample of corporate and small business design clients, erased their memories (with a "mind rubber"), then asked them to critique a small selection of highly prolific and famous commercial logotypes.
To them, this would be the first time they had s...
Please note: The following should be considered an experiment. There is rarely a good reason not to use a <button> element for button-like controls, especially if it means loading a javascript resource just to polfill the behaviors that <button> already offers.
...
What if I told you there was a way to radically alter your web pages without using images, javascript, proprietary CSS3 or any extra markup? What if I told you you didn't have to be an experienced typographer, you could do it for little more than 6Kb and that it would work i...
I love the Perch CMS. It isn't crammed with features and plugins to placate each and every type of developer; it just does the Content Management task really well. Nonetheless, every so often I look for a little tool that Wordpress-derived muscle memory tells me should be pr...
In CSS, there are four ways to visually position HTML elements within your web page. These are static, relative, absolute and fixed. There can be a great deal of confusion when it comes to discerning between these values, so I'd like to help clear things up.
Or perhaps no...
My 'Heydings Icons' font has been doing the rounds for some time now, and I am proud to have been one of the early innovators to release a completely free, embeddable icon font for web UI designers. However, until now I have singularly failed to promote the availability of H...
To say one is a Web Developer is similar to saying one is an engineer. Without further clarification, the label means very little. To help with apprehending the various specialisms within the field, I have created this transparently cynical piece of link bait. My list is by ...
One of the best things about the Perch CMS is its lack of boilerplate. In fact, Perch creator Rachel Andrew is quite opposed to such bloated, polyfill-ridden framework code. Why include a mass of default code you've yet to decide you even need? The performance hit is just no...
Rock and roll has always been a contrary form of music. At once 'the devil's music' and the soundtrack to the American Dream, it has leant itself to as much commercial dogma as rebellious transgression. Rock and roll is both savage and servile. It's sexual awakenings and aut...
In a previous article, I addressed the many advantages of using a web font (in place of images) to render icons into your UI design. In the same article I mentioned a frustrating deficit of high quality, free icon web fonts available for embedding and conceded my own failure...
Benny (@rattegg) and I have been rehearsing and recording for our Wet Face project for some time now and — provided that the venue staff don't get cold feet — our first performance is imminent.
Having 'mastered' (for 'mastered' read 'bathed in distortion and given a perfunct...
Update: Since writing this post, I was finally able to create a web font to my liking. You can read about it and download it in this subsequent article.
Prefixing (or occasionally suffixing) hyperlinks with little icons can be helpful for qualifying the type of action the li...
I was recently asked to design a logo for the Open Data Cookbook; a marvellous organisation commited to helping us make use of all the open data (partcularly government data) that has become available. Their excellent wiki provides 'recipes' for sourcing, preparing, fusing a...
Death and Extreme Metal musicians account for a large proportion of the most accomplished, technically skilled musicians in the world. Although the music is typically dense, fast and heavily distorted, it is also precise and carefully arranged. The accusations (made in ignor...
Following my post regarding the SEO and accessibility issues invoked when using display:none, I am now going to address the text replacement scenario, since I believe this is the only situation where one would legitimately want to hide text from the unassisted visitor (readi...
It occurs to me that some people looking for information on an ailment using the search term Sickly Headache might chance upon this music post. If you are one of these people, I recommend you DO NOT play the post's associated audio track. The title of the post (and track) re...
The display:none property is common and has may uses, as well as misuses. It's not always obvious what effect its use has on SEO and its impact on accessibility can be problematic. I hope this post helps to clarify the situation.
Types of invisibility
'Display none' means ex...
Not to be confused with U Can't Touch This by MC Hammer, this is a grinding piece of punk blues co-created - through correspondence - with my good friend Mickey Fordola for a project (currently on hiatus) called The Hemotions.
The techy stuff: The backing track features my G...
