A work in progress

  • (4 Pages)
  • +
  • 1
  • 2
  • 3
  • 4

49 Replies - 4064 Views - Last Post: 15 April 2011 - 07:47 PM

#31 Slice  Icon User is online

  • D.I.C Addict


Reputation: 197
  • View blog
  • Posts: 595
  • Joined: 24-November 08

Re: A work in progress

Posted 11 April 2011 - 02:55 AM

Maybe you could move the footer down to stick at the bottom of the page? Half way up it seems like its cutting your page in half. You could use a spacer or the page padding method. (this one) I use that on all my sites :)
Was This Post Helpful? 0
  • +
  • -

#32 Creecher  Icon User is offline

  • I don't care
  • member icon

Reputation: 556
  • View blog
  • Posts: 2,044
  • Joined: 06-March 10

Re: A work in progress

Posted 11 April 2011 - 05:44 AM

I'm going to rewrite the entire thing to make it a 2 column layout. Wish me luck :P
Was This Post Helpful? 0
  • +
  • -

#33 lemonchicken  Icon User is offline

  • D.I.C Head

Reputation: -5
  • View blog
  • Posts: 76
  • Joined: 11-December 10

Re: A work in progress

Posted 11 April 2011 - 06:31 AM

View Postcreativecoding, on 11 April 2011 - 02:39 AM, said:

View Postlemonchicken, on 10 April 2011 - 05:05 PM, said:

Lemur has an issue.
I think he needs to put that to one side and stop plaguing my every move here


Sort of a dick move fixing his HTML, it's like painting over someone's painting.


awhh mann I was only trying to help.
have a look at the original code.. screaming out to be rewritten...
Was This Post Helpful? -2
  • +
  • -

#34 macosxnerd101  Icon User is online

  • Self-Trained Economist
  • member icon




Reputation: 9039
  • View blog
  • Posts: 33,531
  • Joined: 27-December 08

Re: A work in progress

Posted 11 April 2011 - 06:59 AM

This is the last warning for everyone. Let's keep on topic rather than continuing to focus on lemonchicken's correcting the code.
Was This Post Helpful? 1
  • +
  • -

#35 Creecher  Icon User is offline

  • I don't care
  • member icon

Reputation: 556
  • View blog
  • Posts: 2,044
  • Joined: 06-March 10

Re: A work in progress

Posted 11 April 2011 - 09:25 AM

Okay I re-uploaded my site and it's way better. I appreciate the helpful links that where posted here as well.

http://neverpool.com :D

Look at my old source:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Personal website hosting the projects of Logan Creech" />
<title>Logan Creech</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
<div id="main">


<div class="navouter">
<div class="navcontent">
	<h3>Navigation</h3>
	<ul>
		<li><a href="index.html">Main</a></li>
		<li><a href="projects.html">Projects</a></li>
		<li><a href="contact.html">Contact</a></li>
		<li><a href="links.html">Links</a></li>
	</ul>
	</div>
</div>
<h1 class="header">Logan Creech Programming</h1>

<p>Welcome to my website! I've been hard at work on this new template (not really, I spent like 2 hours on it, new record!) and I'm rather proud of it. I'll be posting whatever projects I happen to be working on at the moment here as well.</p>
<p>If you are looking for my old Elder Scrolls site, check here: <a href="http://obj.neverpool.com">link</a></p>

</div>


<div id="footer">
<p>&copy; Logan Creech 2011</p>
</div>
<div id="hidden">
:D/>
</div>
</div>

</body>
</html>


New source:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Personal website hosting the projects of Logan Creech" />
<title>Logan Creech</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="wrap">
<div id="header"><h1>Logan Creech Programming</h1></div>
<div id="main">
<br />
<br />
<p>I've redone the website to show up with two columns, so my navigation bar is on its own and not inside my main content box. Check out my thread on it on DIC by following this <a href="http://www.dreamincode.net/forums/topic/225924-a-work-in-progress/">link</a></p>
<p>If you are looking for my old Elder Scrolls site, check here: <a href="http://obj.neverpool.com">link</a></p>
</div>
<div id="sidebar">
<h2>Navigation</h2>
	<ul>
		<li><a href="index.html">Main</a></li>
		<li><a href="projects.html">Projects</a></li>
		<li><a href="contact.html">Contact</a></li>
		<li><a href="links.html">Links</a></li>
	</ul>
