Web Design Competition #1

  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

Coderx wrote:
hey suffolk. Endland! I'm from Stoke!



nice one, not far!! :D
  • meep
  • Student
  • Student
  • User avatar
  • Posts: 70
  • Loc: New York

Post 3+ Months Ago

What browser(s) does it need to be viewable in?
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

Firefox and IE seem to the two mjor ones, but others do use Opera and others.

If you design it correctly you will find it will work in all of them, if you need some tips visit the web design section as there are plenty of posts on compatibility :D
  • meep
  • Student
  • Student
  • User avatar
  • Posts: 70
  • Loc: New York

Post 3+ Months Ago

A few more questions :D

Can you use JavaScript? I am guessing no, but i'm not sure.
Can it be interactive, by using CSS and/or JavaScript to change/modify things, or does it need to be static?
Does it need to be a real animal? or can it be a fictitious one?

I asked the question about browsers because IE doesn't support some/most CSS well, like position:fixed, :before, :after, and ^/$/*/~ selectors.
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

meep wrote:
A few more questions :D

Can you use JavaScript? I am guessing no, but i'm not sure.
Can it be interactive, by using CSS and/or JavaScript to change/modify things, or does it need to be static?
Does it need to be a real animal? or can it be a fictitious one?

I asked the question about browsers because IE doesn't support some/most CSS well, like position:fixed, :before, :after, and ^/$/*/~ selectors.


You can use javascript if you wanted to I guess (now your getting too technical haha). It can be interactive, but it cant use flash etc, the whole point is to use your skill in html and or css to create a webpage.

The animal can be anything you want real or ficticious as long as its known as an animal (now your getting too technical again haha).
  • Coderx
  • Graduate
  • Graduate
  • Coderx
  • Posts: 214

Post 3+ Months Ago

I will be using some crappy hosting on freewebs to show you my design very soon... only a prototype. :lol:
  • Coderx
  • Graduate
  • Graduate
  • Coderx
  • Posts: 214

Post 3+ Months Ago

Max size 200KB!!!!! I hope thats compressed or i'm out!??? :shock:
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

its only a one page web design, 200K should be PLENTY for a single page!

:)
  • Coderx
  • Graduate
  • Graduate
  • Coderx
  • Posts: 214

Post 3+ Months Ago

man, i used 4 images (including the animal) and its like 750k!! :shock:


this is worring... i'll check there and jpegs.
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

yeah that is way too big! :D
  • Coderx
  • Graduate
  • Graduate
  • Coderx
  • Posts: 214

Post 3+ Months Ago

http://www.freewebs.com/time4game/index.htm

thats what i was going to do... but its massive LOL.
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

no wonder it is huge, Image1.jpg is 433.15 KB in size :D

If you can get that filesize down you will be a lot better off :D

PS: dont forget its just a one page layout ok :thumbsup:

great work so far though Coderx!!!!
  • Coderx
  • Graduate
  • Graduate
  • Coderx
  • Posts: 214

Post 3+ Months Ago

right. I will try extremly hard to get under 200kb but its extremly doubtful. :lol:
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

ahh im sure your up for the challenge :thumbsup:
  • Coderx
  • Graduate
  • Graduate
  • Coderx
  • Posts: 214

Post 3+ Months Ago

I'm up for it... but to get it down too 200Kb will be hard.
  • Coderx
  • Graduate
  • Graduate
  • Coderx
  • Posts: 214

Post 3+ Months Ago

WOW, i managed to get the pictures compressed and i am now within the limits. :D
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

well done, well when you have your finished product, post the URL ok :D
  • UniquelyYoursPC
  • Web Master
  • Web Master
  • User avatar
  • Posts: 2997
  • Loc: Canada "A"

Post 3+ Months Ago

Coderx wrote:
http://www.freewebs.com/time4game/index.htm

thats what i was going to do... but its massive LOL.


