I been working on my personal portfolio since few days and I would really appreciate your view on my website. about the website: - Website is not responsive yet but planning to make it one. - Have used some CSS3. - No idea about what to put in to footer. Should I keep the footer same for every page?
I really am not fond of the color scheme, it is a little wild for me, I would like to see some colors that are a little more aesthetically pleasing, something complimentary.
I think the "hire me" and "work" images are clever, and look pretty cool on the home page.
Your WORK page looks really good in my opinion however, the images are 100k and over each which is really high, you could easily cut file sizes in half to make it load faster...
Especially if you are going to make it responsive, anyone using a mobile device is going to have to wait quite sometime to load...
I'm not sure whether English is your second language or if you just haven't gotten around to it but I would definitely recommend using a proofreader/spellchecker before you go live with that site.
@ kgscott284 : i will definitely reduce the image size. thanks @theacefes : English is not my first language and I fixed spelling mistakes. I will always use spell checker now on before going live, thanks.
I recently made a portfolio. I see you are wondering what to put in the footer. Here's what I figured: My Footer. I put some logos for services I like/use and then some legal info.
@krysak4ever Thank you so much for your suggestions and time. It really helped me a lot and I implemented few things u suggested. The reason i didn't use HTML5 is because i wanted my website to maintain a decent look in IE browsers too. I used CSS3 and will use fall-backs for that. My locations is not much important as i do most of my work remotely so i decided to go with small sized map. about-me-page
and about the border and button color on the work page, when i was designing it, I thought the same thing you suggested but i used grey shades instead and you will see why if you have look at this work-portfolio-page
Again thank you so much, i really appreciate it :)
Modernizr does not "enable HTML5" in any browser. If a browser doesn't support border-radius, Modernizr will not magically change that.
What Modernizr does is examine the user agent (browser) to determine what features (including HTML5 stuff) it supports. It adds class names to HTML elements indicating which features are and are not supported by the browser being used. You can use these class names as styling hooks for alternate styling to work around or simulate unsupported features.
You are correct that Modernizr includes the html5 shiv. So if you already are using Modernizr, there's no need to separately reference the shiv. If you aren't using Modernizr, then you'll probably want to reference the shiv - many people get it from Google:
@yrsengar but for such a small web as is personal portfolio I do believe it is better to "write from scratch by hand" and not using predefined stuff (frameworks, ...)
simply, you will try it yourself and learn more ;)
@yrsengar I agree with @kgscott284 that the colours are a bit wild on the homepage but colours are about personal feelings and perception thing different to all of us
but it is nice to point out things but also provide solutions :) so if you are like me (more coding, less good with colours) you can have a look here
Thanks for your suggestions guys....... :) @alisonmaehinch@krysak4ever I have only worked on couple of responsive websites so i don't know much about responsive web design and I'm still learning it. As @krysak4ever suggested, i will probably write from scratch. You guessed it right, I'm not that good with colours .
But as i said, I am still learning responsive webdesign, it would be really helpful if you guys could point some of the resources where i can learn from :)
about the website:
- Website is not responsive yet but planning to make it one.
- Have used some CSS3.
- No idea about what to put in to footer. Should I keep the footer same for every page?
Here is the link to my website: www.yogeshsengar.com
Thanks in advance for you suggestions.
Yogesh
I think the "hire me" and "work" images are clever, and look pretty cool on the home page.
Your WORK page looks really good in my opinion however, the images are 100k and over each which is really high, you could easily cut file sizes in half to make it load faster...
Especially if you are going to make it responsive, anyone using a mobile device is going to have to wait quite sometime to load...
@theacefes : English is not my first language and I fixed spelling mistakes. I will always use spell checker now on before going live, thanks.
try using this to reduce img weight ... http://www.jpegmini.com/
1.]
add in css
keeps page centred in all browsers regardless of content height (adds scrollbar)
2.]
people want to click on email
3.]
make your id="logo" a link that leads to index, not just the home button
4.]
you have transitional doctype, try using sctrict
look in validator http://validator.w3.org/ for errors
once all is okay and you are sure with code, switch to HTML5 !
do not go the old way
go and rock with HTML5 :)
stick with ONE colour for links in body
green would make sense here as menu
make it obvious what is link
6.]
give your heading a bit of space, text is to much close to it
7.]
remove this line
Note: This website is still under construction, please visit again to see it at its BEST.
common, your web will always be in development, trust me it feels like this with every web all the time ;)
8.]
in your WORK, you could change img border colour to orange to indicate it does something
same as on hover you have in menu
would make sense
and
since you have green buttons, use that on the VISIT WEBSITE
about me
make the map bigger, got good space there
http://krsiakdaniel.minus.com/mbaGTwTDjz/22f
10.]
contact
I do not know, like the form more this way
http://krsiakdaniel.minus.com/mbaGTwTDjz/23f
hope you do not hate me now :)
http://bounceapp.com/71229
http://bounceapp.com/71230
http://bounceapp.com/71231
http://bounceapp.com/71232
hover over those bubbles
The reason i didn't use HTML5 is because i wanted my website to maintain a decent look in IE browsers too. I used CSS3 and will use fall-backs for that.
My locations is not much important as i do most of my work remotely so i decided to go with small sized map.
about-me-page
and about the border and button color on the work page, when i was designing it, I thought the same thing you suggested but i used grey shades instead and you will see why if you have look at this work-portfolio-page
Again thank you so much, i really appreciate it :)
you can use http://modernizr.com/ to enable HTML5 in older IE browsers
What Modernizr does is examine the user agent (browser) to determine what features (including HTML5 stuff) it supports. It adds class names to HTML elements indicating which features are and are not supported by the browser being used. You can use these class names as styling hooks for alternate styling to work around or simulate unsupported features.
you are taling about CSS 3
what I meant is that modernizr ihncludes HTML5 shiv that renders new HTML5 elements
You are correct that Modernizr includes the html5 shiv. So if you already are using Modernizr, there's no need to separately reference the shiv. If you aren't using Modernizr, then you'll probably want to reference the shiv - many people get it from Google:
I am currently using bootstrap for a few of my projects and have found it easy to use.
As for your design a lot of the suggestions that have been given are pretty good.
you are right and Bootstrap is really good
@yrsengar
but for such a small web as is personal portfolio I do believe it is better to "write from scratch by hand" and not using predefined stuff (frameworks, ...)
simply, you will try it yourself and learn more ;)
I agree with @kgscott284 that the colours are a bit wild on the homepage
but colours are about personal feelings and perception
thing different to all of us
but it is nice to point out things but also provide solutions :)
so if you are like me (more coding, less good with colours) you can have a look here
http://kuler.adobe.com
http://www.colourlovers.com/palettes
@alisonmaehinch @krysak4ever I have only worked on couple of responsive websites so i don't know much about responsive web design and I'm still learning it. As @krysak4ever suggested, i will probably write from scratch.
You guessed it right, I'm not that good with colours .
But as i said, I am still learning responsive webdesign, it would be really helpful if you guys could point some of the resources where i can learn from :)
for inspiration go here ... http://mediaqueri.es/
read these and you will learn what you need
what is it
http://webdesignerwall.com/tutorials/css3-media-queries
how to build web
http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries
tricks
http://webdesignerwall.com/tutorials/responsive-design-in-3-steps
http://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design