A quick look at how UI features are developed by designers and engineers.
Very insightful, not only from the standpoint of Tumblr’s internal process, but just plain ol’ good UX process & interaction design.
This is in particular to the slide out navigation up top. I was running into issues with the tooltip, in particular to mobile and quality of the experience. So I did some research and found a nice little plugin, “Responsive Nav” that made a nice little slidedown menu. I had to modify the css so it would slide down at all breakpoints not just mobile.
And then you’ll see I added tooltips to the social nav. The social nav was a little tricky, because I wanted it to be somewhat semantic/screen reader friendly. So in addition to inserting the icon font, I also put the label next to it in ‘span’ tags and gave it this css class (snipt embed):
Pretty simple. I’ve been doing a bunch of stuff too. I’m almost ready to start coding the permalink page. That’s gonna get a little trickier now, especially since I’ll be moving the avatar image to the left from the top.
Anyway, back to work!