deviant art





Login
Join deviantART for FREE Take the Tour Lost Password?
Deviant Login
Shop
 Join deviantART for FREE Take the Tour
About Me Design & Interfaces / Hobbyist Official Beta Tester SpewBoyMale/Australia Group group avatar #DeviousDevelopers
We are developers.
Recent Activity
Deviant for 3 Years
7 Month Premium Membership:
Given by *darrian
Statistics 46 Deviations 6,255 Comments 309,832 Pageviews

Watchers

As some of you probably already know, they did some funky stuff with the buttons in FF14, which kinda broke Stratiform's button styles.

Therefore, for the sake of compatibility we need to come up with a new version. It won't be backwards compatible, and it probably won't look anything like the current Stratiform.

Soapy, being the innovative hygiene product that he is, has completely redone the UI. It now basically looks like Colorlicious, but with more options. In other words, it is very Metro.

I think the new layout itself is pretty good, but I've never been amazingly fond of Metro. Just doesn't sit right with me for whatever reason.

So I'm asking what style of UI you guys would prefer; Metro, or something with a bit more detail (light gloss, slight rounding of edges, soft shadows, etc.)?

Our aim is to have this version available before the 5th of June (when FF14 goes beta). We have not yet discussed whether this will be v2.2 or v3.0.

deviantID

=SpewBoy
Destroyer of Galaxies
Artist | Hobbyist | Design & Interfaces
Australia
I like designs.

I like designing designs.

I also like pizza.
Interests

Do you prefer animated previews? [click for example] 

37%
37 deviants said I like them, but I think you can do just as well with a static preview.
25%
25 deviants said I could not care less.
22%
22 deviants said I love them. If I could, I'd turn my entire life into an animated preview.
11%
11 deviants said No, they annoy me and take ages to load.
5%
5 deviants said I either have very poor eyesight, or I have an incompetent browser and hence, cannot see these animated previews you speak of.

Comments


:icon:
Add a Comment:
 
:iconsemtexpl:
Hey Spew in latest Nightly 22.03 landed borderless toolbar buttons, do You know some script to fix this ugly buttons? And make them as they was in past??
Thanks.
Reply
:iconspewboy:
=SpewBoy Mar 22, 2012  Hobbyist Interface Designer
Aww, they ain't too ugly :noes: Soapy made 'em.

Maybe you could try Strata50b in Stratiform, but I don't know of a uerstyle that will revert the change atm.

--
SpewBoy - Destroyer of Galaxies
Reply
:iconsemtexpl:
All toolbars buttons styles from Stratiform aren't compatible with this Nightly, all button looks like on this screen: [link]

Also navigation buttons are messed up....
Reply
:iconspewboy:
=SpewBoy Mar 23, 2012  Hobbyist Interface Designer
Ah, ok. They changed the way they skin the buttons. Now they skin the icons themselves, not the buttons they are in.

--
SpewBoy - Destroyer of Galaxies
Reply
:iconsoapyhamhocks:
I didn't make them yet. Don't worry it shall look pretty soon enough.
Reply
:iconspewboy:
=SpewBoy Mar 22, 2012  Hobbyist Interface Designer
Ah, good.

--
SpewBoy - Destroyer of Galaxies
Reply
:iconelizabethes:
*ElizabethEs Mar 19, 2012  Professional Interface Designer
hey, Check out this Contest if you like to Join, there are Great Prizes :trophy: to win :D .

[This "Proposal" is Posted, For People that we know,
deserve it & have Great ARTworks in their Galleries]


--
:nuu: :megaphone: What are you waiting for? Join #HDWorld
:points: Please support me by Points "Donations" :aww:
Reply
:iconforceward:
conflict with "tab mix plus"
please solved problem
Reply
:iconspewboy:
=SpewBoy Feb 29, 2012  Hobbyist Interface Designer
I'll assume you are talking about Stratiform.

It isn't technically possible to solve the problem, as both add-ons try to do the same thing. The best you can do is disable tab compatibility mode (see description) and only use the options in Tab Mix Plus that work with Stratiform. Both add-ons use the !important property to override as many other add-ons as possible, but because both use it, they are both fighting just as hard to change the same things in different ways, which results in a mess for some options.

We added Tab Compatibility Mode to get around this and stand down so TMP can do what it wants, but people don't like it for whatever reason.

--
SpewBoy - Destroyer of Galaxies
Reply
:iconntim007:
hi I've got an idea for u :
why don't u make a theme with google's new ui
this could be useful for u : [link]

