Making a website for class; need comments (sponge-related ^_^)

Hi there. So I’ve got a presentation coming up in Digital Design, and would love some feedback.

http://phroa.net is the link, any comments welcome =)

Also, how well does it respond to different screen sizes? It’s supposed to, but I’m not convinced.

Edit - keep in mind this isn’t the official sponge site by any means. just a project for school.

Looks pretty good on an iPad.

The site it’s self looks very nice.

My tablet nailed it :s, I am sorry.

very nice! But hovering over the sponge on twitter button looks wrong (it doesn’t highlight the box fully like the others, and theres no logo) other than that it looks great!

No logo, huh. I’ve had some issues with twitter’s, but mine were probably linked to the fact that twitter.com is blocked. maybe I’ll host a local copy and see if it helps. thanks for the feedback!

Cool, I recommend a responsive framework such as pure

Frameworks? In Digital Design 001? (like 101 but… worse) Slow down there buddy :wink:

Sorry, We don’t have all this 001 crap in scotland. Still, I think including some CSS files is better than media queries and all that stuff

No problem glad I could help! :wink:

Hi phroa,

if you want to test your site with different screen sizes, I recommend you the new Google Chrome feature that can emulate all kind of screen :wink:

More informations => Chrome Developer Tools Device Emulator, and more! - YouTube

Unless it’s for JavaScript, stay away from frameworks. All your CSS should be done yourself.

2 Likes

Good job, I’d check your typography. The line-length of your paragraphs is too long to be able to read comfortable - atleast on larger screens.
The contrast is a little bit low on the navigation however the hover feedback with the opacity change is quite nice.

I’m not good at web design but I hope that could be of help for you :slight_smile:

Tested on iPod and it goes…

Looks a little weird and doesn’t fit, my phone looks the same, my computer I will test in a bit when I’m home!

TBH this one is better than the official.

The official has too much yellow.

Don’t worry,my phone nailed it! …not really

Oh my. Well, at least I’m not presenting on an iPod.

In the nav you should add line-height to match the height of the div, this will center the text vertically.

I would add some type of footer, it seems like their is more content bellow.

I get the same as @MrJack on my phone, I’m afraid:

Not sure but I think its a chrome mobile issue. When you test it on the emulator (f12) on both browsers. Firefox does it good, but chrome totally nails it.

Makes me wonder if in the stylesheet he’s only using the mozilla prefix and omitting the others. @phroa if this is the case, here are the prefixes you need:

-o- (Opera)
-ms- (MSIE)
-moz- (Firefox)
-webkit- (Chrome, Safari)