How could I improve my website

[Guest]

Hopefully this isn't considered advertising somehow, I'm not selling anything but I made a personal website for programming/linux/3d modeling: http://whitephoenix0.github.io

Does anyone have any suggestions? I'm trying to find ways to improve it. If you want to see the html/css its @ https://github.com/whitephoenix0/whitephoenix0.github.io, Thanks

[Hans Christian | Teri]

Not having the blue lines on the top and bottom of your menu would be a good start. Also making all the links functional would probably be a good idea as well.  I'd drop the way too cheesy shadow as well.

[Guest]

Not having the blue lines on the top and bottom of your menu would be a good start. Also making all the links functional would probably be a good idea as well.  I'd drop the way too cheesy drop shadow as well.

I like the blue lines because it separates the menu from the rest of the things, I think if you go to my C++ guide thing you'll see why. I like the drop shadow too lol

[Guest]

I'll try it without them though

[VAkena]

Hopefully this isn't considered advertising somehow, I'm not selling anything but I made a personal website for programming/linux/3d modeling: http://whitephoenix0.github.io

Does anyone have any suggestions? I'm trying to find ways to improve it. If you want to see the html/css its @ https://github.com/whitephoenix0/whitephoenix0.github.io, Thanks

Why don't you try some material design based colour schemes? Material design always looks great if done properly 

[AresKrieger]

I like the blue lines because it separates the menu from the rest of the things, I think if you go to my C++ guide thing you'll see why. I like the drop shadow too lol

Add blue lines as a border for consistency (for the whole page or something), and you'll be able to keep it nice looking without having to remove them

[Guest]

Why don't you try some material design based colour schemes? Material design always looks great if done properly 

I know almost nothing about material design. Is the google guide good?

[Guest]

Add blue lines as a border for consistency (for the whole page or something), and you'll be able to keep it nice looking without having to remove them

Around what?

[AresKrieger]

Around what?

Around the white section of the page might look nice, it just needs some kind of contrast of some sort to bring it together, maybe not my suggestion specifically but something

[Dukanater]

just make the blue lines thinner they dont have to go but as they are right now they do look pretty horrible

[VAkena]

I know almost nothing about material design. Is the google guide good?

I had a quick look at this guide, it looks promising (although it's for apps). You're still welcome to have a look

Link: http://material-ui.com/#/components/switches

[1823alex]

I think you should overhaul the site to follow a material design scheme. If you need ideas for material design colors checkout http://flatuicolors.com which is my favorite color palette. If you need some inspiration my site is below, I know way different as to what yours is for and mine is for but it's still an idea. I can post some code if you'd like as well.

[Guest]

just make the blue lines thinner they dont have to go but as they are right now they do look pretty horrible

Is this small enough or smaller?

[Dukanater]

Is this small enough or smaller?

that is much more pleasant to look at. smaller if you want i think you have a happy medium now though

[Guest]

I'm going to figure out the material design stuff and try to make general improvements then maybe I'll make another thread

[Guest]

Alright I made some color tweaks, what do you all think?

[Hazy125]

If it's at the same URL, that shadow needs work. It looks odd without touching.

 

If you're curious about material design for websites, here was my first attempt at it. Never finished it https://hazy125.com/sub/kathy/material.php

[Guest]

If it's at the same URL, that shadow needs work. It looks odd without touching.

 

If you're curious about material design for websites, here was my first attempt at it. Never finished it https://hazy125.com/sub/kathy/material.php

There have been a few comments about the shadow, is it displaying incorrectly or just looking weird? I'm definitely not good at colors/design stuff but it looks alright to me. What specifically is wrong with it?

[Hazy125]

There have been a few comments about the shadow, is it displaying incorrectly or just looking weird? I'm definitely not good at colors/design stuff but it looks alright to me. What specifically is wrong with it?

 

It looks off. You can probably fix it by making sure the shadow connects to the nav bar, and center it. The offset only really works if it's angled. I can't remember off the top of my head, but I believe it's something like transform: skew('45deg'); in CSS if you want to keep the shadow offset and have it angled a bit

[Guest]

It looks off. You can probably fix it by making sure the shadow connects to the nav bar, and center it. The offset only really works if it's angled. I can't remember off the top of my head, but I believe it's something like transform: skew('45deg'); in CSS if you want to keep the shadow offset and have it angled a bit

How about this? I updated it. http://whitephoenix0.github.io/

[SmashyThePenguin]

The front page isn't very grasping to me. I don't know what the goal of the site is, but to anyone that wasn't directly referred there for the purpose of viewing the exact content you have, it may not be enough to keep them interested. There isn't a lot of personality. No identifiable logo, no blurb about yourself or what the site is centered around aside from the header, or catching displays for the posts/topics. Which really feels like it's missing because of the informal and emotionally appealing post on the front page. And if I'm assuming correctly, the topics and featured projects list is going to expand and look even less approachable as a wall of text. So, I would really recommend an image link with a caption for each post. The post "C++ Beginner's Guide to Not Dying" doesn't really suffer from this problem because once you've selected a topic, you're pretty much invested and the blocks of code being shown break up the text quite nicely. 

[N0ps32]

I think you should consider limiting the width of everything.

This is what the page looks like on a 4K screen: http://abload.de/img/snapshot13yjoy1.png

Everything looks streched, it would look a lot better if you would limit the width to like ~1000px and center the page.

[flexluthor]

You can try something like this: http://flexedluthor.github.io/

[Guest]

The front page isn't very grasping to me. I don't know what the goal of the site is, but to anyone that wasn't directly referred there for the purpose of viewing the exact content you have, it may not be enough to keep them interested. There isn't a lot of personality. No identifiable logo, no blurb about yourself or what the site is centered around aside from the header, or catching displays for the posts/topics. Which really feels like it's missing because of the informal and emotionally appealing post on the front page. And if I'm assuming correctly, the topics and featured projects list is going to expand and look even less approachable as a wall of text. So, I would really recommend an image link with a caption for each post. The post "C++ Beginner's Guide to Not Dying" doesn't really suffer from this problem because once you've selected a topic, you're pretty much invested and the blocks of code being shown break up the text quite nicely. 

Alright, I added to the intro on the first page. Does that make it seem any better? Creating a logo is definitely one of the next steps. I've got some research to do on logos though.

 

I think you should consider limiting the width of everything.

This is what the page looks like on a 4K screen: http://abload.de/img/snapshot13yjoy1.png

Everything looks streched, it would look a lot better if you would limit the width to like ~1000px and center the page.

I'm going to just have to research responsive web design overall, because on a phone it looks the same as the desktop version but smaller... This will be my next major project

[Guest]

You can try something like this: http://flexedluthor.github.io/

That's awesome. I might have to steal a few ideas if that's okay. I did improve my description/ intro on the front page. Also whats the deal with copyright? I thought you had to file things and pay like $80. Can you just put "Copyright © 2015 Whitephoenix. All Rights Reserved." at the bottom?