An experiment in using CSS to create smooth transitions for list items between expanded and collapsed states. This list emulates an HTML select element (sans keyboard shortcuts).
This SVG and CSS loading animation uses duplicate paths and animated dash arrays on staggered delays to create a colourful effect.
Logo completed for a restaurant featuring an Arabic cooking jar. Mid 2014
Some examples of SVG blend modes to create Siri-like waveforms. The waves are animated with CSS keyframes.
The iOS on/off switch recreated purely in CSS using a checkbox input and CSS pseudo-classes. Functionally and visually this is a near-exact replication - including the active state (click and hold) and animation bounce of the switch.
This spinner is an SVG element that is animated with CSS. A combination of stroke offset and varying rotation speed creates the illusion of the spinner drawing and undrawing itself.
Code breakdown and tutorial in the blog.
Two samples from a logo set for the Threads Network - a family of blogs covering travel, fashion, and food. On the left is the logo for Brisbane Threads. The Story Bridge featured in this logo is a landmark of the city. On the right is Travelling Threads, a new sister-blog focused on travel. Early 2015
iOS'86 was a long-term project that developed into one of the most expansive iPhone themes available. Based on the concept design by Anton Repponen, iOS'86 is the official and fully functional Winterboard theme for iPhone and iPod Touch. Including thousands of hand-pixeled monochrome graphics along with a port of the original Chicago font; iOS'86 takes your device back to another era. Available on iOS 4, 5, and 6. Mid 2012 - late 2013
Sarif was built to accomodate user customisation with a library of UI styles, widgets, icons, and more - all available from within Winterboard. Sarif also supports a huge range of popular third party apps and tweaks, ensuring a complete revamp of your device across the board. Available on iOS 4, 5, and 6. Early 2012 - late 2013
Logo design for Axex Constructions, a company specialising in architectural home renovations. Mid 2013
Sixth semester design project. This project involved investigation and documentation of an existing surf club, followed by a design proposal for a new club.
The objectives of this design were to create distinction between public functions and club functions, as well as create a more effective flow of circulation for both visitors and members. I also had the opportunity to focus more on construction and detailing of the building. Late 2012
Third semester design project - design an on-campus tutorial and study room. The structure surrounds an existing statue. Steel and timber frame around an internal brick and concrete structure. This was one of my first major projects working with Sketchup and Kerkythea. Early 2011