HOME | DD

muckSponge β€” SmallFox Concept

Published: 2010-07-12 07:42:00 +0000 UTC; Views: 13864; Favourites: 25; Downloads: 0
Redirect to original
Description This is a concept I came up with for Firefox. It aims to incorporate the Fennec style you see in mobile versions of Firefox into the full sized desktop version. In this newer version I decided to go with a lighter shade for the buttons, while retaining the same "inner" Fennec quality.

Despite the toolbars taking up very little room, the buttons are all nice and big to make for faster, easier browsing. The tabs on bottom version takes significantly more space and has larger tabs. Tabs on top is for space saving, tabs on bottom is for faster, more convenient browsing. A cool thing this theme does is give the illusion that it is not a compact theme. All of the elements seem big and chunky, but they are laid out in a way that saves a lot of space compared to the regular Firefox 4 layout.

Thanks goes to Boneyardbrew for the original idea of the tabs on top layout: [link]

Just so we are clear, this would be a Firefox 4 only theme, so that the tabs can be drawn in the titlebar and the theme can take advantage of Aero Glass without another add-on etc.

Oh, and the name is pretty much a direct translation of Fennec. Fennec means "small fox", hence why it is called that for mobile platforms. So SmallFox should be a fitting name, as it is a small (compact) theme for Firefox.

So, yeah. What do you guys think?
Related content
Comments: 97

muckSponge In reply to ??? [2011-04-12 21:21:55 +0000 UTC]

I'll keep it in mind. Can't promise it though

πŸ‘: 0 ⏩: 2

sergio9790 In reply to muckSponge [2011-04-14 17:40:26 +0000 UTC]

By the way, what the code for stylish, to provide a link to my throbber for my tabs

πŸ‘: 0 ⏩: 1

muckSponge In reply to sergio9790 [2011-04-14 23:42:08 +0000 UTC]

Hmm, I'm not entirely sure what you mean

πŸ‘: 0 ⏩: 1

sergio9790 In reply to muckSponge [2011-04-15 16:55:48 +0000 UTC]

How i can change throbber on my tabs with stylish scripts?

πŸ‘: 0 ⏩: 1

muckSponge In reply to sergio9790 [2011-04-16 01:10:20 +0000 UTC]

In CSS, you refer to the tab throbber as .tab-throbber. So for example:

.tab-throbber {
-moz-transform: scale(-1) !important;
}

Will flip the throbber and make it turn backwards.

πŸ‘: 0 ⏩: 1

sergio9790 In reply to muckSponge [2011-04-17 11:46:16 +0000 UTC]

And how to change green throbber to my one?

πŸ‘: 0 ⏩: 1

muckSponge In reply to sergio9790 [2011-04-17 12:45:45 +0000 UTC]

