Third-party online resources for web developers

Editing and Troubleshooting Tools

Firebug Resources

Getting started with Firebug

The above links have been obtained from Veanndesign Blog

Firebug Lite for Internet Explorer, Safari and any other browser with JS Support

http://getfirebug.com/lite.html - Simply place the code form a link into your bookmarks as instructed and that's all :)

Xray

Xray - nice element inspection tool that can be used in IE as well as Firefox.

HTML and CSS resources

Great for those beginning in web design -

http://veerle.duoh.com/blog/comments/starting_with_css_and_bug_fixing_tips/

Wonderful resource full of web design tutorials -

http://mashable.com/2008/06/12/web-design-tutorials/

This is a master resource. It has everything in it.

http://www.insidecrm.com/features/100-webmaster-videos-061208/

Very good CSS resource -

http://www.webchicklet.com/css/taking-the-plunge-learning-css/

Good Compilation of Articles -

http://reference.sitepoint.com/html

CSS guide for beginers -

http://www.wpdfd.com/issues/70/css_from_the_ground_up/

Internet Explorer Troubleshooting Resources

Guide to Common CSS bugs and workarounds in IE -

http://www.positioniseverything.net/explorer.html

Here are a few links in case you're not sure how to style a CSS menu (create dropdowns etc):

Cursors

If your cursor is not a hand when you move over the link or you want to change its behaviour then this is the resource for you -

http://www.quirksmode.org/css/cursor.html

Google Analytics

Implementing Google Analytics is usually best done by placing the Google supplied HTML code within a Content Holder, and placing that content holder on the Site Wide Templates or the individual Web Page as required.

Here are some useful links regarding Google Analytics -

http://www.google.com/support/googleanalytics/bin/answer.py?answer=55488&topic=11126

http://www.conversationmarketing.com/2007/03/google_analytics_tutorial_4_wo.htm

http://www.imediaconnection.com/content/21144.asp - Talks about inaccuracy of Google analytics

http://www.5min.com/Video/How-to-Set-Up-Google-Analytic-Goals-116982592 - nice tutorial on how to setup Google goals on your site

Google Maps

Adding custom Google maps script to your site - http://www.developer.com/java/web/article.php/3528381

Excel

http://en.allexperts.com/q/Excel-1059/split-2-words-cell.htm - Splitting a full name in one cell into two separate cells.

https and SSL resources

http://www.globalsign.com/support/ssl-site-seal.html - Here you will find the information on how to add the site seal to your online shop. Please note that the seal needs to reside on the page that's linked to https://YourBusiness.worldsecuresystem.com

SEO

Here is a great beginners guide to SEO techniques -

http://www.seomoz.org/article/beginners-guide-to-search-engine-optimization

Image manipulation

Here is a tutorial on creating a neat photo gallery using some simple HTML and JavaScript -

http://www.monc.se/kitchen/80/lightweight-image-gallery-with-thumbnails

System Date and Time

Nice blog about system date and JavaScript -

http://www.quirksmode.org/js/introdate.html

Guidelines for writing a good newsletter

Here are some links that will help you with your next newsletter design -

http://www.campaignmonitor.com/blog/archives/2008/05/2008_email_design_guidelines.html

http://www.onenw.org/toolkit/writing-newsletters-best-practices

http://www.sitepoint.com/article/code-html-email-newsletters

http://email.about.com/cs/marketingtips/a/et120902.htm

http://groups.google.as/group/comp.infosystems.www.authoring.html/browse_thread/thread/00209bcccd7ebecb

Enhanced Text area editors

If you want your site visitors to be able to edit the formatting of text before it is submitted, try using one of these integrated with the standard 'text input' box - they will submit the text as formatted HTML instead!

The editor that works nicely with our platform and which is quite easy to implement is called jHtmlArea and it’s jQuery based - http://jhtmlarea.codeplex.com/

All you have to do to get it working is add the following lines to the head of the page:

 

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jHtmlArea-0.7.0.min.js"></script>
<link media="screen,projection" href="/jHtmlArea.css" type="text/css" rel="stylesheet" />

 

Add this code to the beginning of the body:

 

<script type="text/javascript">
    $(function(){
    $("textarea").htmlarea();
});
</script>

 

And upload the files jquery-1.3.2.min.js, jHtmlArea-0.7.0.min.js, jHtmlArea.css and jHtmlArea.png to your site.

Some other editors that you may want to look at are: