Blog

Toggling a form with AJAX and PHP

18 October 2016

I recently had to add a toggling widget to a web page. I didn't want to reload the whole page, but I did want the page to update after the data had been processed. How is this done? Why, AJAX, of course. Read more >

Tags: HTML JavaScript PHP

Skip to navigation

The submit-update-refresh cycle

04 October 2016

A common pattern in web applications is to submit data, add it to the database, then update the view. In this post, I outline a very simple set of PHP functions to do this, and a couple of tricks to bear in mind. Read more >

Tags: PHP

Skip to navigation

Shaping up profile pictures

16 August 2016

Rectangles are the default shape for elements on a web page, but since when do web designers stick to defaults? 24 Ways guides the way to using non-standard shapes in our designs. Read more >

Tags: CSS Design

Skip to navigation

Content-aware styles

19 July 2016

24 Ways has been producing web-related content every December since 2005. In this time-sensitive field, how does it distinguish the old content from the new? By subtly changing the colour scheme. In this post, I figure out how to replicate this effect and think about further applications for content-aware styles. Read more >

Tags: CSS Design Sass

Skip to navigation

Recreating a folding corner effect with cel animation

05 July 2016

In this post, I recreate the folding corner effect of the article summaries on 24 Ways. It reveals a whole treasure trove of CSS techniques, in particular how to simulate old-school cel animation. Read more >

Tags: Animation CSS SVG

Skip to navigation

CSS, SVG and base64

21 June 2016

24 Ways uses a cracker of a trick on their homepage to reveal author profile pics when the mouse hovers over an article summary. In this first post on the topic, I'm interested in how they include SVG code in CSS by using base64. Read more >

Tags: Animation CSS SVG

Skip to navigation

Colour design: green

31 May 2016

Green. What does it mean to you? The great outdoors? Toxic waste? The almighty dollar? In this post, I review some mind-blowing sites whose only link is the use of the colour green. Behold their greenness! Read more >

Tags: Design

Skip to navigation

Anchors, buttons and inputs

10 May 2016

CSS frameworks, like Bootstrap, often allow you to style anchors, buttons and inputs in the same way. But what's the difference between them, and when should you choose one over the others? Read more >

Tags: Bootstrap HTML PHP

Skip to navigation

Third-party scripts on Rotten Tomatoes

19 April 2016

Like many high-traffic sites, Rotten Tomatoes downloads a ton of third-party scripts. In this post, I examine 20 of these scripts, and find out what they do, whether they're free, how big and how up-to-date they are, and what dependencies they have. Read more >

Tags: JavaScript

Skip to navigation