Featured in collections

Midori URL Bar
By DanRabbit
47 Favourites49 Comments13K Views
Having a think about Midori's URL bar.
The paste icon is for an existing Midori feature called Paste-n-Go. You click that icon to paste whatever is in the clipboard and go
--
Updated a little bit to take into account some of your suggestions
The paste icon is for an existing Midori feature called Paste-n-Go. You click that icon to paste whatever is in the clipboard and go

--
Updated a little bit to take into account some of your suggestions

IMAGE DETAILS
Image size
744x770px 104.39 KB
Published:
© 2011 - 2021 DanRabbit
Comments48
Join the community to add your comment. Already a deviant? Log In
Ah, you beat me to it. I really need to start mocking up my ideas...
Using a white bg for the autocomplete "menu" looks better/makes the text look more visible/allows diff formatting (partitally transparent, etc.) Keep the white menu! I'd move the grey pagetitle to after the url ("elementaryos.org <grey>It's Here - elementary OS</grey>") When the window is maximized (and it is 99% of the time), you'll have to look wayyy over to the right to see it, also when things are that far apart it's hard to distinguish which entry on the left corresponds to the entry on the the right, etc. Also, use autofill or whatever it's called: like Chrome, highlight the first entry in the suggestions and add the rest of the url/suggestion to the entry. (URL bar: "elemen<grey>taryos.org</grey>") This way, I can type "ele" and press enter to get to elementaryos.org, if it's my most visited site that begins with that. (Super fast
) I'd also allow autocompleting the page titles (I type "disc," URL bar: "elementaryos.org <bold, also dark grey>disc<bold, dark grey><grey>over</grey>") This means making the "unmatched" parts of suggestions un-bolded, and the matched parts bolded. Also, load search engine (google) results into the suggestions: it's super convenient and saves time (usually the site I want is in the first ~4 search results.) Adding on to that last sentence, "search with ..." should be the first result for a query that doesn't match pages in your history/bookmarks, not the last result. I can't think of a time when I've entered a non-history/bookmark query and I didn't want to for search it.
Those added toolbar icons get me to another subject. I'm really leaning towards monochrome toolbars. When you have a few toolbar icons (like here) color isn't needed to distinguish between buttons; shapes are sufficient. Also, it reduces visual noise/clutter, and gives the focus to the content. Color should be used as an effective indicator, (monochrome) panel icons show this very well; adding color to everything subtracts from that. The only real (visual) issue is that it'd make the window controls look odd, but maybe it could be done so that doesn't happen? Or maybe it's just me
I was really trying to keep this comment short...
Using a white bg for the autocomplete "menu" looks better/makes the text look more visible/allows diff formatting (partitally transparent, etc.) Keep the white menu! I'd move the grey pagetitle to after the url ("elementaryos.org <grey>It's Here - elementary OS</grey>") When the window is maximized (and it is 99% of the time), you'll have to look wayyy over to the right to see it, also when things are that far apart it's hard to distinguish which entry on the left corresponds to the entry on the the right, etc. Also, use autofill or whatever it's called: like Chrome, highlight the first entry in the suggestions and add the rest of the url/suggestion to the entry. (URL bar: "elemen<grey>taryos.org</grey>") This way, I can type "ele" and press enter to get to elementaryos.org, if it's my most visited site that begins with that. (Super fast

Those added toolbar icons get me to another subject. I'm really leaning towards monochrome toolbars. When you have a few toolbar icons (like here) color isn't needed to distinguish between buttons; shapes are sufficient. Also, it reduces visual noise/clutter, and gives the focus to the content. Color should be used as an effective indicator, (monochrome) panel icons show this very well; adding color to everything subtracts from that. The only real (visual) issue is that it'd make the window controls look odd, but maybe it could be done so that doesn't happen? Or maybe it's just me

I was really trying to keep this comment short...


dan, theres two things i need to ask you.
firstly, congratulations on the accomplishment of your baby (elementary project: jupiter). ur designs rock! i am learning a lot from you... thanx!
now, the doubts
question 1 - Midori - can one change the appearance of webpages completely, i mean... w.r.t the fonts like in Mozilla, one can set a font in the Content tab & choose to ignore the webpage font. I as a person am more elevated towards the look of the pages. can that be done? i tried going through the Preferences of Midori, however didn't find anything there.
question 2 - Elementary OS - 'However, a free download will be available in March for all of those people who choose not to offer their support. (Did that last sentence make you feel bad?)' this sure made me feel bad. i don't have money as of now as i'm just starting a business. from whatever i earn, my first donation would undoubtedly be to Jupiter. please can u tell me when in march is Jupiter's release date, the wait is killing me...
thanx man! keep up the good wrk!
tc & godbless...
firstly, congratulations on the accomplishment of your baby (elementary project: jupiter). ur designs rock! i am learning a lot from you... thanx!
now, the doubts
question 1 - Midori - can one change the appearance of webpages completely, i mean... w.r.t the fonts like in Mozilla, one can set a font in the Content tab & choose to ignore the webpage font. I as a person am more elevated towards the look of the pages. can that be done? i tried going through the Preferences of Midori, however didn't find anything there.
question 2 - Elementary OS - 'However, a free download will be available in March for all of those people who choose not to offer their support. (Did that last sentence make you feel bad?)' this sure made me feel bad. i don't have money as of now as i'm just starting a business. from whatever i earn, my first donation would undoubtedly be to Jupiter. please can u tell me when in march is Jupiter's release date, the wait is killing me...
thanx man! keep up the good wrk!
tc & godbless...

Dan, the Elementary project shows an attention to detail that continues to amaze me. I really love this idea (along with "Wingpanel" and "Plank", +1 for using Vala!). I mean, you even thought of a "paste" button on the empty URL bar. That's genius. I love the use of red for insecure sites; I tend not to notice the insecure logo in Firefox.
Several questions:
1. When are you removing the search bar in Midori? The last version I tried still had two bars.
2. You use the "do not enter" symbol on a lot of mockups. [link] As a user, I find this icon extremely confusing; it's pretty unintuitive as to what it does. You are apparently using it as a "delete" button in Dexter, but I think something like a trash bin would suit the purpose better.
3. On your last desktop mockup (see the above link), the "places" dock was missing. Is it still in the latest versions of Elementary? I really, really like the idea because I can get instant access to the folders I use the most.
4. Any more news on when Jupiter will be done? I'm going to buy it, I promise, but my laptop has been out for months, so I've been stuck on Windows (shudder) for a while.
Several questions:
1. When are you removing the search bar in Midori? The last version I tried still had two bars.

2. You use the "do not enter" symbol on a lot of mockups. [link] As a user, I find this icon extremely confusing; it's pretty unintuitive as to what it does. You are apparently using it as a "delete" button in Dexter, but I think something like a trash bin would suit the purpose better.
3. On your last desktop mockup (see the above link), the "places" dock was missing. Is it still in the latest versions of Elementary? I really, really like the idea because I can get instant access to the folders I use the most.
4. Any more news on when Jupiter will be done? I'm going to buy it, I promise, but my laptop has been out for months, so I've been stuck on Windows (shudder) for a while.
Join the community to add your comment. Already a deviant? Log In