Framework7

Last updated
Framework7
Stable release
5.7.10 / July 14, 2020 (2020-07-14)
Repository https://github.com/framework7io/framework7
Platform GNU/Linux
Available inEnglish
License MIT License
Website framework7.io

Framework7 is an open source and free framework to develop mobile, desktop or web apps; Framework7 can also be used as a prototyping tool. [1] [2] [3]

Contents

Features

Some features of Framework7 are given below:

Example

Sample code may look like as follows:

<!DOCTYPE html><html><head><!-- Required meta tags--><metacharset="utf-8"><metaname="viewport"content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover"><metaname="apple-mobile-web-app-capable"content="yes"><!-- Color theme for statusbar --><metaname="theme-color"content="#2196f3"><!-- Your app title --><title>My App</title><!-- Path to Framework7 Library Bundle CSS --><linkrel="stylesheet"href="path/to/framework7.bundle.min.css"><!-- Path to your custom app styles--><linkrel="stylesheet"href="path/to/my-app.css"></head><body><!-- App root element --><divid="app"><!-- Statusbar overlay --><divclass="statusbar"></div><!-- Your main view, should have "view-main" class --><divclass="view view-main"><!-- Initial Page, "data-name" contains page name --><divdata-name="home"class="page"><!-- Top Navbar --><divclass="navbar"><divclass="navbar-inner"><divclass="title">Awesome App</div></div></div><!-- Bottom Toolbar --><divclass="toolbar toolbar-bottom"><divclass="toolbar-inner"><!-- Toolbar links --><ahref="#"class="link">Link 1</a><ahref="#"class="link">Link 2</a></div></div><!-- Scrollable page content --><divclass="page-content"><p>Page content goes here</p><!-- Link to another page --><ahref="/about/">About app</a></div></div></div></div><!-- Path to Framework7 Library Bundle JS--><scripttype="text/javascript"src="path/to/framework7.bundle.min.js"></script><!-- Path to your app js--><scripttype="text/javascript"src="path/to/my-app.js"></script></body></html>

[4]

Parts of ecosystem

Some parts of the ecosystem are given below:

See also

Related Research Articles

Bookmarklet

A bookmarklet is a bookmark stored in a web browser that contains JavaScript commands that add new features to the browser. Bookmarklets are unobtrusive JavaScripts stored as the URL of a bookmark in a web browser or as a hyperlink on a web page. Bookmarklets are usually JavaScript programs. Regardless of whether bookmarklet utilities are stored as bookmarks or hyperlinks, they add one-click functions to a browser or web page. When clicked, a bookmarklet performs one of a wide variety of operations, such as running a search query or extracting data from a table. For example, clicking on a bookmarklet after selecting text on a webpage could run an Internet search on the selected text and display a search engine results page.

Extensible Application Markup Language is a declarative XML-based language developed by Microsoft that is used for initializing structured values and objects. It is available under Microsoft's Open Specification Promise. The acronym originally stood for Extensible Avalon Markup Language, Avalon being the code-name for Windows Presentation Foundation (WPF).

hCard is a microformat for publishing the contact details of people, companies, organizations, and places, in (X)HTML, Atom, RSS, or arbitrary XML. The hCard microformat does this using a 1:1 representation of vCard properties and values, identified using HTML classes and rel attributes.

A CSS hack is a coding technique used to hide or show CSS markup depending on the browser, version number, or capabilities. Browsers have different interpretations of CSS behavior and different levels of support for the W3C standards. CSS hacks are sometimes used to achieve consistent layout appearance in multiple browsers that do not have compatible rendering. Most of these hacks do not work in modern versions of the browsers, and other techniques, such as feature support detection, have become more prevalent.

Haml is a templating system that is designed to avoid writing inline code in a web document and make the HTML cleaner. Haml gives the flexibility to have some dynamic content in HTML. Similar to other web languages like PHP, ASP, JSP and template systems like eRuby, Haml also embeds some code that gets executed during runtime and generates HTML code in order to provide some dynamic content. In order to run Haml code, files need to have a .haml extension. These files are similar to .erb or eRuby files which also help to embed Ruby code while developing a web application.

midori is an ultra-lightweight JavaScript library that aims to make JavaScript web development easier. It was created by Aycan Gulez and hasn't been updated since June 2010.

EPUB E-book file format

EPUB is an e-book file format that uses the ".epub" file extension. The term is short for electronic publication and is sometimes styled ePub. EPUB is supported by many e-readers, and compatible software is available for most smartphones, tablets, and computers. EPUB is a technical standard published by the International Digital Publishing Forum (IDPF). It became an official standard of the IDPF in September 2007, superseding the older Open eBook standard.

Vaadin

Vaadin is an open-source platform for web application development. The Vaadin Platform includes a set of web components, a Java web framework, and a set of tools and application starters. Its flagship product, Vaadin Platform allows the implementation of HTML5 web user interfaces using the Java programming language.

