5 ms·

I'm about 90% through a rework of my personal site, https://www.brentbaum.com/ https://www.brentbaum.com/ Would love feedback on what works / doesn't work desi

I'm about 90% through a rework of my personal site, https://www.brentbaum.com/ https://www.brentbaum.com/ Would love feedback on what works / doesn't work design-wise.

jamestimmins 8y ago
I really love this use of shadow! It creates a fantastic appearance of depth. One thought: Since the shadow redraws itself based on cursor position, when you move the cursor off of the grey background container and back on in a different location, the shadow effect seems to skip. At first I thought the site was buggy/lagging. It might be worth it to extend the CSS/JS trigger to the entire viewable document, rather than just the grey box.
- bbaumgar 8y ago
  Good catch!
WilliamEdward 8y ago
Not a big fan of the white border. That's just me though The words in the main paragraph are underlined but not links to anything? Make them link to something. I can't scroll properly but i'm sure you will fix that. Emphasize what work you actually did at those brands you listed.
kotrunga 8y ago
The front page looks awesome. I'm using Firefox on OSX- for some reason I can't scroll down. Maybe it's just not implemented yet?
- Hasz 8y ago
  I'm using Firefox on windows with the same issue.
- neogodless 8y ago
  Yup - also Firefox user (Windows) and cannot scroll.
- bbaumgar 8y ago
  Awesome, thanks for the report. I had someone report that before and couldn't reproduce. Looks like I should have tested in base Firefox, not just Firefox Developer Edition :)
  - s73v3r_ 8y ago
    Same thing happens in Chrome for OS X.
  - nightski 8y ago
    I also can't scroll at all in Chrome on Windows. If it helps, when I mouse over one of the underlined words like "developer" then the outside border goes orange and strangely enough I can scroll a bit.
- osiutino 8y ago
  Chrome on Ubuntu does not work also.
vinceguidry 8y ago
Looks great. Setting a line-height of 2.7rem gave the paragraphs some more room to breathe, those thick underlines made it claustrophobic in there. They're also not really adding anything to the presentation other than to break up the monotony of bare text, with the colored onHover gives the appearance of a link but then you get disappointed when they don't function that way. I'd pick some other way to highlight the words than underlining. The email address at the bottom has too slight a color difference from the 'contact me at' part. Either make it contrast more or just make them the same color. The email address also gives the appearance but not behavior of a link. Decreasing font-size on the non-bolded text on Recent Work to 1.1rem gives a better contrast with the headings. Lowering the line height for the description text of the TwinThread blurb to 2.2rem makes the structure of the information more cohesive.
- bbaumgar 8y ago
  Fantastic typography feedback, thanks.
egypturnash 8y ago
The lighting thing is pretty cute. But you have completely and totally broken scrolling. (Or at least you have for OSX Safari 11.1.2. Two-finger scrolling on my trackpad does nothing, trying to drag the scrollbar does nothing, space and arrow keys do nothing. Clicking on the links does nothing either.)
- kickscondor 8y ago
  Yes, the lightning is nice. I am on Firefox and also cannot scroll. I wonder what's down there.
kmgr 8y ago
They're good dogs Brent

I'm about 90% through a rework of my personal site, https://www.brentbaum.com/ https://www.brentbaum.com/ Would love feedback on what works / doesn't work design-wise.

jamestimmins 8y ago

I really love this use of shadow! It creates a fantastic appearance of depth. One thought: Since the shadow redraws itself based on cursor position, when you move the cursor off of the grey background container and back on in a different location, the shadow effect seems to skip. At first I thought the site was buggy/lagging. It might be worth it to extend the CSS/JS trigger to the entire viewable document, rather than just the grey box.

bbaumgar 8y ago
Good catch!

WilliamEdward 8y ago

Not a big fan of the white border. That's just me though The words in the main paragraph are underlined but not links to anything? Make them link to something. I can't scroll properly but i'm sure you will fix that. Emphasize what work you actually did at those brands you listed.

kotrunga 8y ago

The front page looks awesome. I'm using Firefox on OSX- for some reason I can't scroll down. Maybe it's just not implemented yet?

Hasz 8y ago
I'm using Firefox on windows with the same issue.
neogodless 8y ago
Yup - also Firefox user (Windows) and cannot scroll.
bbaumgar 8y ago
Awesome, thanks for the report. I had someone report that before and couldn't reproduce. Looks like I should have tested in base Firefox, not just Firefox Developer Edition :)
- s73v3r_ 8y ago
  Same thing happens in Chrome for OS X.
- nightski 8y ago
  I also can't scroll at all in Chrome on Windows. If it helps, when I mouse over one of the underlined words like "developer" then the outside border goes orange and strangely enough I can scroll a bit.
osiutino 8y ago
Chrome on Ubuntu does not work also.

vinceguidry 8y ago

Looks great. Setting a line-height of 2.7rem gave the paragraphs some more room to breathe, those thick underlines made it claustrophobic in there. They're also not really adding anything to the presentation other than to break up the monotony of bare text, with the colored onHover gives the appearance of a link but then you get disappointed when they don't function that way. I'd pick some other way to highlight the words than underlining. The email address at the bottom has too slight a color difference from the 'contact me at' part. Either make it contrast more or just make them the same color. The email address also gives the appearance but not behavior of a link. Decreasing font-size on the non-bolded text on Recent Work to 1.1rem gives a better contrast with the headings. Lowering the line height for the description text of the TwinThread blurb to 2.2rem makes the structure of the information more cohesive.

bbaumgar 8y ago
Fantastic typography feedback, thanks.

egypturnash 8y ago

The lighting thing is pretty cute. But you have completely and totally broken scrolling. (Or at least you have for OSX Safari 11.1.2. Two-finger scrolling on my trackpad does nothing, trying to drag the scrollbar does nothing, space and arrow keys do nothing. Clicking on the links does nothing either.)

kickscondor 8y ago
Yes, the lightning is nice. I am on Firefox and also cannot scroll. I wonder what's down there.

kmgr 8y ago

They're good dogs Brent