--
MetroStart: [link]
Mobile version: [link] NEED TESTERS!
Multi search box for websites: [link]
JOIN : :groups: #GMetro
LOOK AT MY :gallery: : [link]
Reply
:iconnguyenbathung:
Bug 702225 [link] landed on Nightly, it implemented the Australis (Strata 50 button) style. It's perfectly fit every Windows Visual Style. The next Stratiform've just lost 1 button style....
Reply
:iconnguyenbathung:
The new home button icon (the S50/Australis) landed on the latest nightly, I don't know which bug is for that change because they didn't have a bug for that. It's beautiful, you shouldn't have replaced it with the old one in Stratiform...
Reply
:iconspewboy:
=SpewBoy Feb 23, 2012  Hobbyist Interface Designer
They haven't coded the colours correctly yet, and they don't have the style without the borders, so our Strata50 styles still have some relevence.

--
SpewBoy - Destroyer of Galaxies
Reply
:iconnguyenbathung:
[link] Australis mock-up has a lot of things similar to chrome... Ex: App-menu turned into a button, no-border button style, custom XP frame, removed the favicon from the location-bar, no favicon for new-tabs, the tab shape,...
...but...they'll never bring all of it to FF anyway...
Reply
:iconsoapyhamhocks:
I know a lot of people say the border-less buttons are copying Chrome, but that isn't the case at all. Look back to Windows 98 there were border-less buttons there, probably even before that.
Reply
(1 Reply)
:iconnguyenbathung:
I see, the back button color... according to [link] they are going to implement the non-button style, I like all things in the live mock-up except the super-curve tab... current tabs are awful, those big-curve tabs make so much waste space and do not match with Windows 8 style, I prefer your curve tabs, curve but not too much...
Reply
:iconspewboy:
=SpewBoy Feb 24, 2012  Hobbyist Interface Designer
I think they want to do the big curves because it is similar to a real tab that you find on folders and such.

These "tabs" have always square in UIs because back in the day, everything was square. It was hard to create rounded graphics. It does waste space, though.

--
SpewBoy - Destroyer of Galaxies
Reply
:iconaleja73:
anxious waiting (FoxE9 add-on)
Reply
:iconnguyenbathung:
In Stratiform 2.1, those curve tabs style, the curve at the bottom of has been reduced to match the radius of the curve at the top by putting 1px margin down, but it makes border image (selected.png) overlaps the nav-bar(tabs on top mode) and tab strip or page content(tabs on bottom mode). If you look closely, you'll notice it... So I edited the code and here is the solution:
I change the margin value and add 'border-bottom-width' value, and it perfectly fixed the issue...
Your code:
.tabbrowser-tab[selected] .tab-background {
background-color: hsl(213,41%,95%);
border: 3px solid transparent;
border-bottom-color: hsl(213,41%,95%);
background-clip: padding-box !important;
margin: -3px -5px -1px -5px !important;
border-radius: 6px 6px 0 0 !important;
}
Fixed code:
.tabbrowser-tab[selected] .tab-background {
background-color: <color>;
border: 3px solid transparent;
border-bottom-color: <color>;
background-clip: padding-box !important;
_________margin: -3px -5px 0px -5px !important;
border-radius: 6px 6px 0 0 !important;
_________border-bottom-width: 2px !important;
}
Reply
:iconspewboy:
=SpewBoy Jan 27, 2012  Hobbyist Interface Designer
The reason we did that was because Strata40 and Soft7 require there to be a 1px overlap, so that the highlight at the top of the nav bar gets removed where the selected tab is, to make it look seamless.

It has always been this way with all of our tab curve methods (from just border images to svgs and backgrounds, to css, etc.). Now, the curve just looks a tad bit rough because we had to make a trade off. Instead of it bending in the middle, it just looks like this: / \ with a border image overlayed on top, which has a curve and a few adjustments to fake a curve in the underlying layer. The bigger you want the curve, the more "off" it looks, due to the background colour not actually being a curve shape.

--
SpewBoy - Destroyer of Galaxies
Reply
:iconnguyenbathung:
I think you shouldn't reduce the bottom curve bases of the S50 tab style...
Reply
:iconaleja73:
IE9 look? Please.
Reply
:iconspewboy:
=SpewBoy Jan 16, 2012  Hobbyist Interface Designer
We are very close to releasing our FoxE9 add-on, which replicates IE9 quite closely (more so than the old IE9 style).

--
SpewBoy - Destroyer of Galaxies
Reply
:iconricktendo64:
I am so! exited for this

--
:relaxed:
Man with hole in pocket feel cocky all day.
Reply
:iconspewboy:
=SpewBoy Feb 4, 2012  Hobbyist Interface Designer
Workin' on it now ;)

--
SpewBoy - Destroyer of Galaxies
Reply
(1 Reply)
:icon:
Add a Comment: