SITE REDESIGN LAUNCH - SimpleLetter.com

Joined: 11/28/2008
User offline. Last seen 3 years 10 weeks ago.

Well folks, many may have given up hope... many didn't even know it was happening... but the new SimpleLetter.com has finally launched!

The link above points to the work-in-progress-all-but-done website, because we would greatly appreciate y'all taking it on a test run. See if you can break it anywhere. See if you don't understand any of it. And please give feedback! /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" />

I appreciate your input!

The New SimpleLetter.com

A few items to review/test for us:
1. I know not all the pages validate properly, and I'll be working on that issue in the near-future. But if you see any glaring issues or things I can optimize, I'm all ears.

2. Browser/OS combinations - I know that some folks have reported seeing mystery "white boxes" on the upper left corner of some pages, and that a REFRESH tended to fix things. I am unable to repeat this symptom on WinXP SP2/Firefox 1.5.0.4 OR on WinXP SP2/IE 6.0.

3. What do you think of the checkout process? Is it easy to use and understand?

4. There are several areas of the site where I use some JS routines to pull live information from the database and load it into some "overlay lightbox" [div] tags. I think it works well and is quite speedy, but I would appreciate any comments someone might have about that as well.

Any and all suggestions will be gratefully accepted!

-Tubby

Joined: 11/28/2008
User offline. Last seen 3 years 10 weeks ago.
Very very impressive!

Very very impressive!

My blog about web development.
And my site about game development.

>>> math.sqrt(-1) == joey101
True

Joined: 11/28/2008
User offline. Last seen 3 years 10 weeks ago.
Love the lightbox stuff.One

Love the lightbox stuff.

One comment I do have though, whenever you have javascript attached to a click event on a link, it'd be nice if you stopped the event. Jumping back up to the top of the page whenever lightbox opens or I hit "see the flip side" can be a little bit annoying.

Other than that though, great job. I didn't notice any bugs.

Joined: 11/28/2008
User offline. Last seen 2 days 2 hours ago.
Overall well done. The only

Overall well done. The only thing, one of my beefs of what is a popular trend, lack of contrast between text and the background.

Cheamweb Your window into the Fraser Valley
Dave's Journey | The Macfoto Life

Joined: 11/28/2008
User offline. Last seen 3 years 10 weeks ago.
Good job! Very nice!

Good job! Very nice!

Eddie Lepp
www.leppdesign.com

Joined: 11/28/2008
User offline. Last seen 3 years 10 weeks ago.
I absolutely LOVE the design.

I absolutely LOVE the design. It is fantastic, best I've seen in a long time. So professional! I wish I could do graphics like that!

~Andrew~

Joined: 11/28/2008
User offline. Last seen 3 years 10 weeks ago.
Hey thanks everyone, it's

Hey thanks everyone, it's still a work in progress (and I have alot of work to do with our backend management system). But it does have a very professional look to it, and we've somewhat modified the focus of our company and how we present ourselves. Much more "in your face" about the fact we develop spiritual-themed clothing than it was before. The shirts themselves are very far from "in your face", but the presentation of our company has moved a bit more in that direction. No more wondering what this store is all about... /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" />

PS - Anyone try voting on some of our upcoming t-shirt designs on there yet?

Joined: 11/28/2008
User offline. Last seen 2 years 51 weeks ago.
I voted!

I voted!

Anne (-O..O-) aka Anne the Cat =^.^=
Web :: Building
Joined: 11/28/2008
User offline. Last seen 38 weeks 6 days ago.
Hey Tubs, your my competition

Hey Tubs, your my competition /tongue.gif" style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" />

Your site looks awsome!

Joined: 11/28/2008
User offline. Last seen 3 years 10 weeks ago.
JoeM - I wouldn't consider it

JoeM - I wouldn't consider it competition, we have a pretty niche market. Your clothing seems to be targeted at a pretty broad audience. (That said, I'd love to swap links between our sites if you are interested in such a free exchange)

To the others who've checked out the site, thanks for your comments! Is there anything about the site that could use some more work? Anything you personally don't like a whole lot? What about some text or wording that seems out of place?

