The choices of which mobile application technologies to use for this task were based on the requirement specification and a technical review of web, hybrid and native mobile applications and their associated technologies and programming languages.

A fully functional mobile application prototype was developed. A focus group with 8 participants and a usability analysis of MyFitnessPal’s mobile application were conducted to identify specific requirements for a nutrition tracking mobile application and evaluate an existing solution. This dissertation investigated the perceived barriers of adopting a vegetarian diet, and how these barriers can be removed by using a mobile application. RWD is discussed in detail with respect to present scope and finally a debate is presented on future trends in RWD, and proposed future enhancements which show how responsiveness can be further extended to meet with complete user needs in the light of content and context This monograph discusses the factors that reasoned the Responsive Web Design (RWD). But being device agnostic is only the first milestone towards responsiveness. This means a single Responsive Website is now sufficient to serve all device sizes. Thanks to Ethan Marcotte for inventing the technique of Responsive Web Design by which developers can now produce device agnostic websites which respond, with respect to their layout and content presentation, on all kinds of device resolutions without requiring any special modifications. These high-tech devices and gadgets have placed the web designers and developers to serious issues of user experience and accessibility. tablets, mini laptops medium devices like laptops, desktops and large devices like new age TVs, LEDs, and projector screens capable of accessing websites have changed the approach towards website design and development. mobile phones, smartphones small devices i.e. most of them work properly but input-field directive cause problem in application performance.Today’s extra smile devices i.e. materialize provides directives for using materializecss features in angularjs ( ). I had experience with using materialize with angularjs. Some communities like gem, meteor and ember have ability to include Materialize their projects. Materialize uses SCSS, a styling architecture Material-UI moved away from 2 years ago.Īlthough material UI is the most popular React component library because it has a large set of React components. Only supporting IE 11 allows us to take full advantage of the flexbox layout. Materialize supports a wider range of browsers than Material-UI does, for instance, they support IE 10 while we only support IE 11.

For instance grid system is one of differences.Īs material UI mention in it's documentation, materialize has these differences : Both materialize and material UI implement Google's Material Design But in two different way.

What is materialize css