toodamnninja.com
wordpresstwitterLinkedIntumblrposterousfriendfeeddeliciousflickrdeviantartfoursquaregowallamyspace
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