[aerogear-dev] CSS Frameworks

Lukas Fryc lfryc at redhat.com
Tue Jul 9 09:09:27 EDT 2013


I was investigating CSS "frameworks" (or rather widget libraries) recently

and Bootstrap isn't really good choice for fast, mobile-optimized 
applications.

*Bootstrap* serves its purpose when it comes to mobile-ready, responsive 
pages, but it does poor job when someone wants to build fast mobile 
application.
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 ;-).

I have tried *Topcoat* 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).

However I really like where *Topcoat* is directed.
There is a sample application [2, 3] which integrates Topcoat with 
Backbone and it's impressively fast in Chrome on Android.
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).

(People are also reporting that current *jQuery Mobile* is too slow for 
web/hybrid development if you expect the app to be as fast as native.)

Btw the best mobile widget library I have seen so far /wrt performance 
and completeness is *Ratchet* [4] (though it has Apple-ish look&feel). 
It works really smooth in Cordova - there is an AngularJS sample app [5]).

~ Lukas


[1] https://github.com/kborchers/aerogear-devnexus
[2] http://coenraets.org/apps/directory/backbone/topcoat/
[3] 
http://coenraets.org/blog/2013/06/sample-mobile-phonegap-application-with-backbone-js-and-topcoat/
[4] http://maker.github.io/ratchet/
[5] https://github.com/raveenb/phonegap-angular-ratchet


--
Lukas Fryc
Software Engineer
JBoss by Red Hat
https://twitter.com/lfryc

On 07/08/2013 09:20 PM, Lucas Holmquist wrote:
> Starting a new thread for this:
>
>
>> I would like to reboot the discussion of css frameworks
>>
>> the 2 that are in question are bootstrap and topcoat.
>>
>> i would like to here why one is "better" than the other.  or why the
>> preference.
>>
>> Ready, Go.
>
>
> _______________________________________________
> aerogear-dev mailing list
> aerogear-dev at lists.jboss.org
> https://lists.jboss.org/mailman/listinfo/aerogear-dev

-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.jboss.org/pipermail/aerogear-dev/attachments/20130709/945dbe86/attachment.html 


More information about the aerogear-dev mailing list