<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div class="moz-cite-prefix">On 09/07/2013 15:39, Kris Borchers
wrote:<br>
</div>
<blockquote
cite="mid:BD27E81B-68FB-4661-8BA9-2FAED065368D@redhat.com"
type="cite">
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<br>
<div>
<div>On Jul 9, 2013, at 8:42 AM, Hylke Bons <<a
moz-do-not-send="true" href="mailto:hbons@redhat.com">hbons@redhat.com</a>>
wrote:</div>
<br class="Apple-interchange-newline">
<blockquote type="cite">
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">
<div bgcolor="#FFFFFF" text="#000000">
<div class="moz-cite-prefix">Hi,<br>
<br>
I can't judge the implementation or performance. I'll take
people's word on that, though I don't think it's the most
important thing.<br>
</div>
</div>
</blockquote>
<div><br>
</div>
On mobile, performance is one of the most important things both
in terms of perceived performance from the user (i.e. does this
app "feel" fast and react to my interaction appropriately) and
actual performance (i.e. draining the battery). That will be
more important than having a fancy menu or a date picker any
day.<br>
</div>
</blockquote>
<br>
It depends on the situation, but often using the right component in
the right context is more important than having a slight performance
improvement.<br>
<br>
<br>
<blockquote
cite="mid:BD27E81B-68FB-4661-8BA9-2FAED065368D@redhat.com"
type="cite">
<div>
<blockquote type="cite">
<div bgcolor="#FFFFFF" text="#000000">
<div class="moz-cite-prefix"> <br>
The default style will be overridden with our own, no
matter what framework we'll be using. So style is
irrelevant here really. I agree that people should stop
using the Bootstrap style everywhere, it looks lame (but
the same can be said for Topcoat once it gets adopted
more).<br>
<br>
I've downloaded Topcoat and had a look inside. I don't see
any components, just a few simple element stylings.</div>
</div>
</blockquote>
<div><br>
</div>
What components do we (AeroGear) "need" that we can't just use a
little plugin for or roll our own? I feel like a base of some
nicely styled native components is perfect, not to mention much
leaner.<br>
</div>
</blockquote>
<br>
Yes, I agree we need a base set of nicely styled components, but
these are more than Topcoat (as far as I can see) provides.<br>
I kind of assumed this thread was about the Unified Push Admin UI,
as we were talking about the other thread, I'm mostly having that in
mind.<br>
Not sure if Luke wanted to go broader than that.<br>
<br>
As to what we need, here are the current wireframes:
<a class="moz-txt-link-freetext" href="https://github.com/hbons/aerogear-design/blob/master/aerogear_unified_push_server_admin_ui.png">https://github.com/hbons/aerogear-design/blob/master/aerogear_unified_push_server_admin_ui.png</a><br>
I've already started implementing most of them here (all custom so
far): <a class="moz-txt-link-freetext" href="http://hbons.github.io/ag-unified-push-server/">http://hbons.github.io/ag-unified-push-server/</a><br>
<br>
Hylke<br>
<br>
<blockquote
cite="mid:BD27E81B-68FB-4661-8BA9-2FAED065368D@redhat.com"
type="cite">
<div>
<blockquote type="cite">
<div bgcolor="#FFFFFF" text="#000000">
<div class="moz-cite-prefix"> If that all Topcoat is, it
probably makes more sense to do all the CSS custom, as it
will be almost as much work as retheming everything and
there's not really a point having a CSS framework at all
then.</div>
</div>
</blockquote>
<div><br>
</div>
This makes no sense to me. Topcoat has a complete, and easy to
use theming system based on Stylus and built with Grunt. You
change a few variables for colors, font sizes, etc., then add
some of your own custom styles on top to make it your own.<br>
<blockquote type="cite">
<div bgcolor="#FFFFFF" text="#000000">
<div class="moz-cite-prefix"> We can grab our missing
components from Bootstrap (or something else), and make
some components from scratch where the Bootstrap
components are suboptimal.<br>
<br>
So the style elements being equal, I think Bootstrap would
give us a head start due to a better selection of
components that we need. So I want to vouch for that one.<br>
</div>
</div>
</blockquote>
<div><br>
</div>
I think a selection of components is one of the least important
items on the list in terms of what AeroGear needs as a project.<br>
<blockquote type="cite">
<div bgcolor="#FFFFFF" text="#000000">
<div class="moz-cite-prefix"> <br>
Thanks,<br>
<br>
Hylke<br>
<br>
<br>
<br>
On 08/07/2013 21:55, Matthias Wessendorf wrote:<br>
</div>
<blockquote
cite="mid:CAAg5f2RRaFdLzfEsgT9DKVTt5F__f8a0FJidBGNBqDE_Dkwk5g@mail.gmail.com"
type="cite">
<div dir="ltr">If Luke/Kris want to use Topcoat for a good
number of reasons, I am +9001 on that.
<div><br>
</div>
</div>
<div class="gmail_extra"><br>
<br>
<div class="gmail_quote">On Mon, Jul 8, 2013 at 9:34 PM,
Kris Borchers <span dir="ltr"><<a
moz-do-not-send="true"
href="mailto:kris@redhat.com" target="_blank">kris@redhat.com</a>></span>
wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0
.8ex;border-left:1px #ccc solid;padding-left:1ex">Topcoat
is a nice and clean CSS framework.<br>
<br>
Bootstrap is a messy framework dirtied by some
half-assed JS based widgets that don't work well in
most cases.<br>
<br>
The few widgets we may need could probably be done
with pure CSS, or a small jQuery plugin. No need for
the bootstrap mess. Also, every site using
bootstrap, for the most part, still looks like
bootstrap and that's annoying.<br>
<div class="HOEnZb">
<div class="h5"><br>
On Jul 8, 2013, at 2:24 PM, Bruno Oliveira <<a
moz-do-not-send="true"
href="mailto:bruno@abstractj.org">bruno@abstractj.org</a>>
wrote:<br>
<br>
> I'm not a UI specialist, but I do like
Topcoat<br>
><br>
> Lucas Holmquist wrote:<br>
>> Starting a new thread for this:<br>
>><br>
>><br>
>>> I would like to reboot the
discussion of css frameworks<br>
>>><br>
>>> the 2 that are in question are
bootstrap and topcoat.<br>
>>><br>
>>> i would like to here why one is
"better" than the other. or why the<br>
>>> preference.<br>
>>><br>
>>> Ready, Go.<br>
>>
_______________________________________________<br>
>> aerogear-dev mailing list<br>
>> <a moz-do-not-send="true"
href="mailto:aerogear-dev@lists.jboss.org">aerogear-dev@lists.jboss.org</a><br>
>> <a moz-do-not-send="true"
href="https://lists.jboss.org/mailman/listinfo/aerogear-dev"
target="_blank">https://lists.jboss.org/mailman/listinfo/aerogear-dev</a><br>
><br>
> --<br>
> abstractj<br>
><br>
>
_______________________________________________<br>
> aerogear-dev mailing list<br>
> <a moz-do-not-send="true"
href="mailto:aerogear-dev@lists.jboss.org">aerogear-dev@lists.jboss.org</a><br>
> <a moz-do-not-send="true"
href="https://lists.jboss.org/mailman/listinfo/aerogear-dev"
target="_blank">https://lists.jboss.org/mailman/listinfo/aerogear-dev</a><br>
<br>
<br>
_______________________________________________<br>
aerogear-dev mailing list<br>
<a moz-do-not-send="true"
href="mailto:aerogear-dev@lists.jboss.org">aerogear-dev@lists.jboss.org</a><br>
<a moz-do-not-send="true"
href="https://lists.jboss.org/mailman/listinfo/aerogear-dev"
target="_blank">https://lists.jboss.org/mailman/listinfo/aerogear-dev</a><br>
</div>
</div>
</blockquote>
</div>
<br>
<br clear="all">
<div><br>
</div>
-- <br>
Matthias Wessendorf <br>
<br>
blog: <a moz-do-not-send="true"
href="http://matthiaswessendorf.wordpress.com/"
target="_blank">http://matthiaswessendorf.wordpress.com/</a><br>
sessions: <a moz-do-not-send="true"
href="http://www.slideshare.net/mwessendorf"
target="_blank">http://www.slideshare.net/mwessendorf</a><br>
twitter: <a moz-do-not-send="true"
href="http://twitter.com/mwessendorf" target="_blank">http://twitter.com/mwessendorf</a>
</div>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<br>
<pre wrap="">_______________________________________________
aerogear-dev mailing list
<a moz-do-not-send="true" class="moz-txt-link-abbreviated" href="mailto:aerogear-dev@lists.jboss.org">aerogear-dev@lists.jboss.org</a>
<a moz-do-not-send="true" class="moz-txt-link-freetext" href="https://lists.jboss.org/mailman/listinfo/aerogear-dev">https://lists.jboss.org/mailman/listinfo/aerogear-dev</a></pre>
</blockquote>
<br>
</div>
_______________________________________________<br>
aerogear-dev mailing list<br>
<a moz-do-not-send="true"
href="mailto:aerogear-dev@lists.jboss.org">aerogear-dev@lists.jboss.org</a><br>
<a class="moz-txt-link-freetext" href="https://lists.jboss.org/mailman/listinfo/aerogear-dev">https://lists.jboss.org/mailman/listinfo/aerogear-dev</a></blockquote>
</div>
<br>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<br>
<pre wrap="">_______________________________________________
aerogear-dev mailing list
<a class="moz-txt-link-abbreviated" href="mailto:aerogear-dev@lists.jboss.org">aerogear-dev@lists.jboss.org</a>
<a class="moz-txt-link-freetext" href="https://lists.jboss.org/mailman/listinfo/aerogear-dev">https://lists.jboss.org/mailman/listinfo/aerogear-dev</a></pre>
</blockquote>
<br>
</body>
</html>