Thoughts on my website.

[limegorilla]

Hi, My name is Liam Doyle, and I do a lot of photo/video work for people and needed a website, among other stuff. Anyway, what I'm saying is if you can check my website out. Bear in mind ITS NOT FINISHED. The blog, contact and other pages still need to be written, however, if anyone wants to give me design ideas... im open. I want to finish the final design before I write the entire page. To re-iterate its a "hub" of sorts. I know it sounds corny, but its a company I want to have when I'm older. I know its setting the bar too high, but the idea is is for the moment this is where all the photos I do for people will go for distribution and It will house my blog and serve as a "hub" for my social platforms as well as my YouTube channel, that doesnt exist yet.

 

Basically, I want it to look professional and easy to read. Thank's of your input,

Liam.

 

Oh, and here is the link: limegorilla.github.io 

[FuzzyLogic]

It looks quite nice, and I like the fonts, but I would suggest making the body text slightly larger to maake it easier to read. Do you know if it scales correctly on higher resolution screens? (I'm using a 1280x1024 monitor)

 

Oh yeah, what did you use to make it? Web template or your own HTML/CSS?

[limegorilla]

3 minutes ago, thegreengamers said:

Oh yeah, what did you use to make it? Web template or your own HTML/CSS?

I used brackets, and all the Html & CSS is mine apart from the nav, which is bootstrap.

Thank you for the feedback!

[Russy]

a bit of feedback, overall its a nice looking website.

Your footer is broken on my device. A better way to implement an effective, responsive footer is to create a div and do the styling via a stylesheet.

here is an example of what i mean.

<div id="footer">Generic footer information</div>

What this looks like in the CSS side of things 

#footer {
clear:both;
background: #333;
line-height: 22px;
text-align: center;
font-size: 15px;
color: #999;
margin: auto;
width: 85%;
bottom: 0;
height: auto;
border-radius: 3px;
position: fixed;
}

Obviously the CSS would need to be changed to reflect your website however it is a good starting point for a responsive footer which ive found to work quite well.

 

 

What it would look like for you is:

<div id="footer">Copyright © LimeGorilla.media - All Rights Reserved.</div>

#footer {
clear:both;
background: #333;
line-height: 22px;
text-align: center;
font-size: 15px;
color: #999;
margin: auto;
width: 100%;
bottom: 0;
height: auto;
border-radius: 3px;
position: fixed;
}

Some changes will be necessary, this was done quickly.

[limegorilla]

14 minutes ago, Russy said:

a bit of feedback, overall its a nice looking website.

Your footer is broken on my device. A better way to implement an effective, responsive footer is to create a div and do the styling via a stylesheet.

here is an example of what i mean.

<div id="footer">Generic footer information</div>

What this looks like in the CSS side of things 

#footer {
clear:both;
background: #333;
line-height: 22px;
text-align: center;
font-size: 15px;
color: #999;
margin: auto;
width: 85%;
bottom: 0;
height: auto;
border-radius: 3px;
position: fixed;
}

Obviously the CSS would need to be changed to reflect your website however it is a good starting point for a responsive footer which ive found to work quite well.

 

 

 

  Hide contents

 

 

What it would look like for you is:

<div id="footer">Copyright © LimeGorilla.media - All Rights Reserved.</div>

 

#footer {
clear:both;
background: #333;
line-height: 22px;
text-align: center;
font-size: 15px;
color: #999;
margin: auto;
width: 100%;
bottom: 0;
height: auto;
border-radius: 3px;
position: fixed;
}

Some changes will be necessary, this was done quickly.

 

Thank you! This is why I love the forum so much. I will try your footer in the next update - just to ask, what device where you on?

[Creed1]

Desktop version is nice. Mobile is a bit ruff. The mobile versions nav menu is transparent and buggy, also the grey blocks behind the text are a bit buggy. Otherwise great job.

[dizmo]

• I'd make the text in the body bigger, it's a bit hard to read.
• Why does it say Limeey gorilla? I don't get that part. It says LimeGorilla everywhere else. Also, if you're going to capitalize it like that, have it carry through - it should be Limeey Gorilla, if that's indeed what you meant to put.
• At the top, one link ends in a period, the other does not. Pick one or the other not both.
• Why are you talking in third person? It's off putting to some people.
• There are some areas where you've missed capitalization, and misplaced punctuation.
• You never start a sentence with "and".
• You didn't capitalize YouTube.
• I don't think "My Social Networks" is the right wording. You don't own them, those are your accounts. Maybe change the title to something more fitting.
• The button at the bottom of the page should have the text capitalized.
• If this is a professional website, don't include your personal Facebook.
• The font sizing is off on the Social Networks page. It just looks weird.
• I'd include more imagery on the front page, and perhaps try to make it so that one doesn't have to scroll.

I like the look of it though.

[Russy]

14 minutes ago, limegorilla said:

Thank you! This is why I love the forum so much. I will try your footer in the next update - just to ask, what device where you on?

Windows 10 Chrome - version unknown.

[limegorilla]

5 minutes ago, Russy said:

Windows 10 Chrome - version unknown.

Thank you!

[limegorilla]

9 minutes ago, CmzPlusHardware said:

 Mobile is a bit ruff. 

Is it? Can I ask what device your on? It seems to be fine on my phone..

But thank you for your feedback!

[Creed1]

Just now, limegorilla said:

Is it? Can I ask what device your on? It seems to be fine on my phone..

But thank you for your feedback!

Samsung S7 using chrome web browser

[limegorilla]

7 minutes ago, dizmo said:

• I'd make the text in the body bigger, it's a bit hard to read.
• Why does it say Limeey gorilla? I don't get that part. It says LimeGorilla everywhere else. Also, if you're going to capitalize it like that, have it carry through - it should be Limeey Gorilla, if that's indeed what you meant to put.
• At the top, one link ends in a period, the other does not. Pick one or the other not both.
• Why are you talking in third person? It's off putting to some people.
• There are some areas where you've missed capitalization, and misplaced punctuation.
• You never start a sentence with "and".
• You didn't capitalize YouTube.
• I don't think "My Social Networks" is the right wording. You don't own them, those are your accounts. Maybe change the title to something more fitting.
• The button at the bottom of the page should have the text capitalized.
• If this is a professional website, don't include your personal Facebook.
• The font sizing is off on the Social Networks page. It just looks weird.
• I'd include more imagery on the front page, and perhaps try to make it so that one doesn't have to scroll.

I like the look of it though.

I love it when people take the time to do somthing properly. Which you have and I haven't, clearly  All of this will go into an update, which I'm going to try and push up on Monday - Tuesday.

[Creed1]

Here are some images

 

[limegorilla]

3 minutes ago, CmzPlusHardware said:

Here are some images

 

Hmmmmm..... Ok, thanks for thease. I think I know why......

[EPENEX]

I'm a fan of this kind of layout and style: https://thebestmotherfucking.website/ in practice, it may look something like this: https://stallman.org/

[dizmo]

1 hour ago, limegorilla said:

I love it when people take the time to do somthing properly. Which you have and I haven't, clearly  All of this will go into an update, which I'm going to try and push up on Monday - Tuesday.

Are you sassin' me boy?