Skip Navagation

Full On Design

A Web Development & Technology Blog

 

Coding

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 »

4 Free Tools for Cross Browser Testing

Building a website is not difficulty, but making it look perfect in very browser is almost impossible.  Here are a few essential tools to make cross browser testing a little easier.

IETester – Internet Explorer is a pain to build a website on, mainly because standalone versions are difficult to run on Windows Vista and Mac. This little tool makes testing your website on multiple versions of Internet Explorer a breeze.

IETester

IETester allows you to compare you website in Internet Explorer Versions 5 to 8. Its interface is easy to understand and while there is still work needed to be done on it, I would be surprised not to see it on every web developer/designer’s desktop.

iPhoney – Lots of users are now browsing the internet on their iPhone. It makes sense for webmasters to make sure their website works correctly on the small screen.

BrowserShots – BrowserShots is quite famous for allowing designers to see their websites is lots of browser (in the region of 93) on major OS’s.  The main disadvantage though is that you have to wait over an hour to see the screen shots.

IE NetRender – Similar to BrowerShots, in terms of a web based screen grab service. But this website does not require a wait of up to an hour to see a screen shot. However, it does only support Internet Explorer.

Firefox 3.5 – What it means for Designers and Developers

Most of you may have noticed that Firefox 3.5 has just been released. Here is a quick overview of what new features and improvements it has:


View Video On YouTube

Spread Firefox Affiliate Button

Key Features

  • HTML 5 – Essentially this means more people will be able to support markup such as the video tag and footer tag, which makes the internet a more indefinable place. We can also stop using those annoying tags to play flash videos (Which normally causes invalid code).
  • TraceMonkey JavaScript Engine – This makes our JavaScript run faster, which means we can use jQuery less sparingly.
  • Geo-Location – We can easily localize our users experience.
  • More CSS Features – Mainly the ability to download fonts, which gives us more freedom with typography.
  • If you want to read in a bit more detail the new features of Mozilla FireFox 3.5, take a look at Firefox 3.5 for developers.

    Socialize This V1.5 – Coming Soon

    Just a quick notice, I’m currently working on Socialize This V1.5 and it’s coming along nicely.

    New Features:

    • More pre-bundled icons (More of the new icon sets is made by @KirstyBurgoine)
    • Better Icon Management – More power over the icons on your site.
    • Better Social Networking abilities.

    If there is anything you want added put it in the comments.