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 "input"

Mozilla Creative Collective signup form prefixes

Great idea for form field prefixes on Mozilla Creative Collective! I’ve seen this done before, by providing the “http://” inside the form field. But this is another step in a better direction. A job well done by Happy Cog.
Mozilla Creative Collective signup form prefixes
Great idea for form field prefixes on Mozilla Creative Collective! I’ve seen this done before, by providing the “http://” inside the form field. But this is another step in a better direction. A job well done by Happy Cog.

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!

Forvo text-direction input

Forvo is trying to pronounce all the words in the world. An admirable goal.

While I was adding a word, I noticed I could change the text direction of the input field. This is for languages that write/read right to left. Very thoughtful, I’d expect this kind of attention to detail with a language site. But I haven’t seen anything like it before.

Forvo text-direction input
Forvo is trying to pronounce all the words in the world. An admirable goal.
While I was adding a word, I noticed I could change the text direction of the input field. This is for languages that write/read right to left. Very thoughtful, I’d expect this kind of attention to detail with a language site. But I haven’t seen anything like it before.