GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects โ†’ hsuanxyz โ†’ ionic2-transparent-bar

hsuanxyz / ionic2-transparent-bar

Licence: MIT license
A transparent bar DEMO in ionic2

Programming Languages

CSS
56736 projects
typescript
32286 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Labels

demoionicexampleimmersivetransparent-bar

Projects that are alternatives of or similar to ionic2-transparent-bar

ngrx-store-ionic-storage
Simple syncing between @ngrx/store and Ionic Storage.
Stars: โœญ 66 (-13.16%)
Mutual labels:  ionic
awesome-angular-iran
๐Ÿ“„ A curated list of awesome Angular resources for Iranian developers
Stars: โœญ 25 (-67.11%)
Mutual labels:  ionic
ionic4-angular7-httpinterceptor-example
Ionic 4 and Angular 7 Tutorial: HTTP Interceptor Example
Stars: โœญ 15 (-80.26%)
Mutual labels:  ionic
ionic-shop
ๅŸบไบŽionic3ๅผ€ๅ‘็š„็”ตๅ•†APP,ๅ•†ๅ“ๆœ็ดข๏ผŒๅ•†ๅ“ๅˆ†็ฑป๏ผŒๅ•†ๅ“่ฏฆๆƒ…๏ผŒๅ•†ๅ“่ฏ„่ฎบ๏ผŒ่ดญ็‰ฉ่ฝฆ๏ผŒ่ฎขๅ•็ฎก็†๏ผŒๆ”ฏไป˜ๅฎๆฒ™็ฎฑ็ญ‰็ญ‰ใ€‚ใ€‚
Stars: โœญ 15 (-80.26%)
Mutual labels:  ionic
OneSignal-Ionic-Sample
No description or website provided.
Stars: โœญ 85 (+11.84%)
Mutual labels:  ionic
ionic3-image-handling
In this ionic tutorial you will learn how to access the image gallery and take pictures from an ionic app. Also we will show you how to add a image cropper. This ionic tutorial includes a working ionic app example you can reuse for your needs.
Stars: โœญ 35 (-53.95%)
Mutual labels:  ionic
ionic3
This repository contains complete source code for Ionic 3 tutorial from https://ampersandacademy.com/tutorials/ionic-framework-3. I will try many Ionic 3 specific scripts and will write them as separate tutorial. You can follow this repo to get more tested and working script for the Ionic 3.
Stars: โœญ 21 (-72.37%)
Mutual labels:  ionic
ionic-swing
[NOT MAINTAINED] A fork of swing.js and angular2-swing for Ionic without external hammerjs dependencies
Stars: โœญ 20 (-73.68%)
Mutual labels:  ionic
Food-Order
Food ordering template application using Ionic, Angular and Typescript.
Stars: โœญ 20 (-73.68%)
Mutual labels:  ionic
cordova-plugin-exoplayer
Media player plugin for Cordova that uses Google's ExoPlayer
Stars: โœญ 48 (-36.84%)
Mutual labels:  ionic
covidAPI
Coronavirus API for Current cases by country COVID-19
Stars: โœญ 600 (+689.47%)
Mutual labels:  ionic
docker-ionic-android-sdk
Docker image include android sdk for building ionic framework application
Stars: โœญ 40 (-47.37%)
Mutual labels:  ionic
ionic3-firebase-ngrx
Sample Ionic 3 application using ngrx with firebase (auth, crud and camera plugin)
Stars: โœญ 48 (-36.84%)
Mutual labels:  ionic
Dianoia-app
Mobile (Ionic 3 - Angular 4) app about non-pharmaceutical activities and information for people with dementia.
Stars: โœญ 13 (-82.89%)
Mutual labels:  ionic
bobbycar
IoT Transportation demo using Red Hat OpenShift and Middleware technologies
Stars: โœญ 33 (-56.58%)
Mutual labels:  ionic
node-mojo
Chat application NodeJS backend
Stars: โœญ 17 (-77.63%)
Mutual labels:  ionic
elearning
elearning linux/mac/db/cache/server/tools/ไบบๅทฅๆ™บ่ƒฝ
Stars: โœญ 72 (-5.26%)
Mutual labels:  ionic
app-starter
Angular mono-repo (Ionic/Capacitor/StencilJS/Web Component) app starter for supporting cross platform apps.
Stars: โœญ 75 (-1.32%)
Mutual labels:  ionic
react-native-ionicons
Ionic icons for React Native
Stars: โœญ 43 (-43.42%)
Mutual labels:  ionic
sm-coal-app
่ฟ™ๆ˜ฏไธ€ไธชไฝฟ็”จIonic2ๅผ€ๅ‘็š„้›†ๆ•ฐๆฎๅฑ•็คบ๏ผŒไบคๆ˜“๏ผŒไบคๆตไบŽไธ€ไฝ“็š„APP
Stars: โœญ 21 (-72.37%)
Mutual labels:  ionic
View All Similar Projects โž”

