Having fun with CSS3 — Border Radius
As you may know already, CSS3 has introduced a new set of properties which allows you to easily add curved corners to a box. Simple round corners You can create a div with round corners with this...
View ArticleHaving fun with CSS3 — Box Shadow property
CSS3 introduces a useful little property called box-shadow, which as the name suggests adds a shadow to an element. Simple box shadow You can create a basic box shadow like this: This casts a shadow...
View ArticleCreating a sticky note app with HTML5, CSS3 and Javascript
I saw this tutorial the other day, it’s cool but I fancied taking it a step further and make it useful as an app rather than just a fancy way to show some structured data on the screen. Here’s a list...
View ArticleCreating a count down meter with CSS3 and JQuery
Whilst working on the MathDOJO mini game one of the neat little things I tried to do was implement a time meter which steadily counts down and changes colour (from green to yellow to glowing red) as it...
View ArticleTest your maths skills at the MathDOJO!
Another productive weekend bares fruit for another mini game! This time I’ve put together a dojo-themed mini game whose sole purpose is to test your ability to do simple (well, mostly) arithmetic...
View ArticleClik here to view.
Having fun with CSS3 – Border Radius
As you may know already, CSS3 has introduced a new set of properties which allows you to easily add curved corners to a box. Simple round corners You can create a div with round corners with this...
View ArticleClik here to view.
Having fun with CSS3 – Box Shadow property
CSS3 introduces a useful little property called box-shadow, which as the name suggests adds a shadow to an element. Simple box shadow You can create a basic box shadow like this: div {...
View ArticleClik here to view.
Creating a sticky note app with HTML5, CSS3 and Javascript
I saw this tutorial the other day, it’s cool but I fancied taking it a step further and make it useful as an app rather than just a fancy way to show some structured data on the screen. Here’s a list...
View ArticleClik here to view.
Creating a count down meter with CSS3 and JQuery
Whilst working on the MathDOJO mini game one of the neat little things I tried to do was implement a time meter which steadily counts down and changes colour (from green to yellow to glowing red) as it...
View ArticleClik here to view.
Test your maths skills at the MathDOJO!
Another productive weekend bares fruit for another mini game! This time I’ve put together a dojo-themed mini game whose sole purpose is to test your ability to do simple (well, mostly) arithmetic...
View ArticleClik here to view.
How to add a zoom in effect with CSS
As I rebuild the landing page for the AppSync Masterclass, I wanted to add a zoom-in effect to some of the images, like this: After some googling and a bit of experimentation, this is what I ended up...
View ArticleClik here to view.
How to add a subtle gradient on top of an image using CSS
As I rebuild the landing page for the AppSync Masterclass I wanted to give this boring “about me” section a facelift. After taking inspiration from other landing pages, I decided to go with something...
View Article