Skip Navagation

Full On Design

A Web Development & Technology Blog

 

Programmers are…

Programmers are…

Programmers Are...

Big thanks to Dan for showing me this ^^

Making Zebra Stripes with CSS3

Zebra Stripping is the technique of having different colours per each line on a list. It generally is considered to help users read large tables of information; however there is evidence suggesting the effectiveness of zebra stripes is somewhat overrated. Having said that, in CSS3 it’s very easy to implement so it’s worthwhile adding.

To add Zebra Strips to a list, all you need to do is adding the following pseudo-class to the end of the CSS element you wish to edit:

ul#example_list li:nth-child(odd) {
 background-color:#FFF;
}

Read the rest of this entry »

Creating More User Friendly Forms with jQuery

Create forms on a web page is relatively simple, however what most developers forget is the golden rule of usability, “Users are Idiots”.  In a large number of websites they fail to provide a clear indication of how a form field needs to be formatted. Some even seem to even forget to clear the field when the user clicks into, which is really useful if your website has users with motor skills.

Here is a really neat piece of jQuery I use to make forms a little easier for users which takes little work to integrate (Just copy and paste before the tag).

Read the rest of this entry »

An introduction to jQuery

JQuery is a JavaScript Framework intends to decrease the time it takes to code the user enhancements; a website should always be able to work without JavaScript. JavaScript is just to improve the user experience.

Key Advantages of jQuery

  • Very easy to learn and code. If you are familiar with basic JavaScript and CSS you should be able to pick it up quickly.
  • A wide range of plugins available thanks to its large development community.
  • Its cross browser compatibility is great. The same code will be able to work in Firefox, Chrome, Opera, Safari or even IE6.
  • JQuery has fantastic documentation, which has a Firefox search engine plugin.

Unfortunately there is one disadvantage with jQuery. If a developer incorrectly utilizes it, the page loading times will drastically increase. This is mostly down to a developer adding lots of plugins without considering the total bandwidth required to send the data.

Read the rest of this entry »