How Big is a web page
June 25th, 2009
With the prices of conputer screens zooming down people are buying larger and larger screens. So this has made a problem for webdesigns. What screen size should we cator for. Well there are many ways people get round this problem.
Websites dont have to be fixted width. Some webdesigenr use ‘liquid layouts’ which expand to fit your web browser. Other use ‘elastic layouts’, which expands base size so it is easy to zoom in to change the font size.
If your webpage is larger then the visitors screen they will have to scroll eather way to see the hole website. This is why such things as liquid layouts have been created.
None yet
Introducing Javascript
June 18th, 2009
If you create a fantastic web page with HTML and CSS you will always think of new ways to improve it and make it more fun to use. In that case you’ll probably use Javascript.
Javascript is a programing language that you can use to control your webpage and the way it behaves. In the same way CSS controls the look of the web page.
You’ve probably seen quie a bit of Javascript in action with out realizing it. Javascript is often use on menues and navagation. The only problem with this is that Javascript can not be user friendly if not used correctly.
In the last 2-3 years i have had no pop ups because most browsers and security programs stop them. But before then you will properly remember when you would get pop ups advertising on thing or another.
Beware – Javascript is not the same a Java they are two different languages witch are similar. Javascript inventors called it Live script when it was created but rename it as a marketing ploy when Java became popular.
only 1
Tracking Down A Font
June 15th, 2009
To follow up on my post yesterday i would like to show you a great tool i found for finding fonts.
Many a time i would visit a website and see a nice font and wonder what the name of the font is. Well that problem is now over. I discovered a post on a designing website witch counted down some freelance tips and this link was one of them. I think this website is a very quick way of find the name of a font witch you could may be use one your own website.
The website is http://new.myfonts.com/WhatTheFont/ To explain how the website works i have used one of there examples provided.
After the image has been uploaded it will split the image up.

After this you click continue and then a result of possible fonts will be provided. This tools is not 100% correct but it is very helpful ad saves a lot of time asking people and trying to track down a font.
The website says that you follow the tips below:
- Try to get the text as horizontal as possible.
- Letters should be around 100 pixels tall in your image
- Make sure letters aren’t touching each other.
2 so far
The Art of Typography
June 14th, 2009
We use words because they mean something to us. But its not just the dictionary definition of a word that affects our understanding of it. The way the word is shaped influences the way we interpret the words.
Good typography should look attractive, but it should also help the reader to use the words on your page. Typography can add structure to your web page. As many designs say “the web page should be designed for the content not design and then the content added last”. The idea of typography is that it brings the page together.For example, when you open a page the first thing you will probably look at is the title because it normally larger and heaver then the other content on the page. Then you will probly look at the other text on the page witch stands out due to its color and font.
The most used way of getting the users attention is to use ‘Bold‘. As it is darker then the ordinary texto so you’r eye’s are drawn to it.
On the latest Boagworld Podcast they talk about typography. Below is a extract taken from one of there interviews.
Mark: So, there’s a couple of psychologists, a few years ago did a study where they had a jam stall and they had 26 varieties of jam and nobody bought any and then they reduced the jam varieties down to six and sales increased by 10 and it’s just the choice.
Paul: Even as a designer you can, you can open up Photoshop, look down that font list and go “crap!”
Paul: You could almost be overwhelmed.
Mark: Well, yeah.
So as designers we are faced with the quastion ‘what font do we use and why’. Well as Paul Say’s You could almost be overwhelmed. This is true becasue there are so many thousand fonts out that and you don’t passably need that many. All you need is the kind of font that does its job.
So how do you decide what fonts to use.
Well there are many resources in books and online witch explain what fonts do what purpose. e.g. Garamond gives a professional look unlike RickysHand which gives a friendly look. But we need to learn why we cart use all fonts on the web.Well we carnt always use fonts that we would us on print on the web. For most operating systems, there’s a very limited set of fonts that come preinstalled. These fonts are usually the most commonly used fonts across both major OSs, and on the internet – staples like Times New Roman, Courier, Helvetica, and various other serif fonts.
When i have found a font what do i need to cheek?
There are three main things you need to do when you have found a font that you think is suitable for your website.
First make sure of its size. This can be determined from common sense and also your target audience. If you know you are getting older visitors make sure that it is easy to adjust what size the font is, or just have it on a large size anyway.
Secondly you need to make sure the contrast is correct. Its best if you make sure the colors go well together and are easy on the. A good example of what now to do is green and red witch will often be hard to read and look at.
And the last is leading. This is increasing the space between the lines witch can slightly improve the legibility of your text. This is very easy to do in Css. The code is – body { line-height: 1.5; }
2 so far
Ugly websites make money
June 12th, 2009
If you dont have a good concept, a workavble business model, an easy to use website, good quality content, marketable products, good reputation, you are most likly fail no metter how good the website looks.
Design ugly websites does not mean you will make money. But if you conply a good well designed website with a well worked busines model and the rest you will do well.
The trick is to try and design a website so it would succeed even if it was ugly – and then make it attractive after words. The looks should be like the icing on the cake.
Top Tip
Websites that focus hard too hard on looking good, at the expense of being useful and easy to use, will often fail.
only 1
Increase Efficiency
June 9th, 2009
Specifically, poor email management is likely the greatest time waster around in the average business setting. Consider these suggestions to improve email efficiency:
· Turn off the distracting chime when new mail comes in and, instead, set aside specific times to manage email. Dropping everything to answer each email message is very unproductive.
· Use a good spam filter with a low “false-positive” rate so that spam messages are recognized but real message are not.
· Use a short and relevant subject line – it is the most important part of your entire message in terms of getting it read by the recipient.
· Deal with each email message when you read it. Delete, respond, or tag to deal with it later. Don’t let email stack up in your Inbox.
· File the email messages you decide to keep in sub-folders with the goal of keeping your principal inbox empty. Many people have a long list of message in their inbox, making it a significant time-waster in trying to find old messages.
Pay attention to ergonomics (an adjustable chair, the correct keyboard/monitor heights, and use of a telephone headset). This will protect against repetitive stress injury and will make you more efficient as you interact with technology tools.
Try a VoIP (voice over internet) phone if available to you. Not only is it less expensive, you gain computer tracking tools and the ability to receive voice message via email.
None yet
Customized maps in 3 easy steps
June 6th, 2009
1. Open the map you want to embed. It could be a map you created under my maps tab, or a search for address, local business or driving directions.

