[aerogear-dev] CSS Frameworks

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


Btw be sure to use fastkclick [1] or adequate [2] if you are going to 
evaluate any of those.
It has massive impact on perceived UI responsiveness. :-)

[1] https://github.com/ftlabs/fastclick
[2] https://github.com/ftlabs/fastclick#when-it-isnt-needed

On 07/09/2013 03:09 PM, Lukas Fryc wrote:
> 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
>
>
>
> _______________________________________________
> 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/8533dbc3/attachment.html 


More information about the aerogear-dev mailing list