QML Firefox UI-Concept
 

I made a UI-Concept for QML Firefox (Discussion here).

Hopefully some coder (TM) will start developing it, or something similar. I tried to use buttons and styles that are like Harmattan components.

Watch it in 1080p for best viewing pleasure!
http://youtu.be/O1C52xMBtPg

Teaser picture ;)
http://www.abload.de/img/01-maemouqinq.jpg

Re: QML Firefox UI-Concept
 

I would prefer adress bar on the bottom of the screen, just like in Fremantle.

Re: QML Firefox UI-Concept
 

Actually address bar on top is better due to vkb popping up; otherwise you would need to pop up the bar too...

In the concept AFAIK the tabs are hidden and brought to attention only when its pulled down; i think that part needs work as its very easy to be scrolling and get that...

Re: QML Firefox UI-Concept
 

Tabs and booksmarks should be swipe left/right just like current Firefox (just more Harmattan like UI)

Re: QML Firefox UI-Concept
 

@thedead1440
That shouldn't happen, as you normally don't scroll up when you are already at top.

Same feature like search bar in Filebox.

Re: QML Firefox UI-Concept
 

That only works well in mobile optimized sites. On desktop sites it collides with left/right scrolling to see all content.

Re: QML Firefox UI-Concept
 

You're right. Haven't thought of that, it was kinda natural in n900 and I forgot about vkb in n9.

Re: QML Firefox UI-Concept
 

So you would have to scroll to the top to be able to open tabs?

I think in that case an option in the context menu or an additional button for tabs next to the options menu would be a better choice...

Re: QML Firefox UI-Concept
 

for that is the goto top button at bottom of site

Re: QML Firefox UI-Concept
 

I've been doing the same for Fremantle. Here's a short video:

http://youtu.be/hVAtWl3oUHI

(You'll see me trying to position the cursor directly on the edge. This is because the simulator doesn't support outside swipes. On the device it works when you swipe from the top)

This is also a deb with the UI up to now, but with the QtWebKit backend. The idea is to move to firefox once I'm finished tweaking the details of the UI.

(It has various dependencies like qtdeclarative, qtwebkit, maybe not correctly stated in control, so expect problems in installation)

Re: QML Firefox UI-Concept
 

Very nice!
If I just could code :(

Re: QML Firefox UI-Concept
 

qml is easy and fun. You should try it.

Re: QML Firefox UI-Concept
 

That looks so nice! :)

Re: QML Firefox UI-Concept
 

qwazix, this is really quick, awesome browser. UrlBar.qml doesn't works. I'm waiting for source.

Re: QML Firefox UI-Concept
 

Source https://github.com/qwazix/qmlBrowser

now it has kind of a cursor mode like microb (still buggy though)

Re: QML Firefox UI-Concept
 

Swipe from right edge goes back with a nice animation. Just proof of concept (works only for one step back for now, and gets confused if you reload the page)

qwazix, your deb is probably for N900 only? Or is it for N9 also?
.

Re: QML Firefox UI-Concept
 

Do you plan to start integration with embedLite API? I can provide mozconfig for Fremantle if you wish (or could commit it on github)

EDIT:
BTW what additional SW I need on the device to test the deb?

EDIT2:

OMG, that is fast :D (on the device). I hope it will keep that speed with embedLite. Though I still don't like the idea of havig hildon-status-menu duplicated :). Edit made on the device, running hildonComponentTest

Re: QML Firefox UI-Concept
 

great concept, looks fantastic. :) to make it even better i suggest you replace the crosses with the red ones on the system.

Re: QML Firefox UI-Concept
 

would that be a problem? snowshoe's address bar is at the bottom too but the vkb pops up with the bar smoothly.

Re: QML Firefox UI-Concept
 

This is N900 only, yes.

Two things about that.
1. I want to finish simple interactions (back/forward), menus and dialogs with the WebKit engine since it works nicely on the Qt Simulator and this speeds the development quite a lot.
2. I have trouble setting up the thumb toolchain on sb with the repos down. Mirrors give me weird errors with gzip and things and I'd rather wait for them to be back up.

obviously you got that, but I reply for other people, that you need marxian's hildon qtcomponents posted a few posts back, and their dependencies

The hildon status menu doesn't need to be duplicated. I decided to do that so that I implement my idea of navigation. When there is a first robust version, I am thinking of creating an alternative with the native hildon title bar and the address bar on the bottom just like MicroB. The only obstacle I can think of is that the main application menu will have to be re-implemented in QtWidget instead of QML but that's not a hard thing to do. The alternative UI's can be either decided on runtime or compile time.

Re: QML Firefox UI-Concept
 

The problem is that rendering performance is poor for QML when not in fullscreen. That's the reason for using fullscreen in Qt Components Hildon. Otherwise I would prefer to use showNormal() and find/implement a way to show the application menu in QML.

Re: QML Firefox UI-Concept
 

@IIRC it is not that bad if one disables composition