New Site: Difference between revisions

From kJams Wiki
Jump to navigation Jump to search
No edit summary
Line 1: Line 1:
==needs response==
==needs response==
* the rainbow graphic only aligns when the browser width is > 1200px, or when exactly about 387px.  rainbow should always align.  perhaps (?) make the disc logo and the rainbow just one big graphic?
* the rainbow graphic only aligns when the browser width is > 1200px, or when exactly about 387px.  rainbow should always align.  perhaps (?) make the disc logo and the rainbow just one big graphic?
** updated: still not always aligned when width 464px
* kJams logo becomes too small between 753px & 1196px, can we keep it large at those widths?
* when the page width gets small, the "Tab bar" turns into a little graphic like "☰", next to the social icons.  however, it "line breaks" separate from the social icons.  can we make it break WITH the social icons so it does not get onto a line by itself, also is there a different graphic element we can use to indicate "menu" a bit better?
** updated: but it still breaks into it's own line between 465 and 529 pix
* get rid of the selection "drop down menu" and the "download" button. instead, insert three separate buttons "Download Lite" "Download Pro" "Download 2"
* is it possible to do an "every other" color scheme in the "what our users have to say" section? let's try a different color too, a color from within the disc logo (a blue or a green?)  use your design sense
* show me how language files will work, such that when a user loads the site from germany, they will get the german language version
** updated: what i mean is, we need separate strings files (strings content separated from layout) that will be automatically dynamically loaded depending on the user's browser's language setting.  this already works in the current landing page, i have hand-translated strings to replace the current ones
* the "home" tab does not have a "tab name" section UNDER the tab.  good.  all other pages do, please remove them, it is redundant.
** update: basically, remove this banner from all pages:<br>https://karaoke.kjams.com/screenshots/remove.png
* on iPhone, site is not visually optimized.  please [http://iphone.appstorm.net/roundups/design/30-gorgeous-iphone-optimized-websites/ see here for examples] of good design
** update:<br>
{|border="1"
| '''Looks like this'''
| '''Should look more like this'''
|-
| https://karaoke.kjams.com/screenshots/ios_bad.png
| https://karaoke.kjams.com/screenshots/ios_good.png
}
==later==
* on iPhone, site is not or performance optimized, can we do something about that?  *very* slow to load
==fixed==
* rainbow graphic is clipped on bottom
* rainbow graphic is clipped on bottom
* the rainbow graphic does not maintain it's aspect ratio
* the rainbow graphic does not maintain it's aspect ratio
* when the page width gets small, the "Tab bar" turns into a little graphic like "☰", next to the social icons.  however, it "line breaks" separate from the social icons.  can we make it break WITH the social icons so it does not get onto a line by itself, also is there a different graphic element we can use to indicate "menu" a bit better?
* when the page width gets small, the main section no longer shows graphics, this is fine, and the text suddenly gets a nice shaded background.  i prefer that the text *always* has a shaded background
* when the page width gets small, the main section no longer shows graphics, this is fine, and the text suddenly gets a nice shaded background.  i prefer that the text *always* has a shaded background
* the main section "slides" about every 5 seconds.  can we get rid of the "slide" and instead make it "fade", and have the interval be ten seconds
* the main section "slides" about every 5 seconds.  can we get rid of the "slide" and instead make it "fade", and have the interval be ten seconds
* in the "wtkJams" section, the text "In the Paid Version:" is dark on dark.  should be same color as other text
* in the "wtkJams" section, the text "In the Paid Version:" is dark on dark.  should be same color as other text
* get rid of the selection "drop down menu" and the "download" button. instead, insert three separate buttons "Download Lite" "Download Pro" "Download 2"
* move the "what our users have to say" section to the bottom
* move the "what our users have to say" section to the bottom
* is it possible to do an "every other" color scheme in the "what our users have to say" section? let's try a different color too, a color from within the disc logo (a blue or a green?)  use your design sense
* in the "features close up" section, the "right-left" arrow UI elements MOVE when you click them.  they must remain under the mouse and not move.  can we top justify them within the current scroll view (floating at the top regardless of where you are scrolled in the current section), rather than vertical center (absolute position)
* in the "features close up" section, the "right-left" arrow UI elements MOVE when you click them.  they must remain under the mouse and not move.  can we top justify them within the current scroll view (floating at the top regardless of where you are scrolled in the current section), rather than vertical center (absolute position)
* on the "downloads" page, the graphics are different sizes vertically, which re-paginates the page when they slide, page should remain constant size
* on the "downloads" page, the graphics are different sizes vertically, which re-paginates the page when they slide, page should remain constant size
* show me how language files will work, such that when a user loads the site from germany, they will get the german language version
* the "home" tab does not have a "tab name" section UNDER the tab.  good.  all other pages do, please remove them, it is redundant.
* on iPhone, site is not or performance optimized, can we do something about that?  *very* slow to load
* on iPhone, site is not visually optimized.  please [http://iphone.appstorm.net/roundups/design/30-gorgeous-iphone-optimized-websites/ see here for examples] of good design
* on iPhone, scrolling the site will crash Safari
* on iPhone, scrolling the site will crash Safari
==i'll do this==
==i'll do this==
* provide actual links to the c|net reviewers
* provide actual links to the c|net reviewers

Revision as of 04:22, 23 April 2014

needs response

  • the rainbow graphic only aligns when the browser width is > 1200px, or when exactly about 387px. rainbow should always align. perhaps (?) make the disc logo and the rainbow just one big graphic?
    • updated: still not always aligned when width 464px
  • kJams logo becomes too small between 753px & 1196px, can we keep it large at those widths?
  • when the page width gets small, the "Tab bar" turns into a little graphic like "☰", next to the social icons. however, it "line breaks" separate from the social icons. can we make it break WITH the social icons so it does not get onto a line by itself, also is there a different graphic element we can use to indicate "menu" a bit better?
    • updated: but it still breaks into it's own line between 465 and 529 pix
  • get rid of the selection "drop down menu" and the "download" button. instead, insert three separate buttons "Download Lite" "Download Pro" "Download 2"
  • is it possible to do an "every other" color scheme in the "what our users have to say" section? let's try a different color too, a color from within the disc logo (a blue or a green?) use your design sense
  • show me how language files will work, such that when a user loads the site from germany, they will get the german language version
    • updated: what i mean is, we need separate strings files (strings content separated from layout) that will be automatically dynamically loaded depending on the user's browser's language setting. this already works in the current landing page, i have hand-translated strings to replace the current ones
  • the "home" tab does not have a "tab name" section UNDER the tab. good. all other pages do, please remove them, it is redundant.
    • update: basically, remove this banner from all pages:
      remove.png
  • on iPhone, site is not visually optimized. please see here for examples of good design
    • update:
Looks like this Should look more like this
ios_bad.png ios_good.png

}

later

  • on iPhone, site is not or performance optimized, can we do something about that? *very* slow to load

fixed

  • rainbow graphic is clipped on bottom
  • the rainbow graphic does not maintain it's aspect ratio
  • when the page width gets small, the main section no longer shows graphics, this is fine, and the text suddenly gets a nice shaded background. i prefer that the text *always* has a shaded background
  • the main section "slides" about every 5 seconds. can we get rid of the "slide" and instead make it "fade", and have the interval be ten seconds
  • in the "wtkJams" section, the text "In the Paid Version:" is dark on dark. should be same color as other text
  • move the "what our users have to say" section to the bottom
  • in the "features close up" section, the "right-left" arrow UI elements MOVE when you click them. they must remain under the mouse and not move. can we top justify them within the current scroll view (floating at the top regardless of where you are scrolled in the current section), rather than vertical center (absolute position)
  • on the "downloads" page, the graphics are different sizes vertically, which re-paginates the page when they slide, page should remain constant size
  • on iPhone, scrolling the site will crash Safari

i'll do this

  • provide actual links to the c|net reviewers
  • "wtkJams" is incorrectly spelled "wtkJames"
  • swap image out using new pic
  • Image credit: <a href='http://www.123rf.com/profile_kjpargeter'>kjpargeter / 123RF Stock Photo</a>