.tab-throbber {
list-style-image: url(C://your/throbber/path/throbber.png) !important;
}

You really need to learn CSS to know what you are doing. It can get a lot more complicated than that if your throbber has different dimensions to the default one.

πŸ‘: 0 ⏩: 0

sergio9790 In reply to muckSponge [2011-04-14 17:32:44 +0000 UTC]

All OK!

πŸ‘: 0 ⏩: 0

primative-skrewhead [2010-08-21 23:33:40 +0000 UTC]

Are you just just playing around, or are you actually going to make this theme when Fx4 reaches completion? You'd better!

P.S.

How would you move the window if the titlebar is full of tabs? You're going to have to add some kind of handle or blank space next to the minimize button or something.

πŸ‘: 0 ⏩: 2

muckSponge In reply to primative-skrewhead [2010-08-22 04:10:00 +0000 UTC]

Themes take a lot of time to make so It really comes down to what my time is best spent on (whether it be SmallFox, my Firefox 4 theme variation or another theme).

Any space that isn't taken by an element such as tabs can be used to drag the window, as is my experience with Firefox 4. So any gaps inside and between the tab bar and the toolbars can be used to drag the window.

πŸ‘: 0 ⏩: 0

primative-skrewhead In reply to primative-skrewhead [2010-08-21 23:49:44 +0000 UTC]

Also: why not just make a version of this theme with only tabs on bottom for Fx3.6.*, then update it with tabs on top, Fx button, tab candy, ect. when Fx4 comes out?

πŸ‘: 0 ⏩: 0

elvishkid [2010-08-21 06:26:37 +0000 UTC]

Wow.... !! Looks Cool...!!!!!

πŸ‘: 0 ⏩: 0

Kevenaar [2010-07-26 15:47:08 +0000 UTC]

better looking than the firefox 4 beta. although i like the office 2010 white ribbon style the firefox 4 beta has

πŸ‘: 0 ⏩: 0

Crixler [2010-07-16 00:41:52 +0000 UTC]

I like the shape and layout for tabs on top in this (although slightly shorter, and with a different texture so they match the min/max/close buttons), although for the rest of the look, I prefer stratum fusion. Any possibility of that style tabs being available in Stratum someday?

πŸ‘: 0 ⏩: 1

muckSponge In reply to Crixler [2010-07-16 00:55:56 +0000 UTC]

Probably not, because Stratum Fusion aims to look like a native Windows app, and there are no native apps with tabs in the titlebar like that.

πŸ‘: 0 ⏩: 1

Crixler In reply to muckSponge [2010-07-16 01:14:14 +0000 UTC]

True, although no native apps have square back/forward buttons attached to the address bar, either (Although I wish they did!) But yeah, I can understand that though.

πŸ‘: 0 ⏩: 1

muckSponge In reply to Crixler [2010-07-16 01:45:43 +0000 UTC]

I would have been hanged for copying IE if I did round buttons

πŸ‘: 0 ⏩: 2

plastikmaniac In reply to muckSponge [2010-07-17 05:02:48 +0000 UTC]

... or Windows Explorer, which uses the exact same style of buttons.

πŸ‘: 0 ⏩: 1

muckSponge In reply to plastikmaniac [2010-07-17 07:23:54 +0000 UTC]

Nothing wrong with that quote. I interpret "style" as the colour and texture of the button, which is the same as IE. It is just a different shape.

πŸ‘: 0 ⏩: 0

Crixler In reply to muckSponge [2010-07-16 02:16:33 +0000 UTC]

XD
Well, I don't like the round ones anyway. So I applaud you for avoiding the hanging.

πŸ‘: 0 ⏩: 1

muckSponge In reply to Crixler [2010-07-16 02:46:00 +0000 UTC]

πŸ‘: 0 ⏩: 0

deeg [2010-07-15 08:13:58 +0000 UTC]

WOW i love yor work! spewboy =]

πŸ‘: 0 ⏩: 2

deeg In reply to deeg [2010-07-20 19:58:08 +0000 UTC]

release thiss!! plzzzz =]

πŸ‘: 0 ⏩: 0

muckSponge In reply to deeg [2010-07-15 15:04:56 +0000 UTC]

Thanks

πŸ‘: 0 ⏩: 0

FrozenIpaq [2010-07-15 05:56:28 +0000 UTC]

Signed up here just to give some feedback! Great work as always, really loving the top concept (and the current style/look of it as well). With the Firefox 4.0 beta1 you can get a similar layout already (tweaking with the chrome files) but it's a hacked job and would love for this concept to turn into reality!

πŸ‘: 0 ⏩: 1

muckSponge In reply to FrozenIpaq [2010-07-15 06:36:00 +0000 UTC]

Almost anything's possible in a Firefox theme and I try to make concepts that are doable. This one should be doable with a bit of rearranging (to get the tabs way up there).

Hopefully when FF4 is closer to completion I can start on this theme. Too bad this beta is more like an alpha. A bunch of UI stuff is yet to be worked on at all as far as I've seen (progress bars, better aero integration, TabCandy, etc) and I need this stuff in so I can theme it straight up.

πŸ‘: 0 ⏩: 0

FoxTail8000 [2010-07-13 10:09:56 +0000 UTC]

I like it how by putting the tabs on the title bar saves a lot of viewing space. I really Like the layout!

πŸ‘: 0 ⏩: 0

lovesamy [2010-07-13 05:11:17 +0000 UTC]

Amazing Work.

πŸ‘: 0 ⏩: 1

muckSponge In reply to lovesamy [2010-07-13 06:01:07 +0000 UTC]

Thanks

πŸ‘: 0 ⏩: 0

vi20RickrMetal12us [2010-07-12 20:30:45 +0000 UTC]

the address bar buttons are to thick...but overall like your other extention,...theme come out looking great...

πŸ‘: 0 ⏩: 1

muckSponge In reply to vi20RickrMetal12us [2010-07-12 20:45:42 +0000 UTC]

Too thick or just right? xD

πŸ‘: 0 ⏩: 2

vi20RickrMetal12us In reply to muckSponge [2010-07-12 21:12:56 +0000 UTC]

is it complete photoshop or did you in some way make it come to life and your using it in your firefox application dude...but the tabs are great on top...

πŸ‘: 0 ⏩: 1

muckSponge In reply to vi20RickrMetal12us [2010-07-12 21:27:15 +0000 UTC]

