PhoneGap vs Semantic UI

Overview

PhoneGap

Stacks578

Followers685

Votes94

GitHub Stars4.0K

Forks889

Semantic UI

Stacks992

Followers1.5K

Votes673

GitHub Stars51.2K

Forks4.9K

PhoneGap vs Semantic UI: What are the differences?

Developers describe PhoneGap as "Easilily create mobile apps using HTML, CSS, and JavaScript". PhoneGap is a web platform that exposes native mobile device apis and data to JavaScript. PhoneGap is a distribution of Apache Cordova. PhoneGap allows you to use standard web technologies such as HTML5, CSS3, and JavaScript for cross-platform development, avoiding each mobile platforms' native development language. Applications execute within wrappers targeted to each platform, and rely on standards-compliant API bindings to access each device's sensors, data, and network status. On the other hand, Semantic UI is detailed as "A UI Component library implemented using a set of specifications designed around natural language". Semantic empowers designers and developers by creating a shared vocabulary for UI.

PhoneGap and Semantic UI are primarily classified as "Cross-Platform Mobile Development" and "Front-End Frameworks" tools respectively.

Some of the features offered by PhoneGap are:

Android
Blackberry
iOS

On the other hand, Semantic UI provides the following key features:

Build Responsive Layouts Easier
Self Explanatory
Tag ambivalent

"Javascript" is the top reason why over 44 developers like PhoneGap, while over 134 developers mention "Easy to use and looks elegant" as the leading cause for choosing Semantic UI.

PhoneGap and Semantic UI are both open source tools. Semantic UI with 45.7K GitHub stars and 4.83K forks on GitHub appears to be more popular than PhoneGap with 4.15K GitHub stars and 974 GitHub forks.

Snapchat, Create.It, and Reviewable are some of the popular companies that use Semantic UI, whereas PhoneGap is used by Infoshare, Binary.com, and StreetHub. Semantic UI has a broader approval, being mentioned in 77 company stacks & 50 developers stacks; compared to PhoneGap, which is listed in 86 company stacks and 34 developer stacks.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Advice on PhoneGap, Semantic UI

Ru_Co

Sep 9, 2020

Review

Hi Manish,

Well between those 2 options (Kotlin and Flutter), Flutter would be the only one that would allow you to make your app for both Apple and Android. Kotlin is for Android only. But there are other crossplatform development frameworks besides Flutter. Which one is the best for you would depend on the app you want to create and your current expertises and preferences. I've marked a few alternatives in my answer.

129 views129

Comments

Aleksandr

Contract Software Engineer - Microsoft at Microsoft-365

Dec 23, 2019

Review

What is `Proguard`?

ProGuard is the most popular optimizer for Java bytecode. It makes your Java and Android applications up to 90% smaller and up to 20% faster. ProGuard also provides minimal protection against reverse engineering by obfuscating the names of classes, fields and methods.

How to use it in `Cordova` app?

I didn't find any plugins for it. So I've implemented it by myself and shared it on GitHub.

Feel free to use!

119k views119k

Comments

Detailed Comparison

PhoneGap	Semantic UI
PhoneGap is a web platform that exposes native mobile device apis and data to JavaScript. PhoneGap is a distribution of Apache Cordova. PhoneGap allows you to use standard web technologies such as HTML5, CSS3, and JavaScript for cross-platform development, avoiding each mobile platforms' native development language. Applications execute within wrappers targeted to each platform, and rely on standards-compliant API bindings to access each device's sensors, data, and network status.	Semantic empowers designers and developers by creating a shared vocabulary for UI.
Android;Blackberry;iOS;Windows Phone;Windows8	Build Responsive Layouts Easier;Self Explanatory;Tag ambivalent;Powerful tools for expressing groups and collections;Portable and self-contained
Statistics
GitHub Stars 4.0K	GitHub Stars 51.2K
GitHub Forks 889	GitHub Forks 4.9K
Stacks 578	Stacks 992
Followers 685	Followers 1.5K
Votes 94	Votes 673
Pros & Cons
Pros 46 Javascript 13 Backed by Adobe 11 Free 9 Easy and developer friendly 6 Support more platforms Cons 2 Never as good as a native app 1 Not build for high performance 1 Hard to see 1 Created for web pages, not for complex Apps 1 Poor user experience	Pros 157 Easy to use and looks elegant 92 Variety of components 64 Themes 61 Has out-of-the-box widgets i would actually use 57 Semantic, duh Cons 5 Outdated build tool (gulp 3)) 3 Poor accessibility support 3 HTML is not semantic (see list component) 2 Javascript is tied to jquery
Integrations
No integrations available	AngularJS React Ember.js Meteor

What are some alternatives to PhoneGap, Semantic UI?

Bootstrap

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Ionic

Free and open source, Ionic offers a library of mobile and desktop-optimized HTML, CSS and JS components for building highly interactive apps. Use with Angular, React, Vue, or plain JavaScript.

Flutter

Flutter is a mobile app SDK to help developers and designers build modern mobile apps for iOS and Android.

React Native

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.

Xamarin

Xamarin’s Mono-based products enable .NET developers to use their existing code, libraries and tools (including Visual Studio*), as well as skills in .NET and the C# programming language, to create mobile applications for the industry’s most widely-used mobile devices, including Android-based smartphones and tablets, iPhone, iPad and iPod Touch.

Foundation

Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.

Materialize

A CSS Framework based on material design.

Material Design for Angular

Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.

NativeScript

NativeScript enables developers to build native apps for iOS, Android and Windows Universal while sharing the application code across the platforms. When building the application UI, developers use our libraries, which abstract the differences between the native platforms.

Material-UI

Material UI is a library of React UI components that implements Google's Material Design.

Related Comparisons

Some of the features offered by PhoneGap are:

Android
Blackberry
iOS

On the other hand, Semantic UI provides the following key features:

Build Responsive Layouts Easier
Self Explanatory
Tag ambivalent

"Javascript" is the top reason why over 44 developers like PhoneGap, while over 134 developers mention "Easy to use and looks elegant" as the leading cause for choosing Semantic UI.

PhoneGap vs Semantic UI