Nifflas' Support Forum

Being Creative => Creativity Support => Topic started by: rebel28 on December 02, 2011, 16:59:29

Title: Nifflas Website
Post by: rebel28 on December 02, 2011, 16:59:29
Hello there
I'm doing a college course in Interactive Media, and we have been asked to make a website based off one of our favourite websites.

So, I am doing a Nifflas Website. No one else on my course has ever heard of him, :P

At the moment, I'm going to make four pages; Home, Games, Downloads, and Contact.
And I'll be trying to use more rich media than the current Nifflas website.

So I want to ask, what would you want to see in the Nifflas website?
Try not to go too wild, I'm still learning how to make a website.

WEBSITE CAN BE SEEN HERE. Ver. 24/05/2012 (http://www.portfolioshowcase.co.uk/kenglish/)
Title: Re: Nifflas Website
Post by: Tablecat on December 04, 2011, 11:52:21
          ∧_∧   / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
          ( ´∀`) < I'd like to see a website that highlights really WHO he is. As an indie game developer, people
        /    |    \ often operate under monikers and their true identity is lost in that.
       /       .|     \ Also, make it have awesome music.
      / "⌒ヽ |.イ |            \________
   _  |  .ノ | || |__
  .    ノく__つ∪∪   \
   _((_________\
    ̄ ̄ヽつ ̄ ̄ ̄ ̄ ̄ ̄| |
  ___________| |
    ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄| |
Title: Re: Nifflas Website
Post by: smeagle on December 09, 2011, 02:36:48
Depending on the style of the website, I would suggest not putting music.

If it is going to be marked on the programming behind the website, put music in, but if it is going to be marked on the practicality of the website and the aesthetic features of it, putting music would just discourage the viewer of the website...
Title: Re: Nifflas Website
Post by: rebel28 on February 01, 2012, 18:46:34
Thank you for your responses

I'd like to see a website that highlights really WHO he is. As an indie game developer, people
often operate under monikers and their true identity is lost in that.

I can understand this, I'll try put more information about HIM in one of the pages.

Depending on the style of the website, I would suggest not putting music.

If it is going to be marked on the programming behind the website, put music in, but if it is going to be marked on the practicality of the website and the aesthetic features of it, putting music would just discourage the viewer of the website...

The website will have quite a simple style, as with his current website.
I'm trying to put a bit more media into the website, while retaining the simplicity of the navigation.

But yeah, one of the main rules in our website, was to avoid putting music in, as it puts off a lot of people.
Title: Re: Nifflas Website
Post by: rebel28 on February 01, 2012, 18:59:12
Hey, I'm hosting the website on an Opera Web Server, so if possible, please visit the website and let me know what you think.

The password is 'media'
The music page doesn't exist yet, as I only just made it.
And for some reason, there's an image that refuses to display on my PC.

Also, most of the downloads, if not all, are unlikely to work.



Quick question, do you think I should also include the other games Nifflas made on an extra page?
(Such as Type, Roll, Nifflas Car Game, etc.)
Title: Re: Nifflas Website
Post by: Raicuparta on February 01, 2012, 19:07:55
Didn't you forget to add a link?
Title: Re: Nifflas Website
Post by: rebel28 on February 01, 2012, 21:03:33
Ah, damn.  :oops:

http://www.portfolioshowcase.co.uk/kenglish/

EDIT:
If the site doesn't load or anything, it might be because I've closed my browser (It runs alongside the browser).
If that's the case, send me a message, or post on this thread, and if I'm on my PC (Which is quite often), I'll quickly bring up the site.

EDIT EDIT:
Updated it with the portfolio showcase domain
Title: Re: Nifflas Website
Post by: LPChip on February 01, 2012, 21:42:36
Site indeed requires your pc to be turned on (or browser?)
Title: Re: Nifflas Website
Post by: rebel28 on February 01, 2012, 22:13:06
It's on now :)

(I'm using Windows Live Mail to notify me while I work, it sometimes takes longer, as it did now)
Title: Re: Nifflas Website
Post by: egomassive on February 02, 2012, 11:09:49
It's down right now. :(

Maybe you could schedule a time for it to be on, like all day Saturday or something.
Title: Re: Nifflas Website
Post by: rebel28 on February 02, 2012, 12:12:50
Ha, yeah. I went to bed at 4 AM, so I've been sleeping in.

But yeah, from here on till Sunday-Monday, I'll try keep it open constantly.
Title: Re: Nifflas Website
Post by: egomassive on February 02, 2012, 13:46:44
I looked at it with Firefox and Internet Explorer. In both browsers the formatting was off. On the game page especially the outlined areas didn't match up with the contents and there was a big black box that had no apparent purpose. Otherwise, I found it strange that so much of the content sounded like Nifflas himself was saying it. I'm guessing that you were quoting him, but the way it was presented it seemed as though Nifflas was the author of your website.

The header graphic was nice. The general design concept was clean. I'm sure it will be a nice tribute site when it's finished.
Title: Re: Nifflas Website
Post by: rebel28 on February 02, 2012, 13:51:41
Ah, I think it's not loading everything correctly.

I am quoting Nifflas, as it's supposed to be a redesign of his website, as the task of our college assignment describes.

I find it strange that Firefox and IE don't work, as that is the only two browsers I use at college.

At home I test it on Chrome, Opera, Firefox, and IE.



The big black box is an unfinished part, I plan to have a slideshow/video player there, but as I do not know Javascript, it's not finished.

I'm going to be working on this website for the rest of this year, so there is still a long way to go.
At the moment I'm still creating the pages.

Next week we're getting domain name spaces, if it's going to show up correctly, it'll be there.
Title: Re: Nifflas Website
Post by: egomassive on February 02, 2012, 15:14:26
I went to take a screen shot of the formatting problem and discovered that it only occurs when the browser window and the screen are not the same size. Maximize, full screen mode, and zooming in or out all fix it. I hope this helps you track down the problem.
Title: Re: Nifflas Website
Post by: rebel28 on February 02, 2012, 15:17:29
Ah yes

At the moment the website is programmed to take up 100% of the window, which means it scales to fit the window no matter how small.

Thanks for bringing this to my attention, I'll talk to my teacher about it.
Title: Re: Nifflas Website
Post by: Raicuparta on February 02, 2012, 17:59:44
You really should go for a fixed width, much better for beginners. Gives you a more uniform look of your website across different browsers and resolutions and is much easier to control. Also, for this particular website, it would look much better, because there isn't a lot of text or any sidebars, so having a dynamic width makes it look really bad on large screens.
And one last thing, maybe just a personal opinion, but making a website look good using mainly a serif font like Times New Roman is very hard and doesn't work for all websites. While Nifflas made it work on his page, it doesn't look good on yours. You can either experiment with some sans serif fonts, or try to make it feel better in some other way. You'll notice that Nifflas' page uses a different font for titles, for instance, but I understand that you don't want to make it too similar to the original page, as that would take from the purpose of this project.
Title: Re: Nifflas Website
Post by: rebel28 on February 02, 2012, 18:05:24
I can see how it would make it simpler.

Right now I'm very glad I'm using a CSS style sheet to define the whole website, it'll make these sort of changes a lot simpler.
Title: Re: Nifflas Website
Post by: rebel28 on March 11, 2012, 02:20:23
Ok, just to update.

I have read over all the posts, and made a list of changes I need to make.

We've been provided at college, with a domain name, here is mine for the Nifflas website. (http://www.portfolioshowcase.co.uk/kenglish/)

At the moment it's still got a pretty old version, as I have to upload the files to update it, which I'm not used to.
With the previous version, all I had to do was save it as it was reading from my computer.

Lastly, we recently started learning CSS3 Animation, and I'm learning some Javascript on the side.
This will really help me improve the website, while I can't see where I'll implement CSS3 Animations (which I need to for the assignments) I can definitely see a use for Javascript. (Glad to finally be learning it)

If you have ANY ideas, let me know.

You can either experiment with some sans serif fonts

Hey, I'm wondering if you have any ideas for other fonts I can use.
Title: Re: Nifflas Website
Post by: SiamJai on March 11, 2012, 05:42:51
Check your syntax on the Contact page (http://www.portfolioshowcase.co.uk/kenglish/contact.html) - the last field has some pieces of code sticking out at the end.

Also the wording is strange at times. Since Nifflas is not directly affiliated with that site, you might want to change parts where he talks about himself in 1st-person, ie. "This is a tool I designed...", to "This is a tool Nifflas designed" to avoid confusion. :)

Finally, I suggest making a unique title for each page. Right now, if I want to go back to a particular page using my browser's History, I can't, because with every page having the same title, I can't pick out the page I want to go back to.
Title: Re: Nifflas Website
Post by: rebel28 on March 11, 2012, 11:10:18
Ah, when I uploaded the site last I had been fiddling around with .php scripts. So the contact page bugged out.
At the moment I've made it empty, I can't find the ftp url though, so I can't upload the new version.
I'm going to find out what it is on Monday.

I've copied and pasted all the descriptions, and the site is supposed to be like a re-design of his site.
The whole assignment is that I've hypothetically been hired to design  or re-design a website.

We were allowed to choose whatever we want for the website purpose, I chose Nifflas because I love his games, and no one else would copy me, as they don't know who Nifflas is.

I'll talk to my tutor about whether I should make it 1st person or 3rd person.
If I'm allowed to make it like a fan site, I might. But as far as I know it's supposed to hypothetically be his new website.


I never noticed the titles were the same, I'll change it today, it won't be too hard. :)
Title: Re: Nifflas Website
Post by: rebel28 on June 08, 2012, 02:30:31
Just thought I should post here one last time.

The website is 'finished'.
The deadline for the assignment has passed, and I have uploaded it.

There are a few things I'd probably change, but overall I'm very happy with how it is.
I had a lot of fun making it, I learnt so much.

The assignment brief simply asks that we use CSS.
I used CSS, jQuery, and PHP.

jQuery made the biggest contribution to the website.

Anyway, I hope you guys think it's alright.
I realize there's a few things I missed out on changing, I guess I was to busy thinking about what I could add, so I forgot to think about what needs to be improved.

In case you don't want to go back to another post, here's the link to the page. (http://www.portfolioshowcase.co.uk/kenglish)
Title: Re: Nifflas Website
Post by: BeamishBoy on June 08, 2012, 05:53:09
Very nice! I'm sure you know plenty of things that you would improve, so I'll just note what I liked most about the site. All of the themes are adorable and (I feel) add nicely to the look of the site. Music player is great. The overall layout is very clear, and I never felt confused as to where to find anything. My biggest gripe is that you should have a link to the NiffPage games that aren't included on the Games Page, rather than forcing the reader go to the FAQ.

Congratulations on your achievement! I hope you're graded well.
Title: Re: Nifflas Website
Post by: sergiocornaga on June 08, 2012, 08:19:12
This is really impressive. Possibly flashy to the point of getting in the way of functionality, but for assignment purposes I think there's nothing wrong with that!
Title: Re: Nifflas Website
Post by: rebel28 on June 08, 2012, 11:37:57
This is really impressive. Possibly flashy to the point of getting in the way of functionality, but for assignment purposes I think there's nothing wrong with that!

I know what you mean.
I've discovered that while my website is more visual than the current Nifflas site. His site does exactly what it needs to, without being too performance heavy.