Well this can be done extremely easily, simply place :

 ™ / ™  for trademark

 ® / &#174 for registered trademark

 © / © for copyright

Enjoy!

In a nutshell it graphs off all of the events that occur when the page is being rendered. You can set specific events to be displayed or all of them.

Anyhow, definately a must have for developers. Download it here .

Unfortunately it’s currently not available for firefox v3… doh!

Either way you can’t deny how many of the add-ons now available for firefox can help you in your day to day development work.

I’ve compiled a list of my most used, what they do and where you can get them from.

Firebug

If you haven’t got firebug installed and your a web developer you need to get with the action. It has helped me out countless times, from Javascript errors and debugging CSS to basic inspection of HTML. You can even edit the CSS and HTML on the active page you are browsing.

Furthermore the add-on will display the active element on page with a coloured box when you are inspecting it in the code, also displaying the CSS related to the element and the html.

Inspection can be done either on the HTML source itself or by mousing over the different elements on the page.

You can download it from GetFireBug.com

Web Developer Toolbar

This is a tool which does exactly what it says on the tin. It has some great little utilities that you will find useful if your a web developer. Here are just a few : Clear Session Cookies, Display Full Size Image Sizes, Disable Styles, Edit CSS and so much more.

You can get the add-on here.

MeasureIt

This is a ruler tool. It works by measuring the pixel size of anything on the page. It’s great for debugging and also for when you need to know the specific size of an area. Preventing the need to do those messy copy and pasting routines into photoshop to get the size of something.

You can download it from here

ColourZilla

This is a great tool when you are trying to replicate certain colours on a webpage. You can simply activate the eyedropper tool and it will display the colour of the element to you. An absolute time saver. Again stopping silly routines of screen printing into photoshop. There is also a Zoom utility as well as a few others.

You can download the extension here.

HTML Validator

This tool is for those perfectionists out there. W3C Complient sites are a key to a good website and what better useful tool can there be than one that will check the site your browsing for errors.

The details of the errors will be able to be analyzed when viewing the HTML of the page.

This add-on will save you time browsing to W3C all the time, it’s a must-have for developers or anyone deploying websites.

The built in SGML parser (1 of 2 available) is the same one that is used on validator.w3.org so it can’t be bad. The add-on is also available in 17 different languages!

You can download it here
These are the tools that i have on the go in my firefox browser, the fudemental reason for installing them is for time. If these tools can you save you time, you have more time for doing other stuff, like making great websites!!

Don’t forget you can browse to the Firefox Add-ons homepage and search for add-ons that are relevant to your needs and if you think your up to the job of programming your own extension.

Here is a list of the top tools that are on offer by Google and how they can be of benefit to your website.

Google Adwords - An extremely popular service. This let’s you create keyword advertisements that will be displayed on the right hand side of the search result page of Google.
What does Adwords actually do do?

Well it’s basically instant traffic for a fee. You specify an amount you want to spend on using adwords to advertise, then you create a campaign that has certain keywords associated to it. Then whenever someone types in those keywords into Google your ad will be displayed.
They are also featured around the internet on content sites, this is done by the Google scanning the content of the site and finding adverts that match these topics.
The ranking and display frequency of your advert is dependant on what you are willing to spend on your campaign. These are predominately aimed at the ecommerce retailers but more and more there are becoming campaigns centered around companies providing services, i.e. Website Design.

Google Adsense - Another very popular service/tool of Google is adsense. This is for the webmasters of content sites (i.e. information based, blogs etc..) to make some cash from advertising on a pay-per-click basis.
A user signs up and then will be able to display random ad’s or choose ad’s suitable for their website to display on their site.
Google will scan the site and make sure the advert is related in someway to the content of the site, unless you have picked the adverts to display yourself.
Each time someone clicks on one of these advertisements the webmaster makes a bit of money.
Google have also introduced image based adverts (as opposed to their original text-based links) as well as referrals which can again give value to sites receiving a decent amount of traffic.
 

Google Analytics - This is more than likely the most popular service that Google offer. In a nutshell, Analytics lets webmasters monitor the traffic to their website.
It works by placing a bit of javascript on a part of the page that will be displayed on every page of the site (i.e. footer) then each time a page on your site is hit, data will be sent back to Google.
The list of what you can monitor is endless, from visits, geographical location, traffic source, content the user looked at. That is the basics, there is so much more in the package than just that and will take a bit of time to explore. This is a must-have for all websites.
 

Google Webmaster Tools - This tool is probably the least well-known of Googles. This service lets you analyze your websites relationship with Google.
It let’s you submit your sitemap for indexing, see how frequently the Googlebot accesses your site, look at statistics of top search queries and where you rank in Google for those terms.

Also, you can check what pages are being indexed, see how many pages are indexed and even create a robots.txt if you haven’t got one already. You can even check your PageRank for pages on your site. All for free?

Definately a tool worth having if you are working on your SEO.

I haven’t gone into super detail about each tool much on this blog, but these can all together help you with advertising, analyzing traffic, pay-per-click revenue or just to see if your site is getting any visits other than your own.

The great thing about Analytics,Adsense and Webmaster Tools is that they can be of benefit to your site for free.

That’s why I’ve decided to write my first blog on Research & Development. R&D being an integral part of the long-term success in any business, especially anything to do with the Internet.

Everyday the Internet is changing. New websites are now a part of everyday life. I’m forever hearing about this “amazing” site, that is going to amaze me in some way, shape or form.
But, it’s not the new websites that amaze me so much, it’s the existing ones that unleash a whirlwind of brand spanking new technlogy on the user that i like. R&D is for the long-term business, making their product(s) that much better than the rest.

Well for existing brands like myspace, R&D is essential. How can they sustain millions of users? What’s going to stop the user from getting tired of the same monotonous structure. Well further development of their existing structure ofcourse. With something that not only “WOW’s” the user but actually increases their user experience. Making their internet experience slightly less of struggle.

Myspace have recently added a whole lot of new functionality to their website. Adopting many of the facebook conventions. So what have they done here? They’ve identified key market competitors, found out what their strengths are and then embraced them into their existing site.

Without r&d this wouldn’t of been possbile. If myspace worked 24/7 on the maintenance of their site, fixing bugs and generally enjoying life on top, they’d be in for a bumpy ride.
It’s hard to get to the top, but to stay on top is going to be an even bigger challenge.

This is where we begin to get to a definition for r&d (with regards to websites). In my opinion r&d should bring two things to the table.

First and foremost, modern technology that knocks the user off their chair. End of. There’s no point implementing it if the user can’t even notice it.

Secondly, introducing this new technology should bring speed. Speed is critical. I believe every single internet user hates having to wait for a single second more than they have to and us developers are here to try and keep that to a minimum.

This is what r&d SHOULD do. Bringing character and life to what should be an enriching web experience. Far, far away from being slow and boring.

In short, “The web changes and so should your site”.
Right, so the first blog is done. With many more to follow. Apologies for the length but it’s a topic i enjoy….

I leave with this question, Where would we be without R&D?

So it’s back to basics.

A couple of posts that i had saved will be re-posted, but apart from that it’s time for some fresh content.

Let the blogging begin!!