TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Kort - a thumbnail preview concept

107 pointsby thisisblurryover 12 years ago

17 comments

richardlblairover 12 years ago
I don't really like this concept, but I do like this guy and his other work.<p>What I don't like: It isn't obvious that there are other thumbnails other than the first one. If a user wasn't aware that there are other thumbnails to view they would never think to hover over the image.
评论 #4714036 未加载
tikhonjover 12 years ago
I like the concept. However, to me, it was a little bit too easy to accidentally move my mouse outside the thumbnail area when trying to look through some pictures.<p>Could you try extending the mouseover area beyond the images themselves? I'm not sure if that would be more intuitive, but I think it's worth trying.
评论 #4714424 未加载
评论 #4713755 未加载
评论 #4714955 未加载
callmevladover 12 years ago
Hakim El Hattab, the guy behind this concept, is on fire right now, with innovative UI concepts rolling out pretty much every month.<p>If you're interested in bleeding edge HTML5 experiments, you can watch Paul Irish interview him here: <a href="http://www.youtube.com/watch?v=ogumRA9LxR4" rel="nofollow">http://www.youtube.com/watch?v=ogumRA9LxR4</a>
评论 #4713844 未加载
gburtover 12 years ago
This is basically unusable with a mouse pointer because the bounding box is too small. The user interface is also non-obvious, at first I didn't know that I could move my mouse around and I would not have discovered it if this wasn't a tech demo.
评论 #4714308 未加载
评论 #4713857 未加载
I_AM_TACOover 12 years ago
Has promise, just needs some tweaks.<p>I would try to make it 'less sensitive' when transitioning, so the user doesn't accidentally switch images.<p>Also there needs to be a way to tell that there is a layer of images. Maybe some relative positioning on the ones that are hidden?<p>Cool idea though.
jdostover 12 years ago
Interesting idea, the interaction would get very difficult with more pictures in the stack. Also lacks a way to work in mobile. But you are really onto something here, would be interesting to see how this can be improved!
jtokophover 12 years ago
I like the concept, but the thumbnail should somehow show that there is a 'stack' of photos that you can page through. At first glance, it's not obvious that you can hover over a thumbnail to see more.
mratzloffover 12 years ago
I'm not a big fan of the concept, but it's an interesting tech demo.<p>Now, compare the page as designed versus the page without CSS enabled. The one without CSS enabled is a much better user experience.
digitalWestieover 12 years ago
I like this, but could you make it a bit slower? Slowing it down would make it a little bit more accessible for those who have mouse trouble. Also keyboard keys!
eric_bullingtonover 12 years ago
I really like this. Could also be a great time-saver for professions that have to screen large volumes of photos, like busy newsroom photo editors.
njharmanover 12 years ago
I like author's Avgrund and Meny better. The thumbnail is neat but functional deprovment as it's not obvious there is a any more than one image.
stcredzeroover 12 years ago
Great idea. It capitalizes on the attributes of the mouse pointer and web browsers. If I were Apple, I'd acquire.
评论 #4713787 未加载
评论 #4713528 未加载
Charles__Lover 12 years ago
Very cool. I like the transitions, especially the last one. Just a heads up, it doesn't work on chrome 22.
评论 #4713782 未加载
Falling3over 12 years ago
It's not working for me on Chrome or IE and just barely almost working on my android.
agumonkeyover 12 years ago
Intuitive and efficient. You, sir, have too many ideas.
locengover 12 years ago
I love all of his work. Worth checking out.
angryasianover 12 years ago
source on github - <a href="https://github.com/hakimel/kort" rel="nofollow">https://github.com/hakimel/kort</a>