- This topic is empty.
January 3, 2015 at 7:13 pm #192139JerbaParticipant
I’ve just finished playing around with a design for a comments section and am looking for some critique/feedback. I’m relatively happy with it, there are a few things i think i’ll end up tweaking. Anyway, critique away css-tricks!
If anyone is interested the images used for the user_avatars are from http://uifaces.comJanuary 5, 2015 at 12:17 pm #192275shaneismeParticipant
Seems to fall apart at smaller widths, as well as very large widths.
You’d probably need some media queries at larger resolutions to sort things out and make sure text isn’t too long. I’ll typically make content have a
max-width: 40em;so no matter what things won’t get too difficult to read.
Also, you should make your defaults OK on mobile. Less padding on the left and right, maybe bring the profile bubble down to the bottom (or top) to make more room for the content itself.January 8, 2015 at 1:19 pm #192659
Hey, Great job so far it’s coming along something I can point out that would help the design would be:
Adding some line height.
Adding some padding to the comment boxes, giving the text some breathing room.
Increasing the size of the avatar just a hair.
Make the author stand out as this is an important part of online interaction make sure people know who wrote it and who they are, highlight the name, bold it as an example.
-webkit-font-smoothing: antialiased;to clarify your text.
You will be surprised how far line-height’s and good typography can go here is an example of a comment section i am designing now, i am about 25% complete notice the line height and padding which gives the design a huge difference. http://marshall-design.com/tricks/comments.pngJanuary 8, 2015 at 3:30 pm #192673January 8, 2015 at 4:09 pm #192676shaneismeParticipant
Add -webkit-font-smoothing: antialiased; to clarify your text.
I don’t think this should be used as a blanket style. It should only be used in very specific instances, perhaps a small bit of light text on a dark background. Most of the time it will kill readability in edge cases.January 8, 2015 at 4:35 pm #192677
- The forum ‘Design’ is closed to new topics and replies.