I've just finished my personal blog for a competition urdd. I would like your opinion on the site. Sorry it's in welsh but I had too. Part of the rules.
Hope you like it.
It's built in Wordpress and the mockup was in gimp it does sort of require a css3 and html5 supportive browser.
@htmlmaniac Good job! Don't listen to josh, your site loaded very fast for me, I guess his pentium 4 crapped out on him. The design looks just fine, keep up the good work.
@Htmlmainiac - sorry that your post is going a little of course!
My recommendation would to tone down a lot of your elements. Really focus on simple and lean before you starting throwing gradients all over the place. Design is all about the minute details that bring elements to life.
The site is relatively good for someone who is as young as you are, but there definitely things that you can improve on pretty easily. As others have said, the gradients are a bit much. I would stick with a solid colour for the border of the content and a more subtle gradient for the page background.
In my opinion, I would put your logo all on one line, rather than having parts of your name higher than others. I would use a different font for your headings as Papyrus is a little (!) overused. Personally I like Trocchi.
So yeah, good job on the enthusiasm and good luck for the competition
@djdaniel150 Well this isn't a conversation about my logo is it? And it seems alot of people seem to agree with the gradient overuse. Perhaps you read my comment with the wrong tone? I was just giving some constructive criticism.
@djdaniel150 Out of curiosity, and also because you were so upset about others 'putting words in your mouth' in another thread, where did I talk negativity about someone else's hard work?
"To be completely honest, I got sick of waiting for the page to load." the site loads very fast, you're just talking negatively about his work. Also, I noticed how you guys talk trash to people, and when they respond you just delete their post. You guys talk trash to me and everyone and anyone else who enters this board, yet you delete their posts if they respond. This one will just get deleted I'm sure, so that no one can read it. Ridiculous.
@frijolito56 I guess this is a conversation about your logo, you obviously had no problem talking negatively about his site, so why shouldn't others talk negatively about your logo?
After looking at your site, Google translated it, and I noticed that you are putting quite a few personal things on your website. I would recommend not putting where your house is, and even not details about your school. Just my two cents.
Also, I would tend to agree with the above comments about your background. I would try to make the gradient a little more subtle, and less thick.
Also, with how young you look in your picture, I would say you are on the right track. Just keep building websites!
We're all adults here, let's try to act like one. No one is targeting you @djdaniel150, you initiated the argument by insulting someone for what they said about a page loading issue on their end. If you don't like what someone has to say, there is a flag button on their post. Let's try to keep this on-topic, myself included, as it's not fair to the OP.
I just wanted to add that Miller Display is a great quality typeface for $40/yr if you're willing to invest in improving your type choices. I personally love the italics. You can test it free for 30 days. Otherwise you can try out Typekit for $0.
But, you have to admit Chris, for people starting out with limited funds (see: people under 18 who can't get a credit card), it's a pretty decent choice.
Nice how you guys edit other peoples posts when they don't agree with you and you talk negatively about other peoples hard work. Good job.
I'm not sure who you think did this...most people here do not have that ability.
IF a moderator DID edit/delete your post I would expect that it was to remove some comment which was outside the bounds of the 'informal' guidelines of expected behaviour.
@TheDoc Well I guess we can confirm that we have a troll among our midst?
This exactly.
@Htmlmainiac - and you know what little guy, although the websites aesthetics are a bit random (overuse of gradients, colours etc) you've still done a pretty good job, so well done.
I work in a secondary school (11-16) years olds as a computer technician and the kids that are in year 11 (15-16) are being told to use dreamweaver templates with tables.
When you get to high school, your knowledge of the HTML structure will be probably better than the teachers.
Just keep on building websites, playing around with new technologies and never stop trying to learn. I wish I had started as early as you.
One of the things we learn (mostly) as we get older is that 'less is more'. Making gradients (for instance) less intense / subtler reduces the overall 'shock' value to the viewer the first time they open your page.
Websites are about content. The presentation should be used to enhance the content and if the styling is SO drastic that it drags the attention away from your content then you've fallen at the first hurdle and people won't stay (or come back) to hear what you have to say (or sell).
Given my understanding of your age, I'm really impressed.
To be honest with you @Htmlmainiac - I have been doing web design and development coming up to 2 years now and it was only a couple of months ago that I had to learn how to use WordPress and learn how to edit the file structure.
Also when I completed my first live website for a client, I didn't have a clue about any back-end stuff such as uploading files via FTP, updating Nameservers and the like.
Just take most of the advice on this thread as constructive criticism and learn from it =)
Like @Paulie_D said, less is more. And you'll learn that as you progress in the field.
If I could show you my first ever static website that I coded up in college (when I was 18 years old) - it wouldn't even come close to yours, haha.
@Watson90 I think my first school web project had the text saved as an image, the navigation bar image mapped and everything was absolutely positioned. To my teenage eyes, it was beautiful. To my teacher's eyes, it was less so.
But I agree with the sentiment. I wish that I had started as early as you have, @HTMLManiac, and think it's great that you're entering competitions so early :)
hello benjamin!
I think the type logo is yelling and drawing unnecessary attention saying "Look I can gradient ". The overall tone of your portfolio is missing. The type is misused. I think so, sorry if i was kind of rude!
I'll probably add GZiping and expires header with .htacsess.
Maybe the border is a bit big i might make it smaller.
Yes ill add a photo gallery and post some pics on it.
Maybe I'll add a portfolio page.
I'm not exactly finished with it so i appreciate the feedback!
I will add a account for you on the site if you sent me a comment.
Username of your choice and password will be Rwbwreia123.
You can change the password in back-end.
@frijolito56 Thanks for the comment it was very useful!
I'll probably use Google Font API but im not shure about it becouse i think it uses @font-face for the fonts.
@Watson90 I have made 9 websites before this one and my first used tables to set it out but I've done it again and it much better.
Here are some of my other websites:
Gwefan Bochdewi (In Welsh)
FlyffyWeb.net (Still working on it)
HTML-Mainia (Just instaled wordpress on it and it will be a bit like CSS-Tricks)
@Htmlmainiac, I'm on Chrome, and for some reason, the video controls appear on the sidebar at first, then goes over to your main content area after the video finishes loading..And if the video is shot in portrait, then it's working fine. I thought it was not filling the container because it was shot landscape.
On Firefox, on initial load the video window was extremely wide, and caused horizontal scrolling until the video completed loading, then it went into the container, and doesn't seem to do that again on page reload.
I got a screenshot of Chrome for you to look at what I'm seeing here I'm baffled as to why it's behaving like that for me.
On Firefox, on initial load the video window was extremely wide, and caused horizontal scrolling until the video completed loading, then it went into the container, and doesn't seem to do that again on page reload.
Yeah, I got something like that too...although the video still does not fit inside the container.
Chrome is fine although the video is not centered in the container...but that's minor.
I've just finished my personal blog for a competition urdd. I would like your opinion on the site. Sorry it's in welsh but I had too. Part of the rules.
Hope you like it.
It's built in Wordpress and the mockup was in gimp it does sort of require a css3 and html5 supportive browser.
The Sides hurt my eyes. Try making it a solid color instead of gradient.Overall the site is pretty good.
To be completely honest, I got sick of waiting for the page to load.
@htmlmaniac Good job! Don't listen to josh, your site loaded very fast for me, I guess his pentium 4 crapped out on him. The design looks just fine, keep up the good work.
@frijolito56 The site of your logo hurts my eyes, it doesn't look like you have much room to talk.
You should add some pictures to your blog to go along with your posts. Maybe make some graphics or something.
@TheDoc Well I guess we can confirm that we have a troll among our midst?
It works on an iPad, though I agree the borders are a tad much. I can remember when I went gradient crazy with GIMP.
I'm hoping for 'misguided' rather than 'troll'.
Remember that one guy who argued about tables?
haha yea, that was a good one.
@Htmlmainiac - sorry that your post is going a little of course!
My recommendation would to tone down a lot of your elements. Really focus on simple and lean before you starting throwing gradients all over the place. Design is all about the minute details that bring elements to life.
@TheDoc Personally, I'm entertained either way
@HTMLManiac
The site is relatively good for someone who is as young as you are, but there definitely things that you can improve on pretty easily. As others have said, the gradients are a bit much. I would stick with a solid colour for the border of the content and a more subtle gradient for the page background.
In my opinion, I would put your logo all on one line, rather than having parts of your name higher than others. I would use a different font for your headings as Papyrus is a little (!) overused. Personally I like Trocchi.
So yeah, good job on the enthusiasm and good luck for the competition
Nice how you guys edit other peoples posts when they don't agree with you and you talk negatively about other peoples hard work. Good job.
@djdaniel150 Well this isn't a conversation about my logo is it? And it seems alot of people seem to agree with the gradient overuse. Perhaps you read my comment with the wrong tone? I was just giving some constructive criticism.
@djdaniel150 Out of curiosity, and also because you were so upset about others 'putting words in your mouth' in another thread, where did I talk negativity about someone else's hard work?
"To be completely honest, I got sick of waiting for the page to load." the site loads very fast, you're just talking negatively about his work. Also, I noticed how you guys talk trash to people, and when they respond you just delete their post. You guys talk trash to me and everyone and anyone else who enters this board, yet you delete their posts if they respond. This one will just get deleted I'm sure, so that no one can read it. Ridiculous.
@frijolito56 I guess this is a conversation about your logo, you obviously had no problem talking negatively about his site, so why shouldn't others talk negatively about your logo?
Practice what you preach.
Okay guys, let's reel this thread in and get back on topic!
After looking at your site, Google translated it, and I noticed that you are putting quite a few personal things on your website. I would recommend not putting where your house is, and even not details about your school. Just my two cents.
Also, I would tend to agree with the above comments about your background. I would try to make the gradient a little more subtle, and less thick.
Also, with how young you look in your picture, I would say you are on the right track. Just keep building websites!
We're all adults here, let's try to act like one. No one is targeting you @djdaniel150, you initiated the argument by insulting someone for what they said about a page loading issue on their end. If you don't like what someone has to say, there is a flag button on their post. Let's try to keep this on-topic, myself included, as it's not fair to the OP.
@The_Doc exactly.
I just wanted to add that Miller Display is a great quality typeface for $40/yr if you're willing to invest in improving your type choices. I personally love the italics. You can test it free for 30 days. Otherwise you can try out Typekit for $0.
@chrisburton Or he could also use google fonts which has a great collection of fonts for free.
@frijolito56 Not really. Majority are poor quality.
But, you have to admit Chris, for people starting out with limited funds (see: people under 18 who can't get a credit card), it's a pretty decent choice.
Typekit is a much better choice with the free plan.
Free Library: https://typekit.com/fonts?collection=trial
I'm not sure who you think did this...most people here do not have that ability.
IF a moderator DID edit/delete your post I would expect that it was to remove some comment which was outside the bounds of the 'informal' guidelines of expected behaviour.
This exactly.
@Htmlmainiac - and you know what little guy, although the websites aesthetics are a bit random (overuse of gradients, colours etc) you've still done a pretty good job, so well done.
I work in a secondary school (11-16) years olds as a computer technician and the kids that are in year 11 (15-16) are being told to use dreamweaver templates with tables.
When you get to high school, your knowledge of the HTML structure will be probably better than the teachers.
Just keep on building websites, playing around with new technologies and never stop trying to learn. I wish I had started as early as you.
I agree with what @Watson90 said.
One of the things we learn (mostly) as we get older is that 'less is more'. Making gradients (for instance) less intense / subtler reduces the overall 'shock' value to the viewer the first time they open your page.
Websites are about content. The presentation should be used to enhance the content and if the styling is SO drastic that it drags the attention away from your content then you've fallen at the first hurdle and people won't stay (or come back) to hear what you have to say (or sell).
Given my understanding of your age, I'm really impressed.
To be honest with you @Htmlmainiac - I have been doing web design and development coming up to 2 years now and it was only a couple of months ago that I had to learn how to use WordPress and learn how to edit the file structure.
Also when I completed my first live website for a client, I didn't have a clue about any back-end stuff such as uploading files via FTP, updating Nameservers and the like.
Just take most of the advice on this thread as constructive criticism and learn from it =)
Like @Paulie_D said, less is more. And you'll learn that as you progress in the field.
If I could show you my first ever static website that I coded up in college (when I was 18 years old) - it wouldn't even come close to yours, haha.
@Watson90 I think my first school web project had the text saved as an image, the navigation bar image mapped and everything was absolutely positioned. To my teenage eyes, it was beautiful. To my teacher's eyes, it was less so.
But I agree with the sentiment. I wish that I had started as early as you have, @HTMLManiac, and think it's great that you're entering competitions so early :)
Haha @David_Leitch!
I remember the website having a yellow background, blue text and a list of my favourite hobbies, the font was styled with Comic Sans everywhere!
Plus all of my CSS was inline :/
@Watson90 ...and lots of animated gifs too...I bet!
@Paulie_D and the text ticker/flashing text
@Htmlmainiac, the video in your "My Room" page is oversized for the container, you may want to look into that too.
Flaming hell, he's got video embedded?
Mad skills young man & major props!
hello benjamin! I think the type logo is yelling and drawing unnecessary attention saying "Look I can gradient ". The overall tone of your portfolio is missing. The type is misused. I think so, sorry if i was kind of rude!
Thanks everyone for the comments
I'll probably add GZiping and expires header with .htacsess.
Maybe the border is a bit big i might make it smaller.
Yes ill add a photo gallery and post some pics on it.
Maybe I'll add a portfolio page.
I'm not exactly finished with it so i appreciate the feedback!
I will add a account for you on the site if you sent me a comment. Username of your choice and password will be Rwbwreia123. You can change the password in back-end.
@ChrisP I think i did add
but what browser are you using please because i do pan on adding a message saying that pre IE8 is not suported.
@David_Leitch i use that font for headers because it is websafe.
@matt44903 My dad allowed me to do that so i think he thinks its safe(ish)
@frijolito56 Thanks for the comment it was very useful! I'll probably use Google Font API but im not shure about it becouse i think it uses @font-face for the fonts.
@Watson90 I have made 9 websites before this one and my first used tables to set it out but I've done it again and it much better.
Here are some of my other websites: Gwefan Bochdewi (In Welsh) FlyffyWeb.net (Still working on it) HTML-Mainia (Just instaled wordpress on it and it will be a bit like CSS-Tricks)
@Htmlmainiac, I'm on Chrome, and for some reason, the video controls appear on the sidebar at first, then goes over to your main content area after the video finishes loading..And if the video is shot in portrait, then it's working fine. I thought it was not filling the container because it was shot landscape.
On Firefox, on initial load the video window was extremely wide, and caused horizontal scrolling until the video completed loading, then it went into the container, and doesn't seem to do that again on page reload.
I got a screenshot of Chrome for you to look at what I'm seeing here I'm baffled as to why it's behaving like that for me.
Thanks to everyone for the nice starting early comments!
I learnt everything from a book called HTML, XHTML and CSS All In One For Dummies
Yeah, I got something like that too...although the video still does not fit inside the container.
Chrome is fine although the video is not centered in the container...but that's minor.
@Paulie_D I think it does fit, it's just shot in portrait.
Here is a screenshot of what I'm seeing during loading on Firefox as well.
As soon as the video finishes loading, it fits properly in the container.
Hmmm...now it's back in the container...odd.
However, it looks like FF doesn't render the video at the desired width until after it's finished loading.
@ChrisP I dont have a clue what that is because i use chrome and its fine for me
That's odd..it does it for me on every page load.
@ChrisP I'll check to see if your right
Ok it does take a wile to load and then it fits