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.
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.
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)
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)
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.
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.
...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)
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)
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.)
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.)
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'
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'
A Generic Mobile App Site
created without using developer-only marketing images; also includes script to randomly assign a background colour for the screenshot
created without using developer-only marketing images; also includes script to randomly assign a background colour for the screenshot
Light/Dark Live Stylesheet Toggle
live switching between two predefined themes without reloading the page
live switching between two predefined themes without reloading the page
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' 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 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' 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 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' 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 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' 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 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' (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
custom tumblr theme for my personal blog
this custom theme also includes support for tags and different icons for different post types
this custom theme also includes support for tags and different icons for different post types