Copy the HTML code from the textbox after clicking “Link to this page”. You can also customize the size of the map and preview it before embedding.

Paste the HTML code into your website or your blog editor.

Your page with the embedded map will look like this example. To learn more, see theGoogle Maps user guide.

None yet
10 Helpfull Userbily posts
May 31st, 2009
I have seached the Internet to find some of the best articles and posts about userbilty.
Ten Usability Tips for Web Designers
http://www.webdesignerdepot.com/2008/12/10-usability-tips-for-web-designers/
Weblog Usability: The Top Ten Design Mistakes
http://www.useit.com/alertbox/weblogs.html
Ten Tips to Improve Web Site Usability Testing
http://www.smileycat.com/miaow/archives/000166.php
Thirty Usability Issues To Be Aware Of
http://www.smashingmagazine.com/2007/10/09/30-usability-issues-to-be-aware-of/
How to make your website load faster?
http://rauru.com/7-usability-tips-to-make-your-sites-load-faster/
Five Basic but needed userbilty tips
http://www.futurefirst-sem.co.uk/usability-tips.aspx
Usability Principles to guide you through the Web Design Maze
http://www.humanfactors.com/downloads/10tips.asp
Five Tips for Good Usability (Older Post)
http://www.blueflavor.com/blog/2007/dec/13/five-tips-for-good-usability/
Ten Way’s to Improve Web Site Usability Testing
http://blog.eukhost.com/webhosting/10-tips-to-improve-web-site-usability-testing/
Nine Effective Tips For Improving Your Website’s Usability
http://www.thaidoweb.com/2009/04/15/nine-effective-tips-for-improving-your-website’s-usability/
2 so far
RSS Feed
May 30th, 2009
What is RSS? (http://www.whatisrss.com/)
Our RSS Feed
- Years worth of hosting
- Creation of a blog
- Creation of a website
- £££ of vouchers for relative website
- Money of vouchers
We think the Competitions will stat at the start/to the middle of the summer if we get more RSS readers. We have not realy advertised our RSS feed before but know we have made it easy and even rewords for following our RSS Feed.
Thank you for read.
None yet
Fonts & Text
May 27th, 2009
Color and Typography in Good Design - As mentioned before, color can often be underestimated in certain aspects of design, and perhaps the place it is most often overlooked in is when styling text. Use this color and typography tutorial to learn the basics of what and what not to use when picking font colors.
51 Text Effect Tutorials - On the web, everything can have an “effect” placed on it, and fonts can be styled as well to add some extra flair to your pages. Design Vitality looks at 51 text effects to help get you started.
10,000 Free Fonts - SO many designers feel stuck using the same old default fonts available in many of the programs we use everyday. Liberate yourself with over 10,000 free fonts available over at Shofont.net.
Top 500 Fonts on the Web - Just in case you’re not so confident in what font you should be using, it’s never wrong to look at what everyone else is doing (heck, that’s what the web is all about!). Take a peak at the top 500 fonts being used right now all over the web.
Web Page Readability - This insightful article covers some of the common mistakes still being made today in regards to text readability on the web, and delivers the secret color combination you may be surprised to hear about.






