Blog

Posts Tagged ‘Tutorial’

Don’t squish them! How to resize images for your blog – using a free tool called “Resizr”

Sunday, June 12th, 2011

I have been testing some free online tools for resizing images without needing Photoshop. You can watch the screencast and follow along – the website we have been using is Resizr” and you can find it here at this very strange URL
www.esizr.lord-lance.com. This is a very simple tool to use. You just load the image – type in the pixel width you want and then click “Resizr” – so simple!

We like to keep images to be the same width as our blog posts.

There are 3 reasons for this:

  1. This looks neater
  2. It means the images are nice and big and easy to see – makes the posts look so much nicer!
  3. It’s just more professional!

I also go one step further (I was feeling really generous!) and show you how to put the image into a blog post!

Enjoy the screencast!

Quick ways to update your website

Monday, July 5th, 2010

So, you have a website, but you feel it needs a bit of freshening up? A bit of an update? But you don’t want to spend shed loads of money giving it a complete overhaul right now?

Quick Ways to update your website

We here at Top left Design have complied a short list of a few tips and pointers that might help you put that little “pop” back into your website! It might be that you just need something really simple,  like updating a few images, changing a link or a new logo! It’s all in the details! (more…)

8 Ways To Increase Your Browser Productivity

Tuesday, May 11th, 2010

We all know that web browsers are getting faster. So what can you do to keep up with them?

8 ways to improve your browser productivity

There used to be a time when you might have waited 3 minutes for a webpage to open.

Then we got broadband.

Then we only had to wait an average 10 seconds for a page to load.

Then we got Firefox.

Now our new browsers such as Google’s ‘Chrome’ not only load the page in a split-second, but the programs themselves open almost instantaneously. Plus they can handle a metric ton of ‘tabs’ and not slow your computer down in the process!

Here’s 8 tips to give your web-surfing a steroid boost
(more…)

4 steps to make a custom 404 error page

Friday, March 19th, 2010

Welcome to my first tutorial!

In this post, I’ll be showing you how to make your very own custom 404 error page!

Time needed: 30 mins + any time spent designing the page itself
Necessary resources: Notepad, Site FTP access, coffee
Optional programs: Photoshop/Illustrator (for design of the page), FTP Client (for easier uploading)

TLD 404 Page

A custom 404 page is not only a way to expand accessibility on your website, but it also shows that you (or your company) has attention to detail, and can be a way to inject some humour into a website!
(more…)