QUOTE(Sun'd)
One comment I do have though, whenever you have javascript attached to a click event on a link, it'd be nice if you stopped the event. Jumping back up to the top of the page whenever lightbox opens or I hit "see the flip side" can be a little bit annoying.

I didn't forget about your comment. I realized the same thing and it is annoying. I think it has to do with how I'm doing the onClick event.

My current usage:

CODE
<a href="#" OnClick="whateverFunctionIRunGoesHere()">My awesome link</a>

It SHOULD be this:

CODE
<a href="ja\/ascript:whateverFunctionIRunGoesHere()">My awesome link</a>

Is that correct syntax?

Joined: 11/28/2008
User offline. Last seen 3 years 10 weeks ago.
tubbytreats @ Jul 13
QUOTE(tubbytreats @ Jul 13 2006, 06:46 PM)
It SHOULD be this:
CODE
<a href="ja\/ascript:whateverFunctionIRunGoesHere()">My awesome link</a>

Is that correct syntax?

That is what I do. except insted of '\/' I have a 'v'. /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" />

My blog about web development.
And my site about game development.

>>> math.sqrt(-1) == joey101
True

Joined: 11/28/2008
User offline. Last seen 3 years 10 weeks ago.
Well the best thing would be

Well the best thing would be to have it all in an external stylesheet and use an event listener and stop the event in there.

If you were using Prototype, you'd do something like this:

HTML
<a href="preview.html" id="preview">Preview</a>
<!-- preview.html would give people with JavaScript disabled the same functionality as you're going to give with JavaSript -->
CODE
Event.observe(window, 'load', init, false);

function init() {
Event.observe('preview', 'click', process, false);
$('preview').onclick = function() {return false;}
// Prototype does have an Event.stop() function, but it doesn't work in
// Safari, so that's still the best way to do it. The dollar function is basically
// just doing a getElementById().
}

function process() {
//do stuff here
}

YUI has something similar, as Dustin showed over here.

Of of course you could also use any of these addEvent remakes, as well. /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" />

Joined: 11/28/2008
User offline. Last seen 38 weeks 6 days ago.
tubbytreats @ Jul 13
QUOTE(tubbytreats @ Jul 13 2006, 12:46 PM)
JoeM - I wouldn't consider it competition, we have a pretty niche market. Your clothing seems to be targeted at a pretty broad audience. (That said, I'd love to swap links between our sites if you are interested in such a free exchange)

Sure I would love to! PM me /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" />

Joined: 11/28/2008
User offline. Last seen 3 years 10 weeks ago.
Sun'd @ Jul 13 2006,
QUOTE(Sun'd @ Jul 13 2006, 04:25 PM)
Well the best thing would be to have it all in an external stylesheet and use an event listener and stop the event in there.

If you were using Prototype, you'd do something like this:

HTML
<a href="preview.html" id="preview">Preview</a>
<!-- preview.html would give people with JavaScript disabled the same functionality as you're going to give with JavaSript -->
CODE
Event.observe(window, 'load', init, false);

function init() {
Event.observe('preview', 'click', process, false);
$('preview').onclick = function() {return false;}
// Prototype does have an Event.stop() function, but it doesn't work in
// Safari, so that's still the best way to do it. The dollar function is basically
// just doing a getElementById().
}

function process() {
//do stuff here
}

YUI has something similar, as Dustin showed over here.

Of of course you could also use any of these addEvent remakes, as well. /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" />

Elliott,

Thanks for posting that, but I'm trying to keep my JS to minimal levels. I don't really want to include the Prototype JS library just to do this, but your suggestion is indeed accurate.

The issue with clicking a link and "scrolling the page to the very top" is because I used the href="#" anchor which will always return the user to the top of the current page if no DIV item id has been specified. Once I switch over the href to a href="java script:myFunction()" syntax it won't move the scroll of the page around the screen like it currently is doing. That is probably the easiest/cleanest fix at this point.

Thanks for all the feedback!

Justin

Joined: 11/28/2008
User offline. Last seen 3 years 10 weeks ago.
Or: CODE <a

Or:

CODE
<a href="thePageForNonJavaScriptPeople.html" onclick="function(); retrun false;">bla</a>

I realize you probably don't want to bring in prototype just for an event listener, but Yahoo's got a nice event listener, or you can even just use the winner of Quirksmode's addEvent contest.

Joined: 11/28/2008
User offline. Last seen 3 years 10 weeks ago.
One of the very few best

One of the very few best website I've ever laid eyes on! Awesome job!

May I inquire as to the basic programs you used to make it? I really like what I'm seeing here! /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" />

Let nothing be done through strife or vainglory; but in lowliness of mind let each esteem other better than themselves.

Look not every man on his own th

Joined: 11/28/2008
User offline. Last seen 2 years 33 weeks ago.
Wow. That's all I can say is

Wow. That's all I can say is wow. I mean, this thing looks horrible.... HORRIBLE!!

Haha, seriously, I usually don't come across sites that have designs that clean. Excellent work man.

It's not exactly 800x600 friendly, though that resolution is fading away (they are still out there tough). Other than that, there isn't much I can offer other than make sure your code validates!!! ...but you knew that already /wink.gif" style="vertical-align:middle" emoid=";)" border="0" alt="wink.gif" />

Great work. Who designed it?

Who can bring a charge to God's elect? It is God who justifies!

Joined: 11/28/2008
User offline. Last seen 3 years 10 weeks ago.
Excellent site! I love it. It

Excellent site! I love it. It would easily make cssbeauty.com

Joined: 11/28/2008
User offline. Last seen 3 years 2 weeks ago.
Scrolling down, it was a

Scrolling down, it was a surprise for me to find the login box. Are you sure it is a good place to put this?