toodamnninja.com
wordpresstwitterLinkedIntumblrposterousfriendfeeddeliciousflickrdeviantartfoursquaregowallamyspace
Choice Family Dispute Resolution
Website designed and created for Perth-based company 'Choice Family Dispute Resolution'. Mobile-first design with responsive styles and dynamic content. Created with HTML5, CSS3 and jQuery.
website for Choice Family Dispute Resolution
Vibrant Boutique-style
Vibrant Boutique-style page with multiple content sections and animated scrolling effect. Responsive mobile device theme to match. Created with CSS and jQuery.
Vibrant Boutique-style
Parallax Space Scroller
Parallax scrolling page with image switching as the page progresses. Effect created with CSS and jQuery.
Dynamic portfolio gallery
Dynamic portfolio gallery
gallery-style portfolio featuring dynamic content loading and filtering, page transforms and animations, pop-out sidebar with description of hovered item plus toggle function for light and dark theme; all achieved with hand-coded php and jQuery
Dynamic portfolio gallery
Dynamic content portfolio
test for a portfolio loading dynamic content via jQuery without reloading the page
Dynamic content portfolio
Metro UI style portfolio
design for a portfolio, drawing inspiration from the Metro UI's grid look
Metro UI style portfolio
It's Hip to be Square.
a single page mockup, illustrating a design following the current trend for 'flat design'
- a backlash against drop shadows and gradients, and a return to single layered looks and block-colours.
It's Hip to be Square.
Sans-Serif Elegance
a single page mockup, illustrating a design favoured by many of the websites that accompany mobile OS apps.
(most commonly those for social networks, photo-sharing services and content aggregators)
Sans-Serif Elegance
Faux stacks using CSS3
CSS3's :before and :after selectors being used to give the impression of extra images behind the real image.
Also, each image 'stack' has a different type of effect applied to the 'stack' upon rollover/off.
Faux stacks using CSS3
...making a statement
single-page mockup, with CSS/jQuery animation on link rollover
(proof-of-concept to test code designed to dynamically change properties of animated elements to match those of a highlighted item)
...making a statement
Write On! (a notebook-inspired mockup)
a textured mockup emulating the look of a notebook cover with notes jotted onto it, complete with faux-sketch images
(also an excuse to try out Google web fonts.)
notebook-style mockup
Slider Banner with dynamic content
originally created as part of my submission for a design challenge. a banner consisting of three screens of dynamic content, transitioned using jQuery and CSS, featuring auto advance and two sets of fading 'smart controls'
dynamic content slider banner
A Generic Mobile App Site
created without using developer-only marketing images; also includes script to randomly assign a background colour for the screenshot
generic mobile app site
Light/Dark Live Stylesheet Toggle
live switching between two predefined themes without reloading the page
live stylesheet toggle
theme for toodamnninja.com
theme 01 - 'pinstripe' the first theme designed for the multi-skin redesign of toodamnninja.com, including php scripts to maintain a theme between pages and to select a theme at random
theme 01 - 'pinstripe'
theme for toodamnninja.com
theme 02 - 'neat' the second theme designed for the multi-skin redesign of toodamnninja.com, including php scripts to maintain a theme between pages and to select a theme at random
theme 02 - 'neat'
theme for toodamnninja.com
theme 03 - 'vert' the third theme designed for the multi-skin redesign of toodamnninja.com, including php scripts to maintain a theme between pages and to select a theme at random
theme 03 - 'vert'
theme for toodamnninja.com
theme 04 - 'paper' the fourth theme designed for the multi-skin redesign of toodamnninja.com, including php scripts to maintain a theme between pages and to select a theme at random
theme 04 - 'paper'
theme for toodamnninja.com
theme 05 - 'dark' (current default) the latest theme designed for the multi-skin redesign of toodamnninja.com, including php scripts to maintain a theme between pages and to select a theme at random
theme 05 - 'dark'
custom tumblr theme for my personal blog
this custom theme also includes support for tags and different icons for different post types
custom tumblr theme for my personal blog