Bubbles: A playground for HTML5 & CSS3

Still image of Bubbles site page

Bubbles is a chance to experiment with fun, interesting and intuitive UI ideas. Currently in it’s infancy Bubbles takes advantage of HTML5′s drag and drop API and some cool CSS3. You can create a bubble by clicking on the screen, insert text and move the bubble around. Using the panel in the top right you can also change the color and size of each bubble.

Take a look.

July 31, 2011 at 7:35 am | CSS, HTML, Javascript, Jquery, UI, Web Design | No comment

ACS & Management: Website design & development

acs-and-management-homepage

ACS and Management are an asbestos surveying company. They asked me to develop a site for them to make sharing surveys with their clients easy. I happily obliged.
The site allows ACS to login, upload surveys, invoices and any other documents. My main focus was to keep their documents organized and giving them flexibility whilst keeping the UI really simple and intuitive.
Read More >

April 29, 2011 at 2:08 am | CSS, HTML, Jquery, MySql, PHP, Web Design | No comment

UI: Editable Content

Websites are becoming increasingly dynamic, and user generated content is more popular then ever. I love websites that allow you to interact with them intuitively. WYSIWYG style sites, which allow you to select an element, edit it and save your changes, all without leaving the page are great.
This tutorial will show you how to seamlessly replace a <p> element with a form using JQuery. This allows your users to simply click on the element they want to edit, make changes and save.
Take a look at the Demo to get an idea of how this works.

Demo

Read More >

April 26, 2011 at 6:46 am | All, Jquery, Tutorial, UI, Web Design | No comment

Serif: WebPlus X4

Climate Change Webplus X4 Template

Webplus is a WYSIWYG web editor, and it’s actually pretty good for those who have no idea how to code. Here’s a small sample of template sites I made for Serif.

Read More >

June 21, 2010 at 5:34 am | All, Web Design | No comment