ionic2-transparent-bar

A transparent bar DEMO in ionic2

Running

  • Clone this repository: https://github.com/HsuanXyz/ionic2-transparent-bar.git.
  • Run npm install from the project root.
  • If you do not install the ionic CLI (npm install -g ionic)
  • Run ionic serve in a terminal from the project root.

App Preview

Preview

File Structure

.
โ”œโ”€โ”€ LICENSE
โ”œโ”€โ”€ README.md
โ”œโ”€โ”€ config.xml
โ”œโ”€โ”€ ionic.config.json
โ”œโ”€โ”€ package.json
โ”œโ”€โ”€ resources
โ”œโ”€โ”€ src
โ”‚   โ”œโ”€โ”€ index.html
โ”‚   โ”œโ”€โ”€ app
โ”‚   โ”‚   โ”œโ”€โ”€ app.component.ts
โ”‚   โ”‚   โ”œโ”€โ”€ app.html
โ”‚   โ”‚   โ”œโ”€โ”€ app.module.ts
โ”‚   โ”‚   โ”œโ”€โ”€ app.scss
โ”‚   โ”‚   โ””โ”€โ”€ main.ts
โ”‚   โ”œโ”€โ”€ assets
โ”‚   โ”‚   โ””โ”€โ”€ icon
โ”‚   โ”‚       โ””โ”€โ”€ favicon.ico
โ”‚   โ”œโ”€โ”€ pages
โ”‚   โ”‚   โ”œโ”€โ”€ about
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ about.html
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ about.scss
โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ about.ts
โ”‚   โ”‚   โ”œโ”€โ”€ contact
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ contact.html
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ contact.scss
โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ contact.ts
โ”‚   โ”‚   โ”œโ”€โ”€ home
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ home.html        
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ home.scss         
โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ home.ts           
โ”‚   โ”‚   โ”œโ”€โ”€ transparent-bar                  * transparent-bar page
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ transparent-bar.html         * transparent-bar template
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ transparent-bar.scss         * transparent-bar stylesheet
โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ transparent-bar.ts           * transparent-bar code
โ”‚   โ”‚   โ””โ”€โ”€ tabs
โ”‚   โ”‚       โ”œโ”€โ”€ tabs.html
โ”‚   โ”‚       โ””โ”€โ”€ tabs.ts
โ”‚   โ”œโ”€โ”€ service-worker.js
โ”‚   โ””โ”€โ”€ theme
โ”‚       โ””โ”€โ”€ variables.scss
โ”œโ”€โ”€ tsconfig.json
โ””โ”€โ”€ tslint.json

Environment

Cordova CLI: 6.4.0

global packages:

    @ionic/cli-utils : 1.0.0
    Ionic CLI        : 3.0.0

local packages:

    @ionic/app-scripts              : 1.3.7
    @ionic/cli-plugin-ionic-angular : 1.3.1
    Ionic Framework                 : ionic-angular 3.4.1
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].