FREE Clipboard Icons

Yes, another freebie icon set, hand crafted by Tidy Design. Are you looking for a flat clipboard icon with a list, some stats, a graph or tick?

free-clipboard-icon-set-flat-png
Download Icons

These FREE clipboard icons can be used on commercial or non-commercial projects, all we ask in return is not to re-sell or distribute our work via any third party websites. Like them? Please link back to this post our FREE Stuff page, help us spread the word, sharing is caring… We hope you find a home for these tidy free clipboard icons, thanks for visiting!

FREE Music Icons

Looking for FREE music icons? Cool, we have created a music icon set for you to download; it includes a microphone, iPod, speaker, sound bars…

free-music-icons-flat
Download Icons

You can use these free music icons on both commercial and non-commercial projects, all we ask in return is not to re-sell or distribute Tidy Design FREE Stuff via any third party websites. Please be awesome and add a link back to Tidy Design if you use these icons as part of a web or graphics project… You will find even more freebies on our FREE Stuff page – Enjoy!

FREE Profile Icons

To celebrate its Friday we have created some FREE profile picture icons. These FREE icons are ideal placeholders for staff or user profiles, enjoy!

free-profile-icons
Download Icons

Please note all Tidy Design FREE Stuff (including these super awesome profile pictures) can be used on both commercial and non-commercial projects, all we ask in return is not to re-sell or distribute our work – If you decide to use these icons as part of your web project then please remember; sharing is caring, please tweet or post a link to this page…

FREE Arrow Icons

Earlier today Mr Blayne Phillips created a FREE Arrow Icon set, these (along with a few other freebies) have been added to our FREE Stuff page…

free-arrow-icons
Download Icons

Please feel free to use these FREE Arrow Icons on both commercial and non-commercial projects, all we ask in return is not to re-sell or distribute our work. If you like what you see then please link back to this website or give us a mention on twitter, this would be appreciated and spur us on to make even more freebies…

If you have any requests or ideas for our FREE Stuff page then why not post them below, we will always do our best to accommodate. Thank you for visiting, until next time – keep it tidy!

FREE Christmas tree icon

It is that time of year again; emails regarding Christmas 2015, site updates, marketing and festive promotional offers have officially reached my inbox!

free-christmas-tree-flat-icons
Download Icon

With this in mind I decided to create another Tidy Design freebie, a flat Christmas tree icon set for you to download and enjoy… This FREE Christmas tree icon can be used on commercial or non-commercial projects, all we ask in return is not to re-sell or distribute our work via any third parties.

Please tweet or tell your friends about us using the social links below, for more awesome freebies check out our Free Stuff page.

Becoming VAT Registered

It is out of our hands – We are finally VAT registered! As of the 1st August 2015, Tidy Design (a trading name of MJWARD UK Limited) will become VAT registered. We hope that this will not impact you too much, but we are aware that for some of you it will make a difference.

www.gov.uk/vat-rates

www.gov.uk/vat-rates

Over the last couple of years we have boxed clever when it comes to VAT, processes such as month-end allow us to monitor and manage company finances well. VAT has always been in the back of our mind, 20% is a lot for someone that is not VAT registered. On that note we would like to remind you that we are always happy to quote for things, and to always give you an idea of costing, hours and timescales. Our hourly rate is still very competitive and we will always do our best to keep costs down.

As we have always said, we are incredibly lucky to have such amazing and loyal customers, and without you we would not be here at this point. Many things have happened over the past year, not to mention our new staff, new offices and new clients…

VAT is the next big thing for us, a new chapter in a growing business. Thanks again to all our Tidy Design clients (old and new), we truly hope to work with you for many more years to come.

New Projects

tidy-design-offices-portsmouth

We have many different clients ranging from architects and haulage companies to hairdressers and amusements parks. We love the fact that our company is so diverse, and with each project, we get a sneaky inside view to what each company does. Our main breadline throughout the year is continual updates for all of our clients, however when we get a new customer, we always find this an exciting time. This year has been no exception, as we have been lucky enough to have new customers each month so far since the beginning of spring.

tidy-design-website-mapping

With each new project confirmed, it’s like a game of three way tennis in our office. Mike has handed the baton over to Blayne, and he is now the front designer whist Mike deals with customers, updates and sales. As soon as a new design is under way, we all like to pitch in our ideas and opinions. It works well, as we all have something different to offer, although I have been told I’m too bossy…something that isn’t new to me!

rosie-ward-tidy-design

Designing a site is something personal and it takes great trust from our customers’ part when they leave the designing process to us and handing over content and photos that they have no doubt taken hours and sometimes weeks to perfect. With each project, no matter how big or how small, we take pride in everything we do, and we hope that this depicted in our designs.

Rosie Ward

CSS Rotate

The CSS transform property has many different outcomes: skew, rotate, scale, translate etc. Today we are going to focus on the rotate effect, showing how it is used and an example of its use.

We are going to rotate an image 360 degree on hover to demonstrate its effect. A basic page has been set up with the image in the centre:

css-rotate

To rotate the image on hover we will need to add this code to our IMG styling in our CSS. For convenience my styling is in the head but note styling should go in an external CSS file. Below is my styling for the image above.

Rotating the image is actually pretty simple and requires two extra pieces of CSS styling. The first is to add the :hover pseudo class to our img tag. Once we have this in place we can add the transform style. See below:

I have included all browser prefixes: Chrome, IE, Firefox, Opera, to ensure it functions on the up to date browsers. As you can see the transform property itself takes different styles and rotate is one of them. The rotate style uses degrees to move an element, 360deg as shown above rotates the element around once.

The final property that needs to be inserted is the transition property. This allows us to see the element rotate. Without it there would be no smooth transition from one state to the next. See below:

We have added to our previous code above and again included the vendor prefixes. Check it out in your browser and see how it works. Cool effects and styling can be accomplished with the transform property. No need to add hover effects and instead can have more than just vertical and horizontal lines on a page… Preview CSS Rotate

Blayne Phillips

FREE Server Icon

Earlier this year we created several different server icons for a new client. As some of these server icons did not get used, we have uploaded a couple for you to download. Yes you guest it, another tidy freebie…

free-flat-server-icons
Download (PNGs)

Please note these FREE server icons can be used on commercial or non-commercial projects, all we ask in return is not to re-sell or distribute our work. If you decide to use these icons as part of a project, please be cool and share a link to this page – Thank you!

You will find lots more FREE Stuff on our site, enjoy!

Good First Impressions

When marketing a site online you need to remember the importance of a good first impression. Most landing pages will consist of a pretty photo, heading, sub-heading, the must-know information about a service or product followed by the nice-to-know stuff…

wire-frame-web-page

The target audience of your landing page is the first thing you will need to identify and understand; this will determine how copy is displayed. Should you compress data (keep it simple) or be really informative.

Whilst on the topic of copy, try to avoid multiple CTA’s (Call To Actions) on a page. If time/energy is focused on one goal you are more likely to convert. What goal is most important to you – Are you looking for online enquires, sales, customer data, new members, increased brand awareness etc…

A good first impression is very important, below is a page we recently created for a client and his PPC (Pay Per Click) campaign. It takes into account the points mentioned above, offering basic information on a service they offer with a clear call to action.

iso-certification-consultancy

Please do not hesitate to contact us with any questions, the team at Tidy Design would be delighted to discuss and assist in any brand development work you may have. Thank you for reading.