I'd like some suggestions on how I may improve my portfolio web site at http://suefeng.net. If you have any suggestions pertaining the layout or structure, please feel free to let me know. Thanks!
1.] the blue colour looks kinda bad as it has not really good contrast on the background (logo, menu) 2.] text + images could use a bit of space lot breathe a little, too close to each other
Yes I would use the same blue as the logo for the top border and any other place you are using it.
Also less text and more portfolio (make images larger). Also it should be responsive so that any viewer will see large images of your work no matter what the screen size.
Thanks for the suggestions Schmotty. I think using the same blue for the bottom text does not work so well with the tan background. but I can try. I'll try to make the images larger for larger screen sizes. Do you know if there's a way to test on bigger screen sizes than the one I'm using? Or do I have to have a larger screen to do the testing?
The problem with making the images bigger on bigger screens is the text stays the same while the images get bigger. The width will also stay the same because otherwise the text will be going across the screen in rows that are too long. I'd like to keep the images at 3 per row. That's a bit tricky. I can make the pictures slightly bigger though.
One issue I noticed is with the text that pops up when hovering over an image. The white is semi-transparent and makes it difficult to read. Hover over the Ducati image to see what I mean. You can still make the background transparent using background-color: rgba(0,0,0,0.5) without reducing the text transparency.
I'd like some suggestions on how I may improve my portfolio web site at http://suefeng.net. If you have any suggestions pertaining the layout or structure, please feel free to let me know. Thanks!
1.] the blue colour looks kinda bad as it has not really good contrast on the background (logo, menu)
2.] text + images could use a bit of space lot breathe a little, too close to each other
Also less text and more portfolio (make images larger). Also it should be responsive so that any viewer will see large images of your work no matter what the screen size.
One issue I noticed is with the text that pops up when hovering over an image. The white is semi-transparent and makes it difficult to read. Hover over the Ducati image to see what I mean. You can still make the background transparent using
background-color: rgba(0,0,0,0.5)without reducing the text transparency.