Archive - Diary of a Web Developer

HTTP 418: The Status Code Defined as an April Fools’ Joke

Because teapots shouldn’t brew coffee

Apr 1 •

March 2024

Absolute vs. Relative Co-ordinates for Defining an SVG Path

How casing determines whether you move to, or move by

Mar 25 •

Change Colours in a Bitmap Image using Browser CSS Filters

A high level look at working with different colour models

Mar 18 •

Using Browser Filters for Mouseover Effects in Web apps

Create greyscale versions of bitmap images in real-time with CSS

Mar 11 •

Dynamically Change PNG Icon Colours for Mouseover Effects

Use different images for colour changes and other special effects

Mar 4 •

February 2024

Convert Simple Icon Designs from Paper Sketches to SVG Code

An introductory walkthrough of SVG path markup syntax

Feb 26 •

Dynamically Change SVG Icon Colours for Mouseover Effects

Style your images using CSS

Feb 19 •

An Overview of Scaling SVG vs. Bitmap (JPG, PNG) Images

What happens when you zoom in?

Feb 12 •

SVG: An Introduction and Overview vs. Bitmap Formats

A high-level look at SVG data

Feb 5 •

January 2024

#nojs-banner { position: fixed; bottom: 0; left: 0; padding: 16px 16px 16px 32px; width: 100%; box-sizing: border-box; background: red; color: white; font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; line-height: 13px; } #nojs-banner a { color: inherit; text-decoration: underline; } This site requires JavaScript to run correctly. Please turn on JavaScript or unblock scripts