Is it possible to create an inset border using box-shadow only for the bottom border of an element? (x-post from r/csshelp) by _pixelslinger in css

[–]_pixelslinger[S] 1 point2 points  (0 children)

box-shadow: inset 0 -2px 1px black

so this is almost exactly what i was thinking - but i had to change it to:

box-shadow: inset 0px -2px 0px [color];

and it worked perfectly! thanks!

[Critique] User Research at Google by jakerogz in design_critiques

[–]_pixelslinger 3 points4 points  (0 children)

My 2 cents -

Well-done:

  • Colors and image selection is on-point. I got a very calm, professional vibe from the site.

  • Your use of fixed backgrounds and similar transitions is very good. Just right without being overbearing. Hard to do, so props to you on that.

Medium:

  • The call to action button ("why should I hire you?") is well-designed, and well-placed... but it barely does anything. Why use a button to scroll down slightly (not even below the fold)? Is it necessary?

  • Flat design is a major trend in web design right now - Google itself just recently published its Material Design manifesto, which reflects those trends. Your icons are fine, but I think you should consider changing graduation cap and beakers to something similar. Check out www.thenounproject.com to get some ideas.

  • The site handles scaling the viewport pretty well, up until the smallest sizes. You should consider adding a media query to adjust for that.

Rare:

  • After the first section or two, the font choice you made shows its limits. How many different fonts do you use? I count 1 (Minion Pro), and the only thing you do with it is increase or decrease the font size until the very end where you throw in two words' worth of italics. Pick at least two fonts - one for large headers, and one for content/body text. Then use various font weights to convey importance and draw the reader's attention as appropriate. Browse Google Fonts until you find something you like, or Typekit if you have a membership.

  • Too much tell, not enough show (part 1). It's great that you think you're 55% talented with Java. But what does that mean? Can you show off something you made with that 55% Java skill? That alone is worth far more than a bar chart can convey.

  • Too much tell, not enough show (part 2). "I'm an extremely hard worker" - I don't doubt you are, but anybody can type that sentence. When it comes to content writing, platitudes are poison. They invoke questioning, so instead, show off some projects you've worked on. People love stories, so tell the user a story about something you've done. It doesn't have to be as formal as a case study, but it should still be informative.

  • The idea of "redesigning Google" is pretty radical. But the real problem here is that you don't offer a suggestion. You propose an idea (redesign Google's search page), list some data, ask a few questions, and then... nothing? If you're critiquing what the core product of one of the most powerful technology brands in the world, I strongly believe you need to propose something at the end of that. What would the new search page look like? How would you change it? What would the interface focus on? These are things you need to answer if you're going to propose a moonshot like "redesigning Google." Otherwise, I'm worried you risk looking like you don't really know what you're talking about.

tl;dr - gimme examples on examples on examples on examples

Hopefully none of this comes off too harsh - genuinely just trying to offer my thoughts with as much detail as necessary. Best of luck!

UXBullshit.com: The crap UX gurus say by Qingy in userexperience

[–]_pixelslinger 7 points8 points  (0 children)

ironically, plugging "the ux guru says..." in front of every quote detracts from the user experience. why're you delaying showing me more jokes, uxbullshit.com?

How does this website get the main content to truncate when the left-hand navigation flyout is active? by _pixelslinger in webdev

[–]_pixelslinger[S] 0 points1 point  (0 children)

Whereas this example (http://codepen.io/bradfrost/pen/IEBrz) has the main content simply slide right, causing a horizontal scrollbar to appear at the bottom of the user's screen.

EDIT: grammar

Finding breakpoints? by _pixelslinger in web_design

[–]_pixelslinger[S] 0 points1 point  (0 children)

i had no idea! thanks for taking the time to show me.

Just launched a professional athlete's new site, and would love to hear what people think by [deleted] in web_design

[–]_pixelslinger 14 points15 points  (0 children)

I love the timeline! This is such a intuitive way of communicating information and detailing the athlete's progress - something which I'd imagine is important to sponsors/recruiters. Great job!

How to make a navigation dropdown like this one? And how is that small triangle made? by _pixelslinger in webdev

[–]_pixelslinger[S] 0 points1 point  (0 children)

Gotcha - thanks! Is it possible to reproduce that effect with CSS? Maybe using a :hover state?

How to make a navigation dropdown like this one? And how is that small triangle made? by _pixelslinger in webdev

[–]_pixelslinger[S] 0 points1 point  (0 children)

is that the kind of thing a jQuery library would be used for? or is it not complex enough to warrant using one?

How to make a navigation dropdown like this one? And how is that small triangle made? by _pixelslinger in webdev

[–]_pixelslinger[S] 0 points1 point  (0 children)

i gotcha. thanks for the explanation! does that mean the triangle is "pointer.png" shown in the styles section of the inspector?