To entice users to get to the ‘free-shipping’ option on First Light Flower Essences of New Zealand I added a simple animated bar that shows how far away they are. It’s percentage fill is based on the cart value, accompanied with how much they still need to spend to get free shipping and a prompt…
The CSS selector for vertical height (for example width:100vh for a full height div) offers a super easy way to setup beautiful full-width and full-height div blocks for images or sliders. However, an issue arises on mobile devices when you start scrolling the vertical-height changes as you scroll due to the nav-bars disappearing. To overcome…
I’m close to releasing the AIICT website to the wild, but first I’ve been going through a bit of QA across browsers and devices. Trying to cover off the most likely formats, on various devices and at multiple sizes. This means that once released I can be sure that what I’ve produced can be viewed…
Last week I learnt something new! How to build a page from an XML. A client has a JobAdder account and wanted to display the jobs on there website. JobAdder simply uploads a XML to a folder which I then can grab with the following: Using a fclose to check if it exists and if…
As a bit of an experiment for this site I wanted to mimic the confirmation of click/touch that Material design allows on apps. Essentially its a circular colour that radiates out from where you touch to show the user that an action has taken place. Here’s the basic structure of my links: I have a…
I’ve been designing a new site and the client wanted to have each of her posts freshened up a bit but doesn’t have the time to add images to each post. The images aren’t necessarily required, but add a nice stylistic touch to draw the eye. So I created a folder for the images to…
