Author Topic: Star Trek's project page  (Read 5633 times)

0 Members and 5 Guests are viewing this topic.

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Star Trek's project page
« on: May 11, 2011, 07:43:23 pm »
ACagliano made a project page for that little Star Trek game he's working on. He asked me to touch it up and give the page "a 'spacey' look," but just for the fun of it (because I have that much time on my hands) I did an entire redesign.

(Click the images to view the actual page.)

Old:


New:


Probably the best web design I've done so far :D

Thoughts? Any suggestions/tips? Rants?




Offline DJ Omnimaga

  • Clacualters are teh gr33t
  • CoT Emeritus
  • LV15 Omnimagician (Next: --)
  • *
  • Posts: 55943
  • Rating: +3154/-232
  • CodeWalrus founder & retired Omnimaga founder
    • View Profile
    • Dream of Omnimaga Music
Re: Star Trek's project page
« Reply #1 on: May 11, 2011, 07:48:42 pm »
This looks nice so far, but it would be nice to maybe remove the white stuff around the logo and give it some sort of 3D ish look so it stands out more from the background.

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: Star Trek's project page
« Reply #2 on: May 11, 2011, 07:56:23 pm »
That was the closest I could get to making it 3D without having to use an image.... Maybe I should just use an image.




Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: Star Trek's project page
« Reply #3 on: May 14, 2011, 11:04:51 am »
*bump*

http://clrhome.co.cc/projects/startrek/source/

Made my own line numbering engine in JS. Epic fail in IE (because it doesn't support word-wrap: break-word), but oh well. I might test IE and make an exception for it :P

Maybe I should just make it a normal numbered list and make things easier for myself.... Hmm.




Offline DJ Omnimaga

  • Clacualters are teh gr33t
  • CoT Emeritus
  • LV15 Omnimagician (Next: --)
  • *
  • Posts: 55943
  • Rating: +3154/-232
  • CodeWalrus founder & retired Omnimaga founder
    • View Profile
    • Dream of Omnimaga Music
Re: Star Trek's project page
« Reply #4 on: May 22, 2011, 12:54:19 am »
Nice Deep Thought. I wonder if it would be better if the code was on dark background, though?

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: Star Trek's project page
« Reply #5 on: June 13, 2011, 12:05:52 am »
Made it darker, and added a little screenshot showcase thing on the demos page. They're obviously still placeholders, but the actual functionality took me hours to fix up, even in jQuery x.x




Offline Darl181

  • «Yo buddy, you still alive?»
  • CoT Emeritus
  • LV12 Extreme Poster (Next: 5000)
  • *
  • Posts: 3408
  • Rating: +305/-13
  • VGhlIEdhbWU=
    • View Profile
    • darl181.webuda.com
Re: Star Trek's project page
« Reply #6 on: June 13, 2011, 12:33:26 am »
Oh noes, a RAM clear screenshot? D:
jk

Looking good, keep it up ;D
« Last Edit: June 13, 2011, 12:33:41 am by Darl181 »
Vy'o'us pleorsdti thl'e gjaemue

Offline Anima

  • LV4 Regular (Next: 200)
  • ****
  • Posts: 133
  • Rating: +4/-0
    • View Profile
Re: Star Trek's project page
« Reply #7 on: June 28, 2011, 11:15:07 am »
Oh, that looks preety nice, especially the JavaScript effects. How did you made this editor for the source code?


Sorry for my bad English. I'm German.

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: Star Trek's project page
« Reply #8 on: June 28, 2011, 01:23:48 pm »
Oh, that looks preety nice, especially the JavaScript effects. How did you made this editor for the source code?

Lol, I really overdid that. It would have been easy to just separate each line and wrap them in <li> inside an <ol> (numbered list), but no. I had to do it the hard way. So I separated each line, put it in a <td>, created a whole new <td> to house the numbers, and for each line I had JS count the number of lines it would take up if it wrapped.

Would have been so much easier to do it the way everybody else does (and would have made it compatible with IE, too). Oh well.
« Last Edit: June 28, 2011, 01:23:58 pm by Deep Thought »