Thursday, May 28, 2015

Popular CSS frameworks for Mobile applications

BOOTSTRAP: Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. It has over a dozen reusable components built to provide iconography, dropdowns, input groups, navigation, alerts,etc.
Strengths:
Grid System: Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options.
Responsive Utilities: For faster mobile-friendly development, use utility classes for showing and hiding content by device via media query. Also included are utility classes for toggling content when printed.
Download : Bootstrap

IONIC: Ionic is Google's new framework for building hybrid mobile applications.It requires you to use AngularJS.You can find a list of all the available components here:Ionic Components.
Strenghts:
CSS Components: Reusable and customizable front-end UI elements.
AngularJS Extensions: Ionic is both a CSS framework and a Javascript UI library. Many components need Javascript , though often components can easily be used without coding through framework extensions such as AngularIonic extensions.
Icon Sets : The premium icon font offeres many different icon optoins to choose from.
Download: Ionic

SEMANTIC UI: Semantic is a development framework that helps create beautiful, responsive layouts using HTML.
Strengths:
Concise HTML: Semantic UI treats words and classes as exchangeable concepts.
Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively.
Intuitive Javascript: Semantic uses simple phrases called behaviors that trigger functionality.
Simplified Debugging: Performance logging lets you track down bottlenecks without digging through stack traces.
Download: Semantic UI

No comments:

Post a Comment