XHTML+RDFa is an extended version of the XHTML markup language for supporting RDF through a collection of attributes and processing rules in the form of well-formed XML documents. XHTML+RDFa is one of the techniques used to develop Semantic Web content by embedding rich semantic markup. Version 1.1 of the language is a superset of XHTML 1.1, integrating the attributes according to RDFa Core 1.1. In other words, it is an RDFa support through XHTML Modularization.

Modernizr is a JavaScript library that detects the features available in a user's browser. This lets web pages avoid unsupported features by informing the user their browser isn't supported or loading a polyfill. Modernizr aims to provide feature detection in a consistent and easy to use manner that discourages the use of failure-prone browser sniffing.

The cache manifest in HTML5 is a software storage feature which provides the ability to access a web application even without a network connection. It became part of the W3C Recommendation on 28 October 2014.

Sencha Touch

Sencha Touch is a user interface (UI) JavaScript library, or web framework, specifically built for the Mobile Web. It can be used by Web developers to develop user interfaces for mobile web applications that look and feel like native applications on supported mobile devices. It is based on web standards such as HTML5, CSS3 and JavaScript. The goal of Sencha Touch is to facilitate quick and easy development of HTML5 based mobile apps which run on Android, iOS, Windows, Tizen and BlackBerry devices, simultaneously allowing a native look and feel to the apps.

jQuery Mobile is a touch-optimized web framework, more specifically a JavaScript library, developed by the jQuery project team. The development focuses on creating a framework compatible with a wide variety of smartphones and tablet computers, made necessary by the growing but heterogeneous tablet and smartphone market. The jQuery Mobile framework is compatible with other mobile app frameworks and platforms such as PhoneGap, Worklight and more.

AngularJS is a JavaScript-based open-source front-end web framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–viewmodel (MVVM) architectures, along with components commonly used in web applications and progressive web applications.

installCore is an installation and content distribution platform, including a software development kit (SDK) for Windows and Mac OS X. The program allows those using it for distribution to include monetization by advertisements, charging for installation, etc.. The platform and programs using it have been rated potentially unwanted program (PUP) or potentially unwanted application (PUA) by anti-malware product vendors and Windows Defender Antivirus in 2014-2015. The platform was primarily designed for efficient web based deployment of various type of application software. As of August 2012 installCore was managing 100 million installations every month, offering services for paid, unpaid and free software. installCore is a product of ironSource which is headquartered in Tel Aviv with offices in San Francisco, CA in the United States and Beijing, China,

Yesod is a free and open-source web framework based on Haskell for productive development of type-safe, REST model based, high performance web applications, developed by Michael Snoyman et al.

BootstrapCDN is a public content delivery network. It enables users to load CSS, JavaScript and images remotely from its servers. Used by more than 7.9 million websites worldwide, BootstrapCDN serves more than 70 billion requests a month. In March 2021 the ownership was transferred to the jsDelivr project.

ContentTools is an open-source WYSIWYG editor for HTML content written in JavaScript/CoffeeScript by Anthony Blackshaw of Getme Limited.

Vue.js Open-source JavaScript framework for building user interfaces

Vue.js is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications. It was created by Evan You, and is maintained by him and the rest of the active core team members.

Next.js Lightweight javascript framework to create for static and server‑rendered applications

Next.js is an open-source React front-end development web framework created by Vercel that enables functionality such as server-side rendering and generating static websites for React based web applications. It is a production-ready framework that allows developers to quickly create static and dynamic JAMstack websites and is used widely by many large companies. Next.js is one of several recommended "toolchains" available when starting a new React app, all of which provide a layer of abstraction to aid in common tasks. Traditional React apps render all their content in the client-side browser, Next.js is used to extend this functionality to include applications rendered on the server side. The copyright and trademarks for Next.js are owned by Vercel. On July 27, 2020 Next.js version 9.5 was announced, adding new capabilities including incremental static regeneration, rewrites, and redirect support.

References

  1. 1 2 "Framework7 - Full Featured Framework For Building iOS, Android & Desktop Apps". framework7.io. Retrieved 2019-08-21.
  2. Zammetti, Frank (2018-03-10). Practical Webix: Learn to Expedite and Improve your Web Development. Apress. p. 5. ISBN   9781484233849.
  3. Sun, Yiyi (2019-01-04). Practical Application Development with AppRun: Building Reliable, High-Performance Web Apps Using Elm-Inspired Architecture, Event Pub-Sub, and Components. Apress. p. 177. ISBN   9781484240694.
  4. "App HTML Layout | Framework7 Documentation". framework7.io. Retrieved 2019-08-21.
  5. "Framework7 Documentation". framework7.io. Retrieved 2019-08-21.