deviant art

Deviant Login Shop
 Join deviantART for FREE Take the Tour
[x]
Download Image
PNG, 744×510
more ▶

More from ~DanRabbit

Featured in Groups:

Details

October 11, 2011
202 KB
744×510
Link
Thumb

Statistics

Comments: 27
Favourites: 55 [who?]

Views: 5,126 (4 today)
Downloads: 63 (0 today)
[x]
:icondanrabbit:
Just some ideas about a more visual history.

I'm using the apple-touch-icon that many sites provide for the icon on the left.

There's a time line scrubber on the right side as-in Time Machine or Facebook's Timeline. This widget is super awesome for navigating through time. Especially because it works so seamlessly with scrolling.

I've added grouping, so when you've visited sub-pages of a domain those show up in a group.

You'll notice a "Clear..." button in the top left corner. This would produce a popover that would allow you to clear all of your history or just certain segments like "Last hour" or maybe even specific time segments like "March 5th - March 20th"
Add a Comment:
 
love 1 1 joy 1 1 wow 1 1 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconbutianhaidejingwei:
metro+MAC UI nice
Reply
:iconthestefan12345:
Great! I agree with Musl1m
Reply
:icondigital--destiny:
*Digital--Destiny Oct 14, 2011  Hobbyist Digital Artist
Looks awesome, this would make me want to use midori...
Reply
:iconsilare:
How would the icons be 'found?' Will it be using favicons, or will it have another way? Most favicons are in a lower resolution than say the ones you displayed here.
Reply
:icondanrabbit:
~DanRabbit Oct 16, 2011  Professional Interface Designer
These icons were actually created using the apple-touch-icon found in the root directory of many websites. You can for example go to [link] to get the icon for Facebook. Then we just apply a mask to make it look nice :)
Reply
:iconspheniscida:
i like the fact that it is useful, good-looking and NOT mac - cloned. :P
Reply
:iconjxtreme42:
How do you get the site name? (ex: "OMG! Ubuntu!" with the capitalization and exclamations)
Reply
:icondanrabbit:
~DanRabbit Oct 12, 2011  Professional Interface Designer
When you build a website, you add a piece to your code that is the "<title> </title>". So we just use that. It's the same way we also set the Window title or Bookmarks to the page name.
Reply
:iconjxtreme42:
Right, but that's the _page_ title. Facebook's homepage's title is "Welcome to Facebook - Login." You'd have to do some logic to extract the site name, "Facebook," I'd think. And every site is different.
Reply
:icondanrabbit:
~DanRabbit Oct 12, 2011  Professional Interface Designer
Hmm, when I visit Facebook it says "Facebook"
Reply
Add a Comment: