Category Archives: Web Design

A Couple of Useful CSS Transforms

Using Rotation to Create Vertical Headers You can use rotate(-90deg) (or DXImageTransform.Microsoft.BasicImage(rotation=3) for IE) to rotate a element to make it vertical. Sideways Headers Text Rotation Note: for browser support for transforms please see CSS3 Transforms. For information on applying … Continue reading

Posted in Web Design | Leave a comment

Flexbox Snippets

Note: Different syntax is required for different versions of different browsers. For information on browser support for flexbox, see Can I use Flexible Box Layout Module?. Getting started Put display: flex; in the styling for a div that’s going to … Continue reading

Posted in Web Design | Leave a comment

CSS3 Effects for IE using PIE

Short and sweet, this post. PIE.htc makes it easy to persuade IE to render some CSS3 effects – including border-radius and box-shadow.

Posted in Web Design | Leave a comment

Useful Tools for Working With Web Site Colours

ColorZilla – plugin for Firefox, I find the eyedropper very useful Color Converter – displays the colour as well as providing the code in different formats colorbrewer2.org – great for colour schemes for charts as well as maps, includes colorblind-safe … Continue reading

Posted in Web Design | Leave a comment