</div>
<div id="footer">
<p>&copy; Logan Creech 2011</p>
</div>
</div>
</body>
</html>

Was This Post Helpful? 0
  • +
  • -

#36 Vip3rousmango  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 56
  • View blog
  • Posts: 98
  • Joined: 10-February 10

Re: A work in progress

Posted 11 April 2011 - 09:50 AM

I like the idea you're going for, and agree that the green on black background does make it easier for my eyes. Personally, I like it.

Just remember though with a colour scheme like this, anyone who is visually impaired or has colour blindness won't be able to view/see or interact with your website. I know that colour-blind people aren't the majority of the web population but, if you have information their looking for they won't be able to find it with these colours.

Now, this many not be important for this project in particular or the purpose of this site (to reach a maximum audience/specific group) but just something to keep in mind when doing colour layouts.

For the record, oranges and blues (although composite colour) are the best for visually impaired people if you're trying to make a fully accessible site. Besides that, keep up the good work!
Was This Post Helpful? 3
  • +
  • -

#37 Creecher  Icon User is offline

  • I don't care
  • member icon

Reputation: 556
  • View blog
  • Posts: 2,044
  • Joined: 06-March 10

Re: A work in progress

Posted 11 April 2011 - 10:10 AM

View PostVip3rousmango, on 11 April 2011 - 11:50 AM, said:

I like the idea you're going for, and agree that the green on black background does make it easier for my eyes. Personally, I like it.

Just remember though with a colour scheme like this, anyone who is visually impaired or has colour blindness won't be able to view/see or interact with your website. I know that colour-blind people aren't the majority of the web population but, if you have information their looking for they won't be able to find it with these colours.

Now, this many not be important for this project in particular or the purpose of this site (to reach a maximum audience/specific group) but just something to keep in mind when doing colour layouts.

For the record, oranges and blues (although composite colour) are the best for visually impaired people if you're trying to make a fully accessible site. Besides that, keep up the good work!

I've been throwing around the idea of letting people switch the color scheme.


Like a link the the bottom right that switches the CSS sheet. :D
Was This Post Helpful? 0
  • +
  • -

#38 Lemur  Icon User is offline

  • OpenBSD Head
  • member icon


Reputation: 1111
  • View blog
  • Posts: 3,061
  • Joined: 28-November 09

Re: A work in progress

Posted 11 April 2011 - 10:41 AM

As you get better in HTML you'll be able to make things modular to where changing the CSS is all you need for a complete redesign.

A good practice to tell if your HTML is good is to take away the style sheet, if the page still makes logical sense you're good to go.

Typical modules you'll want to have are, in order: Header, Navigation, Sub Navigation, Main Content, Sub Content, Advertisements, Footer. This isn't to say that's definitive, but a basic layout. Limit the number of divs you have to the bare minimum to satisfy that and having a container element to allow for a gutter.

EDIT - Color scheme testing.

Take a screenshot of your site and desaturate it, if it is still easily readable then you're fine when it comes to people with color blindness.

This post has been edited by Lemur: 11 April 2011 - 10:44 AM

Was This Post Helpful? 1
  • +
  • -

#39 Vip3rousmango  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 56
  • View blog
  • Posts: 98
  • Joined: 10-February 10

Re: A work in progress

Posted 11 April 2011 - 10:54 AM

View PostNeverPool, on 11 April 2011 - 12:10 PM, said:

View PostVip3rousmango, on 11 April 2011 - 11:50 AM, said:

I like the idea you're going for, and agree that the green on black background does make it easier for my eyes. Personally, I like it.

Just remember though with a colour scheme like this, anyone who is visually impaired or has colour blindness won't be able to view/see or interact with your website. I know that colour-blind people aren't the majority of the web population but, if you have information their looking for they won't be able to find it with these colours.

Now, this many not be important for this project in particular or the purpose of this site (to reach a maximum audience/specific group) but just something to keep in mind when doing colour layouts.

