Clik here to view.
Guide to website wireframes and examples
Desktop Wireframe for a website A website wireframe is an essential resource you should create as one of the first ports of call during the information architecture stage of building a website. A...
View ArticleClik here to view.
Key points of the latest Google panda update
Watch a very informative video from the SEO Moz boyz about the latest Google panda update. The main take home points that I gleaned from this ‘Whiteboard Friday’ video on how Google’s panda update...
View ArticleSteve Jobs’ commencement speech at Stanford University
A truly visionary and inspirational man left planet earth today, Steve Jobs, founder of Apple. I have been reading a few of his obituaries and speeches today and this snippet from his commencement...
View ArticleClik here to view.
A style tile for Adobe Fireworks
The dawning and explosion of the mobile web over the last year brings with it fresh challenges in the architecture side of building websites and applications. Creating compositions/mockups for clients...
View ArticleClik here to view.
My CV coded in HTML 5
Just as a learning excerise, I thought I’d have a bash at coding up my CV into HTML5, you can view it here. I’m also going to follow the ‘mobile first’ approach here and code it up for mobile devices...
View ArticleClik here to view.
Pinking shears, zig zig, teeth effect tutorial in Fireworks
A nice little web design effect which seems to be doing the rounds at the moment is to vertically ‘cut up’ web site regions (header, content, footer, etc) into differently coloured sections with...
View ArticleClik here to view.
Letterpress tutorial in Fireworks
Letterpress effect created in Adobe Fireworks The letterpress is an effect taken from the printing world where text is machine-stamped onto the paper or card so the words are physically pressed into...
View ArticleHow to remove an image background using Adobe Fireworks
A very common task for any web designer (and I’m guessing for a graphic designer as well) working on designing a website mockup or comp is to place imagery within the design, and more often than not...
View ArticleHow to fix Compass app lock file SCSS problem in Dreamweaver
If anyone out there uses the Compass app to write SASS with Dreamweaver, may notice that the SCSS files gets locked out and the only way to fix this is to reboot your PC. Quite a big pain in the arse....
View ArticleClik here to view.
Microsoft HTTPAPI/2.0 use Port 80 – Cannot Start WAMP Apache
Just had a very weird problem with MAMP for Windows 7 where Apache all of sudden could not bind onto port 80 for no reason and the Apache service was refusing to startup. I ran the port 80 test in...
View ArticleCrop WordPress post thumbnails from the top
I have just been going through the process of auto cropping featured image sizes so they all look same size on a site I’ve been building recently. I was using the “hard crop” parameter of the...
View Article
