Resources
From Online Business Wiki
Click on + to expand the category
Contents |
Editing and Troubleshooting Tools
Firebug Resources
http://www.myitdirectory.com/firebug-get-started-tutorials/firebug-get-started-tutorials.html
- Download Firebug
- A Firebug Tutorial by evotech.net
- Firebug Documentation
- Overview of Firebug - a very good and detailed overview written by Michael Sync.
- Better JavaScript debugging in 15 mins by Digital Media Minute.
- Firebug Tips and Tricks by seifi.org
- 10 Things you didn’t know about Firebug by Eric Wendelin
- Web Development with Firebug by Joe Hewitt (video).
- Intro to debugging AJAX Applications with Firebug (video)
- Introduction to CSS editing using Firebug (video)
- Debugging with Firebug by Joe Hewitt
- Using Commandline API in Firebug by Michael Sync
- Script Tab: JavaScript Tutorial by Michael Sync
- Net, CSS, and DOM Tabs by Michael Sync (at the bottom of this article you will find an index of all the article that Michael has written about Firebug).
- About Firebug by Aptana
- Firebug Working Group
- Firebug Development Blog
- Firebug Discussion group
- Firebug Internals
- How to Speedup Firefox if you have 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
Menu resources
Here are a few links in case you're not sure how to style a CSS menu (create dropdowns etc):
- http://www.alistapart.com/articles/dropdowns
- http://htmldog.com/articles/suckerfish/
- http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_with_css/ setting current state
- http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/ - A method of making your HTML/CSS menu dynamic
- http://www.menujs.net/ - dropdown menu free and simple JavaScript
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
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:

