Handicons icon pack

Throughout a lot of my motion design work I find myself needing different hand icons; perhaps a hand pointing to something, or swiping on a phone screen.

That's why I've made Handicons! A set of 30 different hand icons, take a look at the preview:

A set of 30 hand icons

The set is available to buy from Gumroad - as a special treat use the code thomas10 for 10% off!

New website for the InnerVision film

Phew! It's been a busy couple of weeks for me, I've been down in London on a freelance motion graphics project (more on that later), but before I left I managed to work on a great project: creating the website for the Inner Vision film.

website design for inner vision film

A new website design

Well it's more of a design refresh than anything else! If you haven't visited the site for a while you may notice some slight design changes here and there, I thought I'd write a quick post to run through the changes.

Let's start with the portfolio design - there's only a few small changes here, primarily in the width of the overall portfolio. The project tiles will now extend further across the page to make better use of larger screen sizes and help showcase my design and development work.

Freelance Tip #1 - Side Projects

I've been freelancing full-time for a couple of years now (I freelanced part-time while at Uni so I've actually been doing it for quite a while!) and in that time there's been a fair few ups and downs. As a result I've decided to put together a couple of blog posts on freelancing, nothing major just a few tips that I've found useful while working freelance.

Elementary - Drupal theme

I've finally had some time to start work on a new Drupal theme which I'm hoping to contribute back to the community. I've decided to call it Elementary, and my overall goal is to keep things as simple as possible & focus on written content above all else which I'm hoping will make it ideal for blogs.

An early screenshot:

Website bookmark icons for different iOS devices

A couple of years ago I wrote a short post on how to create an iPhone bookmark icon for your website which would appear if someone were to add your site to their homescreen. That post is getting on a bit now (the screenshot alone shows just how the UI has changed) and now there all sorts of new devices and perhaps more importantly: resolutions to consider when creating an icon.

JavaScript-less social share links

Social sharing widgets are everywhere these days and on a growing number of sites they even follow you down the page just so you're blatantly aware of where they are at all times.

As well as just being visual pollution on a webpage, these widgets are resource heavy too, chocked full of extra JavaScript which needs to be loaded for each individual widget - all of which slows your site down!

This is an issue I wrote about in my recent website redesign post and after seeing this tweet :

Introducing: Block - a simple tumblr theme

Today I submitted my first Tumblr theme: 'Block' for review. (I named it 'block' because the main navigation is quite block-like as is the general structure of the overall theme.)

My new website design

This post talks about the latest iteration of my site design and the steps I took in order to produce it. It’s not really about the code I used to create the theme but more the rationale behind the various decisions made, the thoughts running through my head and some general issues I had with my old design.

The main points will be covered as follows:

GotBrief - a site to fuel your creativity.

Over the past couple of months I've been working on a self initiated project: GotBrief.

After attending Build 2011 I was inspired, truly inspired by the various talks and events which took place over the course of the conference. So inspired infact I decided to actually go out and build something, something which would hopefully inspire and help others to go out and create something too.

The new twitter design

Twitter has today launched a major new design of their apps across the board. Interestingly the announcement on http://fly.twitter.com came with a call to download the official mobile apps in order to get access to the new design on your computer, was this to reinforce a mobile first approach? Or perhaps it was just a ploy to get people back into using the official twitter app? Either way, I updated the iOS app & hey presto! The new web design appeared almost instantly.

Website overhaul: new design and development

Last week I released the latest version of designedbythomas.co.uk. If you ever visited the old site then you will see there has been quite a drastic change to the overall theme and structure.

Microsoft urges you to stop using Internet Explorer 6.

On Saturday I, like many other web designers and developers, woke up to some rather pleasing news: Microsoft has started a campaign to finally say goodbye to Internet Explorer 6 (IE6).

The campaign site: ie6countdown.com shows a worldwide map and statistics of the current usage count IE6 is sitting at. As of Feb 2011 the magic number sits at 12% usage worldwide (down 9% on the previous year), with the ultimate goal of reducing this number to less than 1%!

Using CSS3: box-shadow to create a photo vignette.

The CSS3 property: box-shadow allows you to create simple drop-shadows on block level elements within a webpage. The box below shows this effect in action:

.selector{
box-shadow: 
x-direction
y-direction
blur-amount colour;
} 

The box-shadow property also allows you to place the shadow within the element using the inset value, this allows you to create some pretty cool effects including: photo vignettes.

Website design inspiration: designfridge.co.uk

I think we all need a bit of inspiration once in a while, regardless of the field you work in! It is always useful to find a consistent source of inspiration which you can admire whenever a creative block forms over your head.

Not long ago I came across designfridge - a brilliant collection of various different websites and website designers all packaged into a cool clean site.

Website design project finished: Andy Hudson Music

I am very pleased to announce a brand new website design project: andyhudsonmusic.com has just gone live!

The website is part of a complete redesign & rebranding project which aims to increase Andys online presence as well as giving him a more professional and refined brand image to operate under. As well as a new design the new website also comes with increased functionality which gives Andy the ability to easily upload his music tracks to the website himself.

My new Behance profile

I recently came across the site: behance.net - the site showcases creative portfolios and work from various people all over the world.

At the moment you cannot simply signup to the site, I am not sure whether or not this will change in the future but at the moment you can register interest in the site then be invited to join it. I registered my interest in the site and within a few hours was invited to join so it was quite a quick process.

Is this is it for Internet Explorer?

In my previous blog post on website design & cross-browser support , I brought up the issue of cross-browser support and the main challenges for website designers trying to acheive the same site in all browsers - most notable Internet Explorer 6. Now, it seems that problem may be about to be resolved.

A useful tool for website development & cross-browser support

A major aspect of website design & development is cross-browser support: making sure your website looks and feels 'roughly' the same in different web browsers running on different operating systems.

New Testimonial: The Customs People

I am delighted to announce a new testimonial from: The Customs People.

Finished: The Lancaster Award

I finally handed over the Lancaster Award site last week just in time for freshers week.

The whole project has been a really good experience right from the word go! The Lancaster Award team were a really friendly bunch of people to work with and I would gladly work with them in future.

The project didn't just involve the designing and building of the website, there was also an A5 leaflet and digital booklet to accompany the award to provide students & site visitors with more information.

Student? Jobless? Enter: Student Gems

I have had a such a good experience with this site that I thought it deserved a blog post:

About a year ago I was introduced to a wonderful site: studentgems.com - a brilliant site for all students looking for part time work.

The site is so good because it allows students to advertise their own individual skills to employers and allows employers to search for students based on the skills they need!

"Where Am I Based?"

As a freelancer I am currently not fixed in any one location for work.

For the past 3 years I have been primarily working in Lancaster as I worked towards my degree.
(I recently received my results for the third year and was very very pleased to have acheived a 1st!)

In the academic year 2009/10 I will be completing what will probably be my final year at Lancaster University, hopefully graduating with an MSci in I.T. & Media Communications.

Completely New Site

Welcome to the new site design!

I recently updated my site from Drupal 5 to Drupal 6 and to go with it I created the new theme you see before you.

Instead of upgrading from D5 to D6 I decided to make a fresh start. My old site had a lot of unnecessary modules & themes installed as well as unwanted content from when I first created the site. For all of these reasons I decided simply to create a whole new site, delete the old database and content and start with a new fresh install of Drupal 6.

Zen Sub-theme Error

The great thing about Drupal is that it comes with a variety of themes available to download. If, like me however, you want to carve out your own theme then there is an incredibly useful way of doing this: the Zen theme.

Zen is a perfect starting point for anyone who wants to give theming a go for Drupal sites. It is well documented and within a few easy steps you can be on your way to creating your own theme.