User interfaces tools

[Mic]

Hi,
Any plans that FirefoxOS get its own WYSIWYG user interfaces tool?

Is it possible to use for example Maqetta ( http://maqetta.org/ )
which provides WYSIWYG visual authoring of HTML5 user interfaces or are
there any other cross platform tools available ?

Thank you in advance.

Mic

[Eric Shepherd]

On 2013-03-10 01:23:42 +0000, Mic said:

> Any plans that FirefoxOS get its own WYSIWYG user interfaces tool?

For what it's worth, I hope that someone does this. A WYSIWYG UX design
tool that helps build apps that follow the Firefox OS UX guidelines
(https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/UX) would
be enormously helpful.

--
Eric Shepherd
Developer Documentation Lead
Mozilla
Blog: http://www.bitstampede.com/
Twitter: @sheppy

[Ben Francis]

On Sun, Mar 10, 2013 at 1:23 AM, Mic <mict...@gmail.com> wrote:

> Any plans that FirefoxOS get its own WYSIWYG user interfaces tool?

Any WYSIWYG tools you currently use for web development will work for
Firefox OS development. Personally I just use a text editor and the Firefox
developer tools but the beauty of the web as a platform is that you can use
whatever tools you like!

Ben

[Eric Shepherd]

On 2013-03-13 16:47:24 +0000, Ben Francis said:

> Any WYSIWYG tools you currently use for web development will work for
> Firefox OS development. Personally I just use a text editor and the Firefox
> developer tools but the beauty of the web as a platform is that you can use
> whatever tools you like!

This is true, although if you want to implement UX similar to the
standard apps, it's a little more complicated than that.

The trick here is that a lot of app developers are coming from the
world of developing for, for example, iOS, where all UI design is drag
and drop and all the behavior of the elements is handled for you.
That's not where we are right now, so the more we can do to help, the
better.

For my part, I'm trying to make sure the documentation we have for
implementing UX elements similar to the ones in the built-in apps is
thorough and rich with examples. This is ongoing work, but you can get
a look at what I'm trying to do here:

https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/UX/Patterns/Multi_select/Coding

[Rafael Rebolleda]

The team behind buildingfirefoxos.com already has some ideas along those
lines...

Stay tuned!

On Thu, Mar 14, 2013 at 4:29 PM, Eric Shepherd <eshe...@mozilla.com>wrote:

> On 2013-03-13 16:47:24 +0000, Ben Francis said:
>

> Any WYSIWYG tools you currently use for web development will work for
>> Firefox OS development. Personally I just use a text editor and the
>> Firefox
>> developer tools but the beauty of the web as a platform is that you can
>> use
>> whatever tools you like!
>>
>
>

> This is true, although if you want to implement UX similar to the standard
> apps, it's a little more complicated than that.
>
> The trick here is that a lot of app developers are coming from the world
> of developing for, for example, iOS, where all UI design is drag and drop
> and all the behavior of the elements is handled for you. That's not where
> we are right now, so the more we can do to help, the better.
>
> For my part, I'm trying to make sure the documentation we have for
> implementing UX elements similar to the ones in the built-in apps is
> thorough and rich with examples. This is ongoing work, but you can get a
> look at what I'm trying to do here:
>

> https://developer.mozilla.org/**en-US/docs/Mozilla/Firefox_OS/**
> UX/Patterns/Multi_select/**Coding<https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/UX/Patterns/Multi_select/Coding>

>
> --
> Eric Shepherd
> Developer Documentation Lead
> Mozilla
> Blog: http://www.bitstampede.com/
> Twitter: @sheppy
>

> ______________________________**_________________
> dev-gaia mailing list
> dev-...@lists.mozilla.org
> https://lists.mozilla.org/**listinfo/dev-gaia<https://lists.mozilla.org/listinfo/dev-gaia>
>

[Rafael Rebolleda]

The team behind buildingfirefoxos.com already has some ideas along those
lines...

Stay tuned!


On Thu, Mar 14, 2013 at 4:29 PM, Eric Shepherd <eshe...@mozilla.com>wrote:

> On 2013-03-13 16:47:24 +0000, Ben Francis said:
>

> Any WYSIWYG tools you currently use for web development will work for
>> Firefox OS development. Personally I just use a text editor and the
>> Firefox
>> developer tools but the beauty of the web as a platform is that you can
>> use
>> whatever tools you like!
>>
>
>

[ARNAU MARCH CASTILLO]

Yes, we have just started working in a drag and drop web app for Building Blocks.
It is still very soon to share anything, but if any of you is interested in collaborating, please let us know!

Arnau


On Mar 14, 2013, at 6:21 PM, Rafael Rebolleda <he...@rafaelrebolleda.com<mailto:he...@rafaelrebolleda.com>>
wrote:

The team behind buildingfirefoxos.com<http://buildingfirefoxos.com/> already has some ideas along those lines...

Stay tuned!

On Thu, Mar 14, 2013 at 4:29 PM, Eric Shepherd <eshe...@mozilla.com<mailto:eshe...@mozilla.com>> wrote:
On 2013-03-13 16:47:24 +0000, Ben Francis said:

Any WYSIWYG tools you currently use for web development will work for
Firefox OS development. Personally I just use a text editor and the Firefox
developer tools but the beauty of the web as a platform is that you can use
whatever tools you like!

This is true, although if you want to implement UX similar to the standard apps, it's a little more complicated than that.

The trick here is that a lot of app developers are coming from the world of developing for, for example, iOS, where all UI design is drag and drop and all the behavior of the elements is handled for you. That's not where we are right now, so the more we can do to help, the better.

For my part, I'm trying to make sure the documentation we have for implementing UX elements similar to the ones in the built-in apps is thorough and rich with examples. This is ongoing work, but you can get a look at what I'm trying to do here:

https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/UX/Patterns/Multi_select/Coding

--
Eric Shepherd
Developer Documentation Lead
Mozilla
Blog: http://www.bitstampede.com/
Twitter: @sheppy

_______________________________________________
dev-gaia mailing list
dev-...@lists.mozilla.org<mailto:dev-...@lists.mozilla.org>
https://lists.mozilla.org/listinfo/dev-gaia



________________________________

Este mensaje se dirige exclusivamente a su destinatario. Puede consultar nuestra pol?tica de env?o y recepci?n de correo electr?nico en el enlace situado m?s abajo.
This message is intended exclusively for its addressee. We only send and receive email on the basis of the terms set out at:
http://www.tid.es/ES/PAGINAS/disclaimer.aspx

[ARNAU MARCH CASTILLO]

Yes, we have just started working in a drag and drop web app for Building Blocks.
It is still very soon to share anything, but if any of you is interested in collaborating, please let us know!

Arnau


On Mar 14, 2013, at 6:21 PM, Rafael Rebolleda <he...@rafaelrebolleda.com<mailto:he...@rafaelrebolleda.com>>
wrote:

The team behind buildingfirefoxos.com<http://buildingfirefoxos.com/> already has some ideas along those lines...

Stay tuned!


On Thu, Mar 14, 2013 at 4:29 PM, Eric Shepherd <eshe...@mozilla.com<mailto:eshe...@mozilla.com>> wrote:
On 2013-03-13 16:47:24 +0000, Ben Francis said:

Any WYSIWYG tools you currently use for web development will work for
Firefox OS development. Personally I just use a text editor and the Firefox
developer tools but the beauty of the web as a platform is that you can use
whatever tools you like!

[Fabrice Desre]

On 03/14/2013 10:31 AM, ARNAU MARCH CASTILLO wrote:
> Yes, we have just started working in a drag and drop web app for Building Blocks.
> It is still very soon to share anything, but if any of you is interested in collaborating, please let us know!

It's never too soon... remember b2g started with just a README.

Fabrice
--
Fabrice Desré
b2g team
Mozilla Corporation

[Fabrice Desre]

[Kyle Machulis]

In terms of basic tools that are already out there, I played with this one a bit on the phone, the UI isn't optimized for our screen size but there's some interesting ideas for app development UX:

http://hotglue.org/


----- Original Message -----
> From: "Mic" <mict...@gmail.com>
> To: dev-...@lists.mozilla.org
> Sent: Saturday, March 9, 2013 5:23:42 PM
> Subject: User interfaces tools
>
> Hi,

> Any plans that FirefoxOS get its own WYSIWYG user interfaces tool?
>

> Is it possible to use for example Maqetta ( http://maqetta.org/ )
> which provides WYSIWYG visual authoring of HTML5 user interfaces or
> are
> there any other cross platform tools available ?
>
> Thank you in advance.
>
> Mic

> _______________________________________________
> dev-gaia mailing list
> dev-...@lists.mozilla.org

> https://lists.mozilla.org/listinfo/dev-gaia
>

[Lucas Adamski]

On 3/14/2013 10:40 AM, Fabrice Desre wrote:
> On 03/14/2013 10:31 AM, ARNAU MARCH CASTILLO wrote:
>> Yes, we have just started working in a drag and drop web app for Building Blocks.
>> It is still very soon to share anything, but if any of you is interested in collaborating, please let us know!
> It's never too soon... remember b2g started with just a README.
>

Indeed. Putting the work in progress up on github would be a big accelerator.
Lucas.

[Lucas Adamski]

[Josh Carpenter]

Beware: that may look like a URL, but it's actually a time warp that gobbles up 20 minutes of your time.

Very, very cool stuff :)

—
Josh Carpenter
UX Lead, Firefox OS
Mozilla