Category Archives: Coding

Preface: Posts here discuss CSS, HTML and jQuery coding practices and aim to dispell certain myths and preconceptions perculiar to ‘web design’. These articles include the exposition of some of the techniques I've developed and the embarrassing mistakes I have made on the way to building more semantic, usable and efficient web pages. This being the realm of ‘front end development’ you may be subjected to some design-related subject matter …

Using Icon Web Fonts

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 link offers the user. A classic example is Please read on...

Posted in Coding Tagged 6 Comments

Accessible Text Replacement

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 (reading visually) but not from a screen reader or search bot. I Please read on...

Posted in Coding Tagged Leave a comment

Display:None Issues

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 exactly that. It removes the element (and its Please read on...

Posted in Coding Tagged Leave a comment

Using the Cascade

In this post, I am going to explain the benefit of exploiting the ‘cascading’ part of CSS to solve everyday styling problems more efficiently and effectively. The example problem I have chosen is that of clearing content after floats. For those not familiar with the problem that necessitates clearing, it effects elements that appear directly Please read on...

Posted in Coding Tagged Leave a comment

Pseudo-class Deception

Those who are new to using pseudo-classes in their CSS may experience more than a little confusion, and I hope that I can relieve a few headaches. For those who use them frequently, I hope they find a few interesting observations ahead. I attribute much of the confusion surrounding pseudo-classes to the misunderstanding of the Please read on...

Posted in Coding Tagged Leave a comment