Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mrhidalgo/ifx-banking


https://github.com/mrhidalgo/ifx-banking

Last synced: 20 days ago
JSON representation

Awesome Lists containing this project

README 

        
# IFX Banking



#### [IFXBanking.surge.sh](http://IFXBanking.surge.sh/)



## How to start

* `yarn && bower i && gulp` - install npm dependencies, bower packages and run dev-server



## Tasks

Task name | Description                                                      

:---|:---

`build` | build dev-ready project

`production` | build prod-ready project

`clean` | remove `./dest` folder

`default` | will start all tasks required by project in dev mode

`fonts` | copy fonts files `*.{ttf,eot,woff,woff2,svg}` to `./dest` path

`icon-fonts` | Create `{svg/ttf/eot/woff/woff2}` fonts from several SVG icons

`img:build` | optimize, compress, crete webp and clone images

`js` | creating and combining logic files info one files => `app.js`

`pug` | interpreted or compiled into `*.html`

`scss` | interpreted or compiled into `*.css`

`spritePNG` | create `*.svg` sprites

`spriteSVG` | create `*.png` sprites

`vendorScript` | `*.js` generation of additional libraries used in one file

`vendorStyle` | `*.css` generation of additional libraries used in one file

`vendorFont` | `*.{eot,svg,ttf,woff,woff2}` copy files to `./dest` path



## NPM script

* `npm run start` - run dev-server, same as `gulp`

* `npm run build` - build project from sources, same as `gulp build`

* `npm run clean` - run task for delete destination folder, same as `gulp clean`

* `npm run deploy-dev` - deploy dev (!optimization) files => `domainName.surge.sh`

* `npm run deploy-prod` - deploy prod (optimization) files => `domainName.surge.sh`



##

## INFO ONLY FOR DEVELOPMENT

## Libraries & packages used by default:

- Normalize-css;

- Reset-css;

- bower-webfontloader;

- svg4everybody;



## Bower package style

Name | Install | Description

:---|:---|:---

[Normalize-css](https://necolas.github.io/normalize.css/) | `bower i --save normalize-css` | A modern, HTML5-ready alternative to CSS resets.

[Reset-css](https://meyerweb.com/eric/tools/css/reset/) | `bower i --save reset-css` | The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.

[Animate.css](https://daneden.github.io/animate.css/) | `bower i --save animate.css` | A cross-browser library of CSS animations.

[Flexbox Grid](http://flexboxgrid.com/) | `bower i --save flexboxgrid` | A grid system based on the flex display property.

[css-hamburgers](https://jonsuh.com/hamburgers/) | Uncomment the path to styles => `src/scss/app.scss` | Tasty CSS-animated hamburgers.



## Bower package {script, lib, framework, toolkit}

Name | Install | Description

:---|:---|:---

[jQuery](https://jquery.com/) | `bower i --save jquery` | jQuery is a fast, small, and feature-rich JavaScript library.

[jQuery-viewport-checker](https://github.com/dirkgroenen/jQuery-viewport-checker) | `bower i --save jQuery-viewport-checker` | Little script that detects if an element is in the viewport and adds a class to it.

[jquery-validation](https://jqueryvalidation.org/) | `bower i --save jquery-validation` | This jQuery plugin makes simple clientside form validation easy, whilst still offering plenty of customization options.

[Font-Awesome](https://fontawesome.com/) | `bower i --save Font-Awesome` | Get vector icons and social logos on your website with Font Awesome, the web’s most popular icon set and toolkit.

[stellar](http://markdalgleish.com/projects/stellar.js/) | `bower i --save jquery.stellar` | Parallax has never been easier.

[WebFontLoader](https://github.com/typekit/webfontloader) | `bower i --save bower-webfontloader` | Web Font Loader gives you added control when using linked fonts via @font-face.

[barba.js](http://barbajs.org/) | `bower i --save luruke/barba.js` | Create badass, fluid and smooth transition between your website's pages.

[Bootstrap](http://getbootstrap.com/) | `bower i --save bootstrap` | Build responsive, mobile-first projects on the web with the world's most popular front-end component library.

[popper.js](https://popper.js.org/) | `bower install popper.js --save` | A kickass library used to manage poppers in web applications.

[Swiper](http://idangero.us/swiper/) | `bower i --save swiper` | Most Modern Mobile Touch Slider.

[Magnific Popup](http://dimsemenov.com/plugins/magnific-popup/) | `bower i --save magnific-popup` | Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device.

[svg4everybody](https://jonathantneal.github.io/svg4everybody/) | `bower i --save svg4everybody` | SVG for Everybody adds external spritemaps support to otherwise SVG-capable browsers.

[object-fit-images](https://github.com/bfred-it/object-fit-images) | Remove from ignore in the folder => `src/vendorScript/_shared` | Polyfill object-fit/object-position on ``.

[picturefill](http://scottjehl.github.io/picturefill/) | `bower i --save picturefill` | A responsive image polyfill for , srcset, sizes and more.



## Package in vendor path

Name | Install | Description

:---|:---|:---

[object-fit-images](https://github.com/bfred-it/object-fit-images) | `uncomments` | Polyfill object-fit/object-position on : IE9, IE10, IE11, Edge, Safari, ...

[jQuery Migrate](https://github.com/jquery/jquery-migrate) | `uncomments` | APIs and features removed from jQuery core

[GreenSock - TweenMax](https://greensock.com/docs/TweenMax) | `uncomments` | TweenMax extends TweenLite, adding many useful (but non-essential) features like repeat(), repeatDelay(), yoyo(), and more.

[jquery-selectric](http://selectric.js.org/) | `uncomments` || `bower i --save jquery-selectric` | Fast, simple and light jQuery plugin to customize HTML selects.