Web Design Tips, Tutorials & More!

Web Design Tips Archive

Though some web designers believe that Tables are a superior tool to CSS in designing lay out, this opinion is in the minority.  Though CSS cannot be used to structure a website in itself, HTML or XHTML, should be used for this, it still should be the tool of choice when it comes to lay out for your website. The download times with CSS are much faster than table lay outs.  The reason for this is that when a table downloads, it carries far more amount of junk markup than CSS.  This, as you can imagine, creates a much slower download time.  A table which comprises of 140 lines of code, roughly equates to cascading style sheet of around 50 lines of code. Additionally, CSS …

Read Post

As CSS gains in popularity for its numerous advantages in constructing layout, it is important that as a designer, you get your head around some of the fundamental elements of cascading style sheets.  Pseudo-classes and pseudo-elements, are necessary concepts to understand when developing a website, using CSS. The main reasons for this, is that pseudo-classes and pseudo-elements, provide the capability for manipulating text in a paragraph, and can do this to the individual letter.  This creates numerous possibilities for creativity in terms of style, feel, and appearance, as well as opening possibilities for better navigation in a website. CSS supporting browsers, automatically recognise the special “classes”, and “elements”, that are pseudo-classes and pseudo elements.  Incidentally, the browser recognition is not part of the markup language, …

Read Post

CSS has some great admirers among the web community, and many developers are using CSS to great effect in more creative ways.  If you are yet to come across CCS, there is no doubt that you soon will.  What follows, is a guide on some of CSS’s basic syntax rules. Selectors, are elements that are linked to a particular style.  It is worth remembering, that any HTML element is a possible CSS1 selector. In the following code, the selector in   A {text-indent: 5em}    is A. It is possible for an element to adopt different styles, because the selector can have different classes.  The following example shows how a designer can display particular code in a different color. Code.html  {color: #191970} Code.css    {color: #4b0082} Here we …

Read Post

SEO, or search engine optimisation, is an important element in any web design.   The most popular search engines are geared towards searching for text, and though it is said that a picture conveys a thougsand words, a website’s text will hold the audience to a site, accommodate their needs, and if it is the aim, sell them something. The idea behind SEO writing is to include the same phrase, or word, a few times in the text, so that it is hi-lighted on a search engine’s search, and therefore generates traffic for the site.  The searchable phrase or word, is known as the keyword.  The trick for any SEO writer, is to ensure the text retains interest, and relevance, and the balance of the writing, …

Read Post

Rule number 1 in web design folklore, is to keep a website fast loading.  It is no secret that websites lose their audiences by slow download times, and this is, as we all know, bad news.  You, as a web designer, have a duty to keep websites loading as fast as possible.  This keeps your customers happy, and your customers audiences happy.  So, how is that achieved?  Images, make web pages load more slowly.  So minimise there use.  Try and make the site as HTML orientated as possible, as this will download much faster than imagery.  The big hitters such as Amazon and Ebay, use HTML as much as possible to keep download times fast. It is possible to optimise images to make them more …

Read Post

Flash, is becoming something of a controversy in the web community.  On the one hand, there can be no doubt that the eye catching website that left you gasping in awe, was probably created entirely in Flash, and that it has clever online applications.  The games you play now and then at work, ahem, were probably all made using Flash.  Online data collection for millions of users, also fall within its capabilities.  So why then, with all these advantages, do the web community feels it must constantly ask the question, Flash: To use or not to use? Though the aesthetics benefits of Flash are clear, the practicalities of using it, are far more vague.  Websites designed in their entirety using Flash, suffer greatly from poor …

Read Post

There are plenty of blogs that tell you how to do this, and why you should be using this, or why this development language is the next best thing, but not many tell you what you should not be doing. Here are a few pointers you avoid incorporating into your website, and the reasons why. This is especially applicable to business websites, but it is also sound advice if you have a website with a different purpose. Do not create a site that has little or no text. Text is picked up on search engines, and can draw traffic to a site through SEO writing and the like. Fancy graphics are fine, but no search engine in the world will find them. Another little tip …

Read Post