Apache Cordova vs Sass

Overview

Sass

Stacks44.8K

Followers32.2K

Votes3.0K

GitHub Stars15.3K

Forks2.2K

Apache Cordova

Stacks686

Followers892

Votes218

GitHub Stars955

Forks345

Apache Cordova vs Sass: What are the differences?

Introduction

Apache Cordova and Sass are two widely used tools in web development. Apache Cordova is a platform that allows developers to build mobile apps using HTML, CSS, and JavaScript, while Sass is a CSS preprocessor that enhances the functionality of CSS by adding features like variables and nesting. Although both tools are used in web development, they have several key differences.

Language: The main difference between Apache Cordova and Sass is the underlying language they are based on. Apache Cordova is based on web technologies like HTML, CSS, and JavaScript, while Sass is a preprocessor for CSS.
Functionality: Apache Cordova is primarily used for building mobile apps by wrapping web technologies in a native app container, allowing them to be distributed through app stores. Sass, on the other hand, is used for enhancing the functionality of CSS, such as adding variables, mixins, and nested rules, making it easier to write and maintain CSS code.
Compatibility: Apache Cordova is compatible with various mobile platforms, including iOS, Android, and Windows Phone. It provides a uniform API to access device features like camera, accelerometer, and geolocation. On the other hand, Sass is a tool that can be used in any modern web browser, as it is compiled to plain CSS.
Workflow: Apache Cordova is typically used in conjunction with other web development tools like IDEs, build systems, and testing frameworks. Developers usually follow a specific workflow when building Cordova apps, which involves building the app using web technologies and then packaging it as a native app. Sass, on the other hand, is integrated into the CSS development workflow, allowing developers to write Sass code, which is then compiled to CSS before being deployed.
Learning Curve: Apache Cordova requires knowledge of web technologies like HTML, CSS, and JavaScript, as well as familiarity with the specific Cordova platform APIs. It can have a steep learning curve for beginners. Sass, on the other hand, is relatively easy to learn for developers already familiar with CSS. It provides a familiar syntax with added features, making it easier to transition from traditional CSS.
Community Support: Apache Cordova has a large and active community of developers, which means there are plenty of resources, tutorials, and plugins available to help developers build and troubleshoot Cordova applications. Sass also has a strong community support, with many libraries and frameworks built on top of Sass, providing additional functionalities and tools.

In summary, Apache Cordova is a platform for building mobile apps using web technologies, while Sass is a CSS preprocessor that enhances the functionality of CSS. They differ in terms of the underlying language, functionality, compatibility, workflow, learning curve, and community support.

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 Sass, Apache Cordova

Anonymous

CEO at ME!

Jun 17, 2020

Needs adviceon

Sass

Stylus

PostCSS

Originally, I was going to start using @{Sass}|tool:1171| with Parcel, but then I learned about @{Stylus}|tool:1172|, which looked interesting because it can get the property values of something directly instead of through variables, and @{PostCSS}|tool:3339|, which looked interesting because you can customize your Pre/Post-processing. Which tool would you recommend?

547k views547k

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

Aleksandr

Contract Software Engineer - Microsoft at Microsoft-365

Dec 23, 2019

Needs advice

I've done some Hybrid Mobile apps with both technologies Apache Cordova and React Native and described my experience in my blog.

In a few words, I would suggest to use each technology in accordance what what is your current code base and what do you want to achieve.

React Native is a great option if you need that extra edge in performance with multi-threading and native UI rendering. Or you already have a web app based on React which you want to port to mobile.

On the other hand, if you have an existing web application code and you want to reuse some or all, including the ability to use web third-party libraries, then Cordova is the best option.

429k views429k

Comments

Detailed Comparison

Sass	Apache Cordova
Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.	Apache Cordova is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript. Combined with a UI framework such as jQuery Mobile or Dojo Mobile or Sencha Touch, this allows a smartphone app to be developed with just HTML, CSS, and JavaScript.
-	Cross-platform (CLI) workflow;Platform-centered workflow;Hundreds of plugins
Statistics
GitHub Stars 15.3K	GitHub Stars 955
GitHub Forks 2.2K	GitHub Forks 345
Stacks 44.8K	Stacks 686
Followers 32.2K	Followers 892
Votes 3.0K	Votes 218
Pros & Cons
Pros 613 Variables 594 Mixins 466 Nested rules 410 Maintainable 300 Functions Cons 7 Needs to be compiled	Pros 48 Lots of plugins 35 JavaScript 26 Great community 25 Easy Development 18 Easy to learn Cons 2 No native performance 1 Hard to install 0 Hard to install

What are some alternatives to Sass, Apache Cordova?

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.

Less

Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.

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.

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.

Stylus

Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style.

Framework7

It is a free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS native look and feel. All you need to make it work is a simple HTML layout and attached framework's CSS and JS files.

Qt

Qt, a leading cross-platform application and UI framework. With Qt, you can develop applications once and deploy to leading desktop, embedded & mobile targets.

PhoneGap

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.

Related Comparisons

Apache Cordova vs Sass: What are the differences?

Introduction

Language: The main difference between Apache Cordova and Sass is the underlying language they are based on. Apache Cordova is based on web technologies like HTML, CSS, and JavaScript, while Sass is a preprocessor for CSS.
Functionality: Apache Cordova is primarily used for building mobile apps by wrapping web technologies in a native app container, allowing them to be distributed through app stores. Sass, on the other hand, is used for enhancing the functionality of CSS, such as adding variables, mixins, and nested rules, making it easier to write and maintain CSS code.
Compatibility: Apache Cordova is compatible with various mobile platforms, including iOS, Android, and Windows Phone. It provides a uniform API to access device features like camera, accelerometer, and geolocation. On the other hand, Sass is a tool that can be used in any modern web browser, as it is compiled to plain CSS.
Workflow: Apache Cordova is typically used in conjunction with other web development tools like IDEs, build systems, and testing frameworks. Developers usually follow a specific workflow when building Cordova apps, which involves building the app using web technologies and then packaging it as a native app. Sass, on the other hand, is integrated into the CSS development workflow, allowing developers to write Sass code, which is then compiled to CSS before being deployed.
Learning Curve: Apache Cordova requires knowledge of web technologies like HTML, CSS, and JavaScript, as well as familiarity with the specific Cordova platform APIs. It can have a steep learning curve for beginners. Sass, on the other hand, is relatively easy to learn for developers already familiar with CSS. It provides a familiar syntax with added features, making it easier to transition from traditional CSS.
Community Support: Apache Cordova has a large and active community of developers, which means there are plenty of resources, tutorials, and plugins available to help developers build and troubleshoot Cordova applications. Sass also has a strong community support, with many libraries and frameworks built on top of Sass, providing additional functionalities and tools.

Apache Cordova vs Sass

Overview

Apache Cordova vs Sass: What are the differences?