For the record, oranges and blues (although composite colour) are the best for visually impaired people if you're trying to make a fully accessible site. Besides that, keep up the good work!

I've been throwing around the idea of letting people switch the color scheme.


Like a link the the bottom right that switches the CSS sheet. :D


Ohhh! Love it! Having the ability to change colours defiantly could improve the accessibility of the site if that's what you're planning. If you also take into consideration what Lemur posted previously, then adding this type of feature isn't too much extra work.
Was This Post Helpful? 0
  • +
  • -

#40 Vip3rousmango  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 56
  • View blog
  • Posts: 98
  • Joined: 10-February 10

Re: A work in progress

Posted 11 April 2011 - 11:09 AM

View PostLemur, on 11 April 2011 - 12:41 PM, said:

EDIT - Color scheme testing.

Take a screenshot of your site and desaturate it, if it is still easily readable then you're fine when it comes to people with color blindness.


I've never tried that! Good idea. Would this work for both types of colorblindness? (lack of red and/or green hues)

Sorry, didn't mean to change the topic though. Maybe this should be a separate topic under web design/development?
Was This Post Helpful? 0
  • +
  • -

#41 Lemur  Icon User is offline

  • OpenBSD Head
  • member icon


Reputation: 1111
  • View blog
  • Posts: 3,061
  • Joined: 28-November 09

Re: A work in progress

Posted 11 April 2011 - 11:14 AM

It's fine. Actually it's more of a general web design rule. You have to watch that the hue, saturation, and brightness of colors don't conflict with eachother. If they do then color blind or not you're bound to run into some problems.

Saturation - A minimalist theme should have high saturation colors, but only 1 or 2. A theme with multiple high saturation is a distraction and should be avoided.

Hue - Conflicting hues of colors, or colors that are too close on the spectrum to eachother can make reading difficult and distinguishing even worse in some cases.

Brightness - Dark blue is amazing on white and light but once it hits a dark theme it becomes completely unreadable.

EDIT - When it comes to color theme shifters be extremely careful. That means everything has to shift almost like a skins system. If not, the site will fall to pieces design wise.

This post has been edited by Lemur: 11 April 2011 - 01:12 PM

Was This Post Helpful? 1
  • +
  • -

#42 Creecher  Icon User is offline

  • I don't care
  • member icon

Reputation: 556
  • View blog
  • Posts: 2,044
  • Joined: 06-March 10

Re: A work in progress

Posted 11 April 2011 - 06:51 PM

Okay, I allowed people to change the styling of the site.


http://neverpool.com

http://neverpool.com/wp
Was This Post Helpful? 0
  • +
  • -

#43 Dogstopper  Icon User is offline

  • The Ninjaducky
  • member icon



Reputation: 2696
  • View blog
  • Posts: 10,556
  • Joined: 15-July 08

Re: A work in progress

Posted 11 April 2011 - 06:54 PM

Look into using session variables. They will allow you to store user settings in a cookie instead of having to manually choose the page each time.
Was This Post Helpful? 0
  • +
  • -

#44 Creecher  Icon User is offline

  • I don't care
  • member icon

Reputation: 556
  • View blog
  • Posts: 2,044
  • Joined: 06-March 10

Re: A work in progress

Posted 11 April 2011 - 07:06 PM

View PostDogstopper, on 11 April 2011 - 08:54 PM, said:

Look into using session variables. They will allow you to store user settings in a cookie instead of having to manually choose the page each time.

As I said before, I'm avoiding PHP as much as possible. Any other ideas?
Was This Post Helpful? 0
  • +
  • -

#45 blaxarbush  Icon User is offline

  • New D.I.C Head

Reputation: 1
  • View blog
  • Posts: 29
  • Joined: 25-September 10

Re: A work in progress

Posted 11 April 2011 - 08:59 PM

One hint for your font which the one you have is great although it is standard. Im not sure what the font is called but if you were to look up fonts from the games fetured in SNES that might help the theme a bit.

Other than that your off to a great start.
Was This Post Helpful? 0
  • +
  • -
  • (4 Pages)
  • +
  • 1
  • 2
  • 3
  • 4