June 28th, 2008
I have started work on a new design for http://www.mattwreford.com/, the owner of which felt that his existing site wasn’t really up to scratch. Knowing only that the client likes very simple and minimal designs, here is a screenshot of my initial layout and general concept for the site.
It will be quite a simple structure of 5 pages (four plus a link to a CV download) as requested, tabbed, and with two main content columns that serve different purposes on each page. For the CSS aspect of this design I have experimented with fluid column widths on both sides, where the content is grouped clearly in two blocks but they centre and expand within their columns with the resizing of the page.
Read the rest of this entry »
February 12th, 2008
Because it is becoming a common occurence that I find a website that I find particularly inspirational, whether that be for its graphical design or a particular way of structuring what would normally be a very ordinary feature, and never really noting down the URL.
Now I could tag these sites using del.icio.us under something like ‘inspiration’ but I think I would rather also have more specific information or notes and possibly a screenshot to add some context.
So I shall be recording these websites on a page here.
November 26th, 2007
Now I have avoided using transparent PNG for a long time despite its various advantages such as having a real alpha channel that can produce smooth, anti-aliased edges and having a proper amount of colours instead of 256, mainly because of IE6. But I have been testing for IE7 for a while now and I knew the issue of PNGs and the handling of their transparency is supposed to be fixed so I reasoned that I could design with PNG transparency in mind and worry about fixing it for IE6 later.
Read the rest of this entry »
October 21st, 2007
Having completely exhausted a search for floating some images at the bottom right hand corner of a variably sized <div> and deciding this was impossible I came up with half a solution involving a normal float RIGHT <div> that cleared a second, hidden floating <div>, the height of which COULD have been determined by the overall height of the containing <div>. But it wasn’t great, and text would wrap very poorly around the images, cutting into the padding and margins. Using EM on the buffer’s height meant I could make it vaguely change in line with textsize changes but generally it looked crap and was different in every browser.
Read the rest of this entry »
The flash actionscript behind this is flexible enough to allow for any size
puzzle to be created and jumbled as many times as I like. In addition to this,
the difficulty of rotating pieces is also a feature.