Tag Archive: CSS3

  1. A Brief Foray Into CSS Shapes

    Screenshot of Freakleaf's home page demonstrating CSS Shapes.

    I often use my website as a playground for new technology, so thought I’d try making use of CSS Shapes, after getting suitably inspired by this example. First off, as of August 2014, support for CSS Shapes Module Level 1 is magnificently poor (with only dev channel versions of both Chrome (unprefixed) and Safari (prefixed with -webkit-) harbouring working versions), so I had to implement it in a way that would only progressively enhance the current layout, as opposed to making changes that would destroy the vast majority of users’ experiences. The web has always played second fiddle to print …

  2. CSS Icon Backgrounds

    Screenshot of a hue wheel demonstrating the colours used in my post.

    When composing this post, I decided that each of the accompanying icons would work well against coloured discs, gradually rotating in hue as they progressed down the page. The result was something a bit like this: I opted for 12 different colours, so each icon’s hue would change by 30 (hue being measured on a scale of 0-360 degrees). After some thought, I decided to create the discs programmatically using CSS. This has the following benefits over including them as part of the icon image: If I ever decide to add, remove, or edit page content, I wouldn’t need to …