<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<div class="moz-cite-prefix">I was investigating CSS "frameworks"
(or rather widget libraries) recently<br>
<br>
and Bootstrap isn't really good choice for fast, mobile-optimized
applications.<br>
<br>
<b>Bootstrap</b> serves its purpose when it comes to mobile-ready,
responsive pages, but it does poor job when someone wants to build
fast mobile application.<br>
Bootstrap's poor performance is also very perceivable in hybrid
development - I tried a sample app in Cordova and it's quite slow
/wrt rendering and transitions (btw, I have tried Kris' devnexus
AngularJS/AeroGear app [1] there as well ;-).<br>
<br>
I have tried <b>Topcoat</b> personally and it is really fast,
though it's incomplete yet (0.5 was released a week ago, which
contains barely half of the "widgets" that jQuery mobile could
provide).<br>
<br>
However I really like where <b>Topcoat</b> is directed.<br>
There is a sample application [2, 3] which integrates Topcoat with
Backbone and it's impressively fast in Chrome on Android.<br>
I have tried it in Cordova and it's also fast there. (however
Cordova suffers from integration with out-dated WebKit (the one
from built-in Android browser) thus there are some issues with
rendering).<br>
<br>
(People are also reporting that current <b>jQuery Mobile</b> is
too slow for web/hybrid development if you expect the app to be as
fast as native.)<br>
<br>
Btw the best mobile widget library I have seen so far /wrt
performance and completeness is <b>Ratchet</b> [4] (though it has
Apple-ish look&feel). It works really smooth in Cordova -
there is an AngularJS sample app [5]).<br>
<br>
~ Lukas<br>
<br>
<br>
[1]
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<a href="https://github.com/kborchers/aerogear-devnexus">https://github.com/kborchers/aerogear-devnexus</a><br>
[2]
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<a href="http://coenraets.org/apps/directory/backbone/topcoat/">http://coenraets.org/apps/directory/backbone/topcoat/</a><br>
[3]
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<a
href="http://coenraets.org/blog/2013/06/sample-mobile-phonegap-application-with-backbone-js-and-topcoat/">http://coenraets.org/blog/2013/06/sample-mobile-phonegap-application-with-backbone-js-and-topcoat/</a><br>
[4]
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<a href="http://maker.github.io/ratchet/">http://maker.github.io/ratchet/</a><br>
[5]
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<a href="https://github.com/raveenb/phonegap-angular-ratchet">https://github.com/raveenb/phonegap-angular-ratchet</a><br>
<br>
<br>
--<br>
Lukas Fryc<br>
Software Engineer<br>
JBoss by Red Hat<br>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<a href="https://twitter.com/lfryc">https://twitter.com/lfryc</a><br>
<br>
On 07/08/2013 09:20 PM, Lucas Holmquist wrote:<br>
</div>
<blockquote
cite="mid:BD00BA08-CF51-43DA-AD20-8849A1CA3A9D@redhat.com"
type="cite">
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<div>Starting a new thread for this:</div>
<div><br>
</div>
<br>
<blockquote type="cite">
<div style="text-align: left;">I would like to reboot the
discussion of css frameworks</div>
<font color="#000000">
<div style="text-align: left;"><br>
</div>
<div style="text-align: left;">the 2 that are in question are
bootstrap and topcoat.</div>
<div style="text-align: left;"><br>
</div>
<div style="text-align: left;">i would like to here why one is
"better" than the other. or why the</div>
<div style="text-align: left;">preference.</div>
<div style="text-align: left;"><br>
</div>
<div style="text-align: left;">Ready, Go.</div>
</font></blockquote>
<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>