Resources blog

Responsive page example There is a perception that designing responsive webpages can be complex. But it doesn't have to be. The @media CSS selector will dynamically restyle your pages and it's easy to use. Some time back I wrote an item on a simple and bullet-proof way to create robust...

A powerful yet simple solution to taking control of list bullets. Have you ever wanted to spice up your html menu lists with some more interesting bullets? Of course you have. Wouldn't it be helpful, though, if you could readily get control over their positioning rather than cajoling those pesky...

When my client mid-project suddenly suggested some nice-to-have extra, I ended up reviewing how I might best handle the situation and avoid incurring their displeasure. I recently found myself, not for the first time, trying to find a non-confrontational response to explain why I was resistant to...

Adding an email mailto: link with subject, message body and multiple recipients One of the most powerful tools in your marketing armoury is email. You will want the recipient to respond to your message in some way, so it makes sense to make this as easy as possible for them by fitting in with their...

There are times that it would be useful to use an existing style class that you have already defined in CSS and add further style properties to it without actually modifying the original class. Those with programming experience will know this as 'class inheritance'. Unfortunately CSS does not...

  Sending email newsletters should be easy. You bang out an email and then send it to as many customers as you can, right? It turns out that broadcasting regular and effective email newsletters yourself can require resource-sapping attention to detail and some super-user level technical skill. Once you...

...and other shortcuts Nested selectors Child operator Descendent operator Adjacent sibling selectors Immediately adjacent sibling operator Related adjacent siblings operator Attribute selectors Attribute name selector Attribute value selectors First value operator Leading characters operator...

What is HTML? HTML is a set of predefined markers, or tags, that can be placed by a web site designer along with the web site contents to tell a browser how content should be laid out. It also tells the computer where all the bits of content are stored in order that it can find them in the first...

If you want to make a web page of your own, the information in this article is the absolute least you need to know to get started. Alternatively, if all you are after is a very simple website, you might be better off using your word processor to create your web page and then save it for web as an...

Overview General symbols Latin language diacritical / accented characters Greek characters Mathematical symbols and operators Alternative ways to insert symbols The listings here show a useful selection of the HTML special characters with their codes, plus the Unicode decimal value for each...

Overview Colour names and values - HTML compliant Colour names and values - browser friendly (SVG) Greyscale colour values Defining a colour using RGB format Defining a colour using hexadecimal format Summary example This reference is designed to assist in defining colours1 in web pages....