About UI Scraps

UI Scraps is a collection of good, bad and noteworthy user interface designs found by Jason Robb

Subscribe & share

RSS feed

Bookmark and Share

Top tags

Send your suggestions, questions or UI scraps to me, I’d love to hear from you.

Thanks for visiting!

Posts tagged "blog"

NYT Lens - hinting what’s next

The newly launched New York Times - Lens photography blog has a great way to show the next post by exposing a bit of the photo. The interface is implemented in Flash, but I imagine this kind of interaction can be done with a little jQuery and PHP preloading the next/previous posts. I’d love to see this done on a non-Flash interface. Have you seen it? Link me up!

Showing a bit of what’s next encourages sticking around and exploring the rest of the content. It’s all graphic, so this is especially true. I imagine the same implementation on a text-only blog would still work, but would be perhaps less powerful. Nice work.

NYT Lens - hinting what’s next
The newly launched New York Times - Lens photography blog has a great way to show the next post by exposing a bit of the photo. The interface is implemented in Flash, but I imagine this kind of interaction can be done with a little jQuery and PHP preloading the next/previous posts. I’d love to see this done on a non-Flash interface. Have you seen it? Link me up!
Showing a bit of what’s next encourages sticking around and exploring the rest of the content. It’s all graphic, so this is especially true. I imagine the same implementation on a text-only blog would still work, but would be perhaps less powerful. Nice work.

Disambiguity article dates

Are awesome. I love the subtle adjustment of the main content border used as an arrow. Very nice. Check out the full post at Disambiguity.


It’s graphically simple, and doesn’t over power the title of the post.

By the way, get involved with the Drupal 7 UX, right now. If you can spare 5 minutes, it would mean a lot to me! Thanks!

Disambiguity article dates
Are awesome. I love the subtle adjustment of the main content border used as an arrow. Very nice. Check out the full post at Disambiguity.
It’s graphically simple, and doesn’t over power the title of the post.
By the way, get involved with the Drupal 7 UX, right now. If you can spare 5 minutes, it would mean a lot to me! Thanks!

Required marker within input

I like this placement of the required field marker on the KISSmetrics blog. It’s clever, displayed with a CSS background image on the input element.

A word of warning though, there should be some way to distinguishing this field as required even when styles are disabled.

Unfortunately this form doesn’t provide any fallback if you don’t have styles enabled. A simple span with “Required” with a display: none next to the input would suffice. But regardless of its shortcomings, I love this little UI scrap!

Required marker within input
I like this placement of the required field marker on the KISSmetrics blog. It’s clever, displayed with a CSS background image on the input element.
A word of warning though, there should be some way to distinguishing this field as required even when styles are disabled.
Unfortunately this form doesn’t provide any fallback if you don’t have styles enabled. A simple span with “Required” with a display: none next to the input would suffice. But regardless of its shortcomings, I love this little UI scrap!