Web Design & Development

Archive for the ‘Web Development’ Category

jQuery: Fade Out, Change Content, Fade Back In

Tuesday, July 15th, 2008

I’ve been searching for a jQuery function which when a user clicks on a piece of text, the text fades out, then the original text is replaced with a new piece of text, after that the new text is faded in, and couldn’t find one. So decided to make my own.

I have now updated the function, making it use ques rather than relying on the setTimeOut call. If you have any suggestions or questions about the function, dont hesitate to ask me.

I’ve hacked together a first draft. The only thing i am unhappy with at the moment, is that the function relies on a setTimeOut call. The reason this this line is included, is to remove the clicking functionality, it does this by changing the elements ID.

I have included a copy of function below, and an example of it in use.

(more…)

SEO Basics

Monday, July 7th, 2008

Alot of my clients have asked me what is search engine optimisation, and why do i need it? Search engine optimisation is the process of submitting your website to search engines, as well as optimising your website (and its content) to be parsed (read) by search engines.

Its all about getting your website listed on search engines and targeting keywords and phrases to help people find your site. Ideally you want to get your website to top of a search results page. Hopefully this post will help you to achieve this.

This guide will take you through four basic steps. (more…)

Links for Designers & Developers

Monday, May 26th, 2008

I recently wrote an e-mail for a couple of guys that I know from Square Tab. It was a list of links that i have found usefull over the last few months, so I thought i would share these links to the rest of the internet. I’ve split the links into categories depending on the technologies they use.

CSS

The first link i sent over was about the user of media queries in CSS3. Basically media queries allow you to display different implementations of CSS depending on what device the page is being viewed on. E.g. you can say if your screen is 800px wide, display this otherwise display this. Its got some more advance stuff, but that was just a simple example. Anyway heres the link:

(more…)