New art website - critiques, comments?

**Puffin** · 09-02-2010 06:40 AM

I just finished the basic parts of my art website, linked in my signature. As you can probably tell, it's related to a small art business I started up. I'm going to purchase a domain name soon (puffinart.ca) but in the mean time, I'm stuck with the icky .webs part.

Feel free to critique and comment. If possible, I'd like a screenshot of the page in your browser. I've only been able to test the css in 1024x768 resolution, so I'm not sure how it'll look on other computers...

Anyways, enjoy browsing. It took me forever because I hadn't coded anything hardcore in almost a year, but I made it.

**mattbrox** · 09-02-2010 09:17 AM

Add this line to your CSS code:

html,body {margin:0px; padding:0px; }

This will remove the gab between the edge of the page and that blue transparent part you have.
Everything else looks really good!

**Marvo** · 09-02-2010 03:18 PM

There is no art on your art site.

edit: Oh, it just takes a while to load it up. You should change the gallery a little so it's clear that there's something there. On a slow connection it'll just look like there's nothing there.

**Puffin** · 09-02-2010 04:16 PM

Mattbrox, you're my savior... I was looking for the code that would fix that stupid gap.

Marvo - I'll see what I can do about the load speed and a message.

**khh** · 09-02-2010 05:09 PM

Something that concerns me is that your page doesn't seem to even loosely adhere to any HTML or XHTML standard. You haven't even got an <html> base element, or a <head> or a <title>.

**Puffin** · 09-02-2010 06:22 PM

Originally Posted by khh

Something that concerns me is that your page doesn't seem to even loosely adhere to any HTML or XHTML standard. You haven't even got an <html> base element, or a <head> or a <title>.

What's the purpose of the <html> or <head> bases? I've seen them on other website coding but don't get what they're for.

Originally Posted by Snowboy

Wow... that's an awesome website!

I like the artwork on the website too, you're pretty damn good at it! I will send some screenshots soon!

Thank you!

**khh** · 09-02-2010 09:57 PM

Originally Posted by Puffin

What's the purpose of the <html> or <head> bases? I've seen them on other website coding but don't get what they're for.

Well, the <title> element gives your document a title, so that it's displayed at the top of the page.
The <html> and <head> elements are simply required by the HTML standard. Most web-browser will accept incorrect pages, but they are not required to do so.
I believe the purpose of the <html> element is to mark that it's an HTML page, and the <head> is used to contain meta-information that isn't supposed to be displayed directly. For instance, stylesheets and javascript libraries should be linked in the head element.
For the page to be valid it also needs to have a doctype, which tells the browser what version of HTML that's being used.

**Snowboy** · 09-02-2010 05:36 PM

Wow... that's an awesome website!

I like the artwork on the website too, you're pretty damn good at it! I will send some screenshots soon!

**Puffin** · 09-02-2010 11:09 PM

Okay, I get it. Thanks.

**OldNutter** · 09-03-2010 12:46 AM

Awesome site! It doesn't look like there anything wrong with the site, but I'm using 1024-768 resolution to. It looks pretty neat on my Ipod too. And Yeah, I noticed the lack of head tags too. What do you use to write the code?

By the way, nice art

**Puffin** · 09-03-2010 01:36 AM

Thanks. :3
I use the editor at webs.com, and have been for the past few years to code webpages. I find it easy to use because I'm so familiar with it.

Spoiler for large image:

Yeah, I started to add head tags.

**Marvo** · 09-03-2010 01:36 AM

It looks fine on 1920x1200 resolution btw.

http://a.imageshack.us/img46/1949/ssite.jpg
http://a.imageshack.us/img840/1244/ssite2.jpg
http://a.imageshack.us/img251/5593/ssite3.jpg

I like the new loading thingy on the gallery page.

You should look into using Notepad++ Puffin. It's very good and can do a lot of great things for you that that webbased editor probably can't.

**OldNutter** · 09-03-2010 01:44 AM

Originally Posted by Marvo

You should look into using Notepad++ Puffin. It's very good and can do a lot of great things for you that that webbased editor probably can't.

What he said. Or there are some Wysiwyg (what you see is what you get) editors you can get for free. it's nice cause it fills out certain critical tags for you.

**Puffin** · 09-03-2010 01:46 AM

Originally Posted by OldSparta

What he said. Or there are some Wysiwyg (what you see is what you get) editors online. it's nice cause it fills out certain critical tags for you.

I'll check it out. Although I have gotten pretty used to typing everything out manually.

**Marvo** · 09-03-2010 02:00 AM

Originally Posted by Puffin

I'll check it out. Although I have gotten pretty used to typing everything out manually.

Notepad++ doesn't really do much extra for you. Generally I just use a hotkey that makes it autocomplete an ending tag, so like if I got a line that says "<p1>herpie de derp", then when I write the </p> part, I can have it autocomplete it and save a little time. It also let's you collapse whole bodies and so on, which can make things a little more neat. Definitely check it out. It's also free.

Oh, it actually colours everything for you. That's also nice.