New Site: Difference between revisions

From kJams Wiki
Jump to navigation Jump to search
← Older edit
No edit summary
 
(82 intermediate revisions by the same user not shown)
Line 1: Line 1:
==needs response==
==In Priority Order==
* 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?
* have the feedback and contact forms actually substitute the entered email address into the "from" address? so that when i get the email i can just hit "reply" to respond to it? note it should combine the real name and email, eg: "David M. Cotter <dave@kjams.com>"
** updated: still not always aligned when width 464px
** update: not the "reply-to" address, but the actual "from" address
* kJams logo becomes too small between 753px & 1196px, can we keep it large at those widths?
* for "Subject" lines of the forms:
* 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?
** if it comes from the contact form, i'd like it be:<pre>kJams: Contact from "Scoo B. Doo"</pre>
** updated: but it still breaks into it's own line between 465 and 529 pix
** if from "Feedback" it should be:<pre>kJams: Feedback from "Scoo B. Doo"</pre>
* get rid of the selection "drop down menu" and the "download" button. instead, insert three separate buttons "Download Lite" "Download Pro" "Download 2"
* in the main page, where in the code do you decide when to switch to a different size layout?  specifically for the graphic on the right, i'd like to add another "size tier"
* 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
** update: here's [{{SERVER}}/screenshots/new_site/tiered_sizing.mp4 a movie to explain it] and a couple other issues
* show me how language files will work, such that when a user loads the site from germany, they will get the german language version
* on [{{SERVER}}/blog/ my Blog]:
** 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
** html links do not show up!  if you click on a particular POST you will see the links, but i really want any links to show up on the main blog page
* 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: can we automate excerpts?
** update: basically, remove this banner from all pages:<br>https://karaoke.kjams.com/screenshots/remove.png
* how do i substitute different graphics when a different language is showing?  (the graphics must be localized too!)
* 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: it's hard. investigating
** update:<br>
* bill me
{|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==
==later==
* on iPhone, site is not or performance optimized, can we do something about that?  *very* slow to load
* on iPhone, site is not or performance optimized, can we do something about that?  *very* slow to load
* it's probably time to set up google analytics.  we will need them on the download links too (actual [https://support.google.com/analytics/answer/1136920?hl=en outbound links], not just pages)
** update: will test when download links actually do something
==fixed==
==fixed==
* rainbow graphic is clipped on bottom
** <strike>the link to my name on each entry is busted</strike><br>https://karaoke.kjams.com/screenshots/new_site/link_busted.png
* the rainbow graphic does not maintain it's aspect ratio
* the rest is on a [[New_Site/fixed|separate page]]
* 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==
==i'll do this==
* provide actual links to the c|net reviewers
* provide actual links to the c|net reviewers
Line 37: Line 29:
* swap image out using new pic
* swap image out using new pic
* Image credit: <a href='http://www.123rf.com/profile_kjpargeter'>kjpargeter / 123RF Stock Photo</a>
* Image credit: <a href='http://www.123rf.com/profile_kjpargeter'>kjpargeter / 123RF Stock Photo</a>
* picture font does not work when you do NOT have https, eg: http://kjams.com/wp/.  it should work for both http and https

Latest revision as of 17:44, 29 August 2014

In Priority Order

  • have the feedback and contact forms actually substitute the entered email address into the "from" address? so that when i get the email i can just hit "reply" to respond to it? note it should combine the real name and email, eg: "David M. Cotter <dave@kjams.com>"
    • update: not the "reply-to" address, but the actual "from" address
  • for "Subject" lines of the forms:
    • if it comes from the contact form, i'd like it be:
      kJams: Contact from "Scoo B. Doo"
    • if from "Feedback" it should be:
      kJams: Feedback from "Scoo B. Doo"
  • in the main page, where in the code do you decide when to switch to a different size layout? specifically for the graphic on the right, i'd like to add another "size tier"
  • on my Blog:
    • html links do not show up! if you click on a particular POST you will see the links, but i really want any links to show up on the main blog page
      • update: can we automate excerpts?
  • how do i substitute different graphics when a different language is showing? (the graphics must be localized too!)
    • update: it's hard. investigating
  • bill me

later

  • on iPhone, site is not or performance optimized, can we do something about that? *very* slow to load
  • it's probably time to set up google analytics. we will need them on the download links too (actual outbound links, not just pages)
    • update: will test when download links actually do something

fixed

    • the link to my name on each entry is busted
      link_busted.png
  • the rest is on a separate page

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>
  • picture font does not work when you do NOT have https, eg: http://kjams.com/wp/. it should work for both http and https
Retrieved from "https://karaoke.kjams.com/w/index.php?title=New_Site&oldid=10056"