Just to give you a bit of background, Spry is a javascript library that comes with Dreamweaver. They really pushed it to start with, but haven’t updated it since 2006, so to say that it’s a bit long in the tooth is an understatement in web terms. JQuery on the other hand is the javascript library of choice and in the latest version of Dreamweaver, also seems to be pushed over Spry.

However if you have already included Spry on your page, you may just want to keep the existing html markup exactly the same and swap over to a jQuery system. I did this with an admitted simple single panel system (used for dropping down a form), as below: -

1. Add jQuery into your page. I’ve used an old version and am pulling this off Google servers as follows

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js” type=”text/javascript”></script>

2. Remove Spry javascript code from your page.

3.Create a new javascript file and add the following code

$(document).ready(function() {
$(‘.CollapsiblePanelContent’).hide();
$(‘.CollapsiblePanelTab’).click(function() {
$(‘.CollapsiblePanelContent’).slideToggle(‘medium’);
if ($(‘.CollapsiblePanelContent’).is(‘:visible’)) {
$(this).val(‘Hide’);
} else {
$(this).val(‘Show’);
}
});
});

4. Link to this new file in your document (and below where you add in the jQuery file).

Site owners have responded with the increased use of flash cookies, which do similar things, but are not so easy to delete or manage.

This video shows how to manage and delete flash cookies in your browser of choice.

Thanks to http://www.brdatasystems.com.au, a local server rack manufacturer for letting me use their site, which I know doesn’t add cookies, to show how to manage and delete them.

Flash Cookies, A Privacy Issue & How To delete Them from Simon Griffiths on Vimeo.

I will expand on this post later to add in more details.

1. What is the website for?
Brochure, E-commerce, Business card, reinforcement
[Why: to see what the site need to include and what technologies should be involved]

2. Who are the customers?
Male, Female
Age range
What do they do
What is their job title
[Why: to try to profile the customer so that site design and content can be created to suit the audience]

2a. Who is the competition?
[Why: so we can look at their sites and see what we can learn about keywords, expected layout etc]

3. How would you expect the customer to find the site?
Search, word of mouth, literature/business card
[Why: to see how much emphasis needs to be placed on SEO/SEM]

4. If search, what would they be looking for to find the site?
[Why: so that keywords can be checked to see if there are more available]

5. What sort of device would they use to access the site?
PC, netbook, phone
[Why: to see what technologies need to be involved/avoided, to look at creating specific content for a device]

6. Where would they typically access the site from?
Office, home, out and about (using public wifi or mobile connection)
[Why: to see how much bandwidth the site can take without inconveniencing the user]

7. Are you geographically based?
What are the limitations you want to put on area.
[Why: to make sure content is written to make this clear, make sure Google is aware of this and to see what type of hosting is required]

8. What type of site are you thinking about?
Examples of sites that you like.
What do you like about these sites?
[Why: to get an idea of what you expect from the site]

9. What tone do you want to set with the site?
Professional (typically more subdued), light hearted, fun
[Why: to make sure that the tone of writing matches that of other literature or the image the company is portraying]

10. Do you have other literature/business cards?
[Why: so we can make sure the site matches the style and creates a total company image]

11. Would you want to be able to edit the site content?
All content, a blog, social media
[Why: to see what technologies we need to use and what you expect from updates]

12. What timeframe and budget is the site required in?
[Why: Timeframe will set what is there is time to do in terms of design and interaction, also whether the designer can actually do it or not. Budget will set again set what is possible to do].
[Note: Budget is always tricky as the client will not want the designer to design to a budget. Possibly ask for a range, or look at requested features and say roughly what each will cost].

I’m never sure where to post these things these days, but just in case the link is

http://webxopt.com/wordpress/2009/08/web-page-structure-for-great-seo/

The use of mega drop downs is an increasing trend which is sometimes applied well, and other times quite badly. At a recent barcamp in Brisbane I did a short presentation looking at mega drop downs and their use. This is available at http://www.webxopt.com/resources.html.

Over the next few weeks I will put up more info on mega drop downs including example code. This may be on the webxopt site, or I may put it on a specific URL. However I’ll make sure this blog gets updated with links.

My first post is on Overlay Box Usability. Those are the boxes that ‘overlay’ the main content of the page – No surprises there I guess! I have talked about how to put them together and when to use them and when not to!

The post is at http://webxopt.com/wordpress/2009/07/overlay-box-usability/.

btw – I’ll still be using this site for anything that doesn’t fit my work, which will probably be most things to be honest!

To style and space the text I was adding into the css styling such as h2 + p then adding some padding. This worked great in firefox but when I came to test in internet explorer it completely broke.

After a bit of investigation it seems that the problem was the dreamweaver commenting that opened or closed the editable areas. The comment was coming between the h2 and p for example and ie was seeing them as not following each other. Firefox interpretes how you would expect of coarse and ignores the comment! Anyway take out the comments and ie works okay too.

This unfortunatel was the only way I could get the pages to work in ie and therefore broke the template.

This may also be of interest if you are adding commenting into your code and noticing copy spacing in ie is not right.

I have to say that the site setup in Goodbarry was relatively easy, but it got frustrating when you wanted to change things that were locked in their code. The dreamweaver tools didn’t help much either. I have to say that their support was a little slow too, and their link to email support was very well hidden. In fact I only found it when I bagged them on Twitter!

I was trying to stick with goodbarry though until I got to a real problem. In Australia they really don’t have a delivery solution to products over 20kg. They do have a manual option but without the necessary control to really work.

After running into this road block I looked around for an alternative and eventually settled on gate13. These have been quite responsive to requests for info and have even uploaded special pricing from our standard delivery company. I must admit that the way you had to do this was a bit odd though. Instead of a basic and per kg weight, you had to upload prices for each weight for every postcode. In our case we have products to about 50kg and that meant nearly 300,000 lines on a spreadsheet (btw reply to me if you want a copy of the spreadsheets we put together to automate this).

The other thing that I think will be good for us is the configurable discounts. You can add affiliates, create users that see special discounts, but also create complex discounts based on combinations of items. This is great for us as we normally sell through wholesaler chains and this may help to keep them happy if they don’t like us selling online.

Things I haven’t liked are a couple of the system messages, you seem to struggle to move items like the add to cart button and the design seems to be table based (which I don’t like in my carefully coded css based design).

Gate13 are a lot more expensive than Goodbarry ($115 compared with $35 per month), but so far I have only got frustrated a couple of times!

In short for e-products or light weight goods you can probably get away with goodbarry, otherwise gate13 could be a reasonable choice.

Btw the site is http://www.broverstock.com if you want to take a look. It does need more work, but it is usable for our target market!

I haven’t been though it yet but will edit this post as soon as I have to give my opinion. It’s good to see them demistifying, I just hope they have explained it with sufficient clarity.

http://www.10searchmarketingsteps.com.au/

About a week ago I did a search on Google Insights for the company I work for, and one of our competitors. I seemed to indicate some unusual activity happening, so I rushed out a report for our management meeting which is in a couple of days (from the date of this post).

To make sure I was up to date, I had another look at the stats today, and to my surprise, not only did it not show this unusual activity. A lot of the line was totally different. I have checked the keywords, period, geographic location etc and these are all the same, but the line is definitely different. Thankfully I took screen shots so you can see for yourself below: -

Same search on Google Insights - 1 week apart

I think the moral of the story is probably that Insights may not be quite as Insightful as we think. I really don’t know why this should change, but it makes me concerned that this is really not a tool you can use reliably without significant supporting data.