It's just a Photoshop concept but it should be possible to make for Firefox 4. I might turn it into a theme if it gets enough positive feedback. I want it to be one of those themes that everyone can enjoy and not many themes are like that.

πŸ‘: 0 ⏩: 1

vi20RickrMetal12us In reply to muckSponge [2010-07-12 22:16:05 +0000 UTC]

well as many have enjoyed your other mock up of themes I'm sure this one will make it dude...positive feedback is just around the corner...

πŸ‘: 0 ⏩: 1

muckSponge In reply to vi20RickrMetal12us [2010-07-12 22:18:56 +0000 UTC]

Hahah, thanks

πŸ‘: 0 ⏩: 0

vi20RickrMetal12us In reply to muckSponge [2010-07-12 21:11:29 +0000 UTC]

well dude it says small concept in what way barley being developed or what...to thick thick man...well for my taste don't about other folks...

πŸ‘: 0 ⏩: 1

muckSponge In reply to vi20RickrMetal12us [2010-07-12 21:25:57 +0000 UTC]

Okay, the general consensus seems to be that it is too thick so I've updated it now. Made it 4px "thinner". I think it just needs to be a littler thinner than the round buttons to look stylish, any more and it is wasting space, so it should be pretty good now.

πŸ‘: 0 ⏩: 1

vi20RickrMetal12us In reply to muckSponge [2010-07-16 03:59:05 +0000 UTC]

those 4px you threw out made an entirely new difference ...cool theme just can't wait man...till it comes to life...

πŸ‘: 0 ⏩: 0

revengexx14 [2010-07-12 20:12:39 +0000 UTC]

i like the top one better. I'm a fan of tabs-on-top browsers

πŸ‘: 0 ⏩: 1

muckSponge In reply to revengexx14 [2010-07-12 20:46:01 +0000 UTC]

I'm not, but this one works for me.

πŸ‘: 0 ⏩: 0

Genedon [2010-07-12 18:58:59 +0000 UTC]

This is similar to BoneyardBrew concept...But Spew i got to say those nav buttons and other ones look really bad just personal impression

πŸ‘: 0 ⏩: 1

muckSponge In reply to Genedon [2010-07-12 19:24:23 +0000 UTC]

How 'bout the new ones now?

πŸ‘: 0 ⏩: 1

Genedon In reply to muckSponge [2010-07-12 19:29:20 +0000 UTC]

Now...this is something goood i must be aero glass lover

πŸ‘: 0 ⏩: 1

muckSponge In reply to Genedon [2010-07-12 20:32:01 +0000 UTC]

It's a sure sign

πŸ‘: 0 ⏩: 0

trueflyingsheep [2010-07-12 17:20:45 +0000 UTC]

where do you grab and drag the window iff the titlebar is full of windows? the small space under the windows button is both to small to hit and inconsistent with the height if the tabs/firefox button.

πŸ‘: 0 ⏩: 2

muckSponge In reply to trueflyingsheep [2010-07-12 17:52:56 +0000 UTC]

Stop poking holes in my concept Your point is valid though. The tabs are a different height to the window controls, as they would otherwise be very hard to click. I felt it appropriate to use the same styling as the window controls with the elements in the titlebar but there was never supposed to be any similarity between the sizes of the elements. The drag space for the titlebar is an issue I hadn't thought of and is probably one of the reasons why the UX team decided to put the tabs below the titlebar. I can't think of a solution to that problem. Maybe the app button could be shrunk to the size of the window controls to free up a little space on both ends of the browser. I agree that this is still not a large enough space to click easily.

πŸ‘: 0 ⏩: 1

trueflyingsheep In reply to muckSponge [2010-10-18 01:54:34 +0000 UTC]

it is, if you only put the tabs next to the firefox button/controls when the window is maximized like chrome and opera do it.

PS: i lol’d at β€œStop poking holes in my concept ”

πŸ‘: 0 ⏩: 1

muckSponge In reply to trueflyingsheep [2010-10-18 06:06:26 +0000 UTC]

πŸ‘: 0 ⏩: 0

trueflyingsheep In reply to trueflyingsheep [2010-07-12 17:21:36 +0000 UTC]

i meant tabs, not windows: β€œ[…]if the titlebar is full of tabs?”

πŸ‘: 0 ⏩: 0

bb42001 [2010-07-12 14:15:57 +0000 UTC]

That looks good, but completely unrelated are you an aussie, or have you just realised australias google page is so much cooler?

πŸ‘: 0 ⏩: 1


| Next =>