i looked at the page and when you change the window size in ff the refrsh back etc.. get messed up you may want to take a look at that

on my entery i dont know if i will get it done working to much but i will see what i can wipe up
  • Coderx
  • Graduate
  • Graduate
  • Coderx
  • Posts: 214

Post 3+ Months Ago

musik wrote:
well done, well when you have your finished product, post the URL ok :D



I though i had to send the code to you?

I'll do both :lol:

And i will be checking out the problems with the refresh etc..
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

You need to first post it at your own domain, then later I'll contact you via PM and give you details of what to do next :D
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23460
  • Loc: Woodbridge VA

Post 3+ Months Ago

Coderex,

Also, please note that you need to create a subdirectory called "images" and place your image files there. (When I looked at your link earlier, they are currently not in an images directory) You'll need to adjust your image path accordingly in your code. (It is probably best to use relative links so Musik will not have to edit your final code).

According to the rules for this competition:
Quote:
Webpage design is strictly HTML and/or CSS only with images (placed in a folder called 'images')


Normally it's not necessary to do that, however, I believe it's mostly just to make it more convenient for Musik to put up the voting links if all the images are in just one place.
  • Coderx
  • Graduate
  • Graduate
  • Coderx
  • Posts: 214

Post 3+ Months Ago

Ok,

Thanks ANTO/TW i will do that just now!
  • Mas Sehguh
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1853

Post 3+ Months Ago

musik wrote:
You can use javascript if you wanted to I guess (now your getting too technical haha). It can be interactive, but it cant use flash etc, the whole point is to use your skill in html and or css to create a webpage.


Could you please edit the original post to mention that Javascript is allowed? Some participants might not read the whole thread, and they wouldn't know this.
  • Mas Sehguh
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1853

Post 3+ Months Ago

Also, is this 200 KB filesize limit equal to 200000 bytes or is it 204800 bytes? I presently assume 204800 bytes because 1024 bytes per kilobyte is more standard.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23460
  • Loc: Woodbridge VA

Post 3+ Months Ago

I believe I can safely we'll allow some small amount of leeway on that (but only a small leeway given the "technical" point you noted). It really shouldn't be hard to do, though. My entry with 16 graphics not counting the offsite validation images weighs in at roughly 66KB . I'm rather certain that the reason Rose implimented a limit is to encourage our members to practice some skills to create pages that do have a fast page load and are not bogged down by "heavy" images.
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

Sam Hughes wrote:
Also, is this 200 KB filesize limit equal to 200000 bytes or is it 204800 bytes? I presently assume 204800 bytes because 1024 bytes per kilobyte is more standard.



:shock:
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

ATNO/TW wrote:
I'm rather certain that the reason Rose implimented a limit is to encourage our members to practice some skills to create pages that do have a fast page load and are not bogged down by "heavy" images.



:thumbsup:

200kb for one single page is not so hard to obtain. It just means you need to learn how to adjust image filesizes accordingly and not bloat html code.
  • Mas Sehguh
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1853

Post 3+ Months Ago

Heh. I'm still used to thinking that anything over 15 kb is just madness; hearing 200 as the limit is kind of funny.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23460
  • Loc: Woodbridge VA

Post 3+ Months Ago

Well, that's something I never quite understood with Firefox. I'm looking at page info and my entry in general is 6.56KB -- I've always assumed that was text. Not counting the offsite validation media I have 15 thumbnails, all weighing in at approx 2KB each (so we'll call that roughly 30 KB) and I already know my "Owl" gif is 30KB (I didn't know what I was doing back then to optimize it and just copied it.).. That's how I come up with my 66KB rough estimate.
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

Sam Hughes wrote:
Heh. I'm still used to thinking that anything over 15 kb is just madness; hearing 200 as the limit is kind of funny.


Exactly! I think it's plenty of size to play with! :D

Post Information

  • Total Posts in this topic: 162 posts
  • Users browsing this forum: No registered users and 4 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.