http://www.echomage.com is a side project of mine. I wanted to make something that was quick to search to get card prices (TCG) and card rating. I've spent over an hour on big trades, this has cut down on that. Right now its still new so im looking for feed back.

Known Bugs: No symbol for hybrid mana yet, No pricing for duel decks.

Any feedback would be greatly appreciated!

www.echomage.com

Your radios for card type symbols took me looking at the code to even know what they were or supposed to do. Maybe adding a title to the fieldset (<fieldset title="Instants"> ) would be a good idea.

When the page first loads, the list of cards shown is just random right? It looks random. Feels weird that it is random as well.

You need a half a star image (I realize it's SVG) instead of sliding the stars around like you are. On the card list part, take Water Servant (3 1/3 stars? .rating { width: 56px } ) and Karplusan Minotaur (3 2/3 stars? .rating { width: 61px; } ), is that correct? Gatherer uses 'half' images and rounds the results. It looks cleaner. The way you have it now, it looks like a mistake. Looks odd on the card picture side too. Maybe not use a half star but rather a ½ image instead.

your #cardPrices being absolute positioned tosses your purchase button over the card text in cards like Spark Fiend and a lot of others. Maybe float the content and have #cardPrice clear instead.

The live search makes the results table disappear when there isn't a result. This makes the most current card info box jump left changing the whole layout. Don't do that. I would always include a tr.emcard with a "no results found message" until it returns a result. I would also give that whole table a min-width.

The search box seems disjointed from the rest of the form fields. If I type "Angel" in the top and it shows a bunch of angels, cool. Then if I switch "rarity" to uncommon, I want it to filter. I know I can reenter the search field and press enter but, as a user, I have already done that and don't want to have to do it again to get my results. Or, at the very least, have a button to push to redo my search.

It's unclear as to what the "Add" does. I know it makes a list of clicked cards but, why?

I would remove the min-width: 50px; from td.manacost and just give it width: 50px; It just looks better as it keeps the card names all left aligned and keeps them from jumping. It also looks fine when you search for "Prog" although it might look better still to run the mana symbols under the name. Possibly format that info like Gatherer does:

• Name
• Cost
• Type
• Set
• Rarity
  

Look at Burning Cinder Fury of Crimson Chaos Fire at 1020 resolution. It all wraps and starts to look real muddled. Plus doing that will give you more room to add a fixed width to the table so that your site can be smaller than 1137px wide.

__________________
NEQUAQUAM VACUUM
Give me your Sleight of Minds

M:tG set printing and spreadsheet utility | Whitehaven Kiwanis

quote:

---

Originally posted by MagixDK:
I dont see any prices? is this just gatherer, without oracle text?

---

He is obviously getting a piece of any sale made from his link. Click buy and when it goes to the store, look at the link.

quote:

---

Originally posted by harbingerofthevoid:
#ccc on a #EAEDF2 background for your labels is almost impossible for me to read. Same for the set name sin the list

Your radios for card type symbols took me looking at the code to even know what they were or supposed to do. Maybe adding a title to the fieldset (<fieldset title="Instants"> ) would be a good idea.

When the page first loads, the list of cards shown is just random right? It looks random. Feels weird that it is random as well.

You need a half a star image (I realize it's SVG) instead of sliding the stars around like you are. On the card list part, take Water Servant (3 1/3 stars? .rating { width: 56px } ) and Karplusan Minotaur (3 2/3 stars? .rating { width: 61px; } ), is that correct? Gatherer uses 'half' images and rounds the results. It looks cleaner. The way you have it now, it looks like a mistake. Looks odd on the card picture side too. Maybe not use a half star but rather a ½ image instead.

your #cardPrices being absolute positioned tosses your purchase button over the card text in cards like Spark Fiend and a lot of others. Maybe float the content and have #cardPrice clear instead.

The live search makes the results table disappear when there isn't a result. This makes the most current card info box jump left changing the whole layout. Don't do that. I would always include a tr.emcard with a "no results found message" until it returns a result. I would also give that whole table a min-width.

The search box seems disjointed from the rest of the form fields. If I type "Angel" in the top and it shows a bunch of angels, cool. Then if I switch "rarity" to uncommon, I want it to filter. I know I can reenter the search field and press enter but, as a user, I have already done that and don't want to have to do it again to get my results. Or, at the very least, have a button to push to redo my search.

It's unclear as to what the "Add" does. I know it makes a list of clicked cards but, why?

I would remove the min-width: 50px; from td.manacost and just give it width: 50px; It just looks better as it keeps the card names all left aligned and keeps them from jumping. It also looks fine when you search for "Prog" although it might look better still to run the mana symbols under the name. Possibly format that info like Gatherer does:

• Name
• Cost
• Type
• Set
• Rarity
  

Look at Burning Cinder Fury of Crimson Chaos Fire at 1020 resolution. It all wraps and starts to look real muddled. Plus doing that will give you more room to add a fixed width to the table so that your site can be smaller than 1137px wide.

---

Really really good back, thank you! I will start on your list

quote:

---

Originally posted by MagixDK:
I dont see any prices? is this just gatherer, without oracle text?

---

You have to click a card to load the prices, im working on showing prices inline with the search, building the database for it as it grows. Im trying to avoid pinging TCG a 100 times a second. So when ever a card is loaded, its prices is stored with date, if that exist it will soon show in the search.

Doing this will allow stockmarket like graphs too which is exciting

quote:

---

Originally posted by #ccc on a #EAEDF2 background for your labels is almost impossible for me to read.
Same for the set name sin the list Your radios for card type symbols took me looking at the code to even know what they were or supposed to do. Maybe adding a title to the fieldset (<fieldset title="Instants"> ) would be a good idea. When the page first loads, the list of cards shown is just random right? It looks random. Feels weird that it is random as well. You need a half a star image (I realize it's SVG) instead of sliding the stars around like you are. On the card list part, take Water Servant (3 1/3 stars? .rating { width: 56px } ) and Karplusan Minotaur (3 2/3 stars? .rating { width: 61px; } ), is that correct? Gatherer uses 'half' images and rounds the results. It looks cleaner. The way you have it now, it looks like a mistake. Looks odd on the card picture side too. Maybe not use a half star but rather a ½ image instead. your #cardPrices being absolute positioned tosses your purchase button over the card text in cards like Spark Fiend and a lot of others. Maybe float the content and have #cardPrice clear instead. The live search makes the results table disappear when there isn't a result. This makes the most current card info box jump left changing the whole layout. Don't do that. I would always include a tr.emcard with a "no results found message" until it returns a result. I would also give that whole table a min-width. The search box seems disjointed from the rest of the form fields. If I type "Angel" in the top and it shows a bunch of angels, cool. Then if I switch "rarity" to uncommon, I want it to filter. I know I can reenter the search field and press enter but, as a user, I have already done that and don't want to have to do it again to get my results. Or, at the very least, have a button to push to redo my search. It's unclear as to what the "Add" does. I know it makes a list of clicked cards but, why? I would remove the min-width: 50px; from td.manacost and just give it width: 50px; It just looks better as it keeps the card names all left aligned and keeps them from jumping. It also looks fine when you search for "Prog" although it might look better still to run the mana symbols under the name. Possibly format that info like Gatherer does: Name Cost Type Set Rarity Look at Burning Cinder Fury of Crimson Chaos Fire at 1020 resolution. It all wraps and starts to look real muddled. Plus doing that will give you more room to add a fixed width to the table so that your site can be smaller than 1137px wide.:
[b][/b]

---

Things changed/accomplished

1. Darkened Label Text
2. Darkened set name sin the list
3. Added title, for on hover feedback, to radio buttons
4. Fixed Empty Searches, also let the user know there are filters on
5. Made the filters all respond to change
6. Created added to wish list. This idea is half baked, any feedback is appreciated
7. Put the mana cost in search under the card name, this was HUGE, great feedback

Thanks i need to do still:
• Adjust Stars
• Fixed positioning for pricing, I'm thinking of putting this along the top of the card information, a strip of just pricing, as it is most important in trades.
• Combine more elements in search (like commonality and card type) then add pricing inline
• Make a responsive layout so it be used simply on smaller screen and phones

Again, any feedback will be greatly appreciated and executed on.

quote:

---

Originally posted by Mr.C:
So, any reason why Alliances isn't there?

---