Socket
Socket
Sign inDemoInstall

moff

Package Overview
Dependencies
216
Maintainers
2
Versions
5
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    moff

Mobile first framework


Version published
Weekly downloads
7
increased by600%
Maintainers
2
Install size
5.81 MB
Created
Weekly downloads
 

Readme

Source

Moff - Create for mobile, extend to desktop.

Website: moffjs.com

###Create mobile first website then extend to tablet and desktop is so easy now!

1. Create mobile first website

Create website only for mobile device. And display the main information needed for user. All other, additional parts could be registered as AMD modules and will be loaded by user request. E.g. red color links "More images", "Show on the map" and "Share this page". Thus you will maximum reduce page size, show main content and will show user availability of additional information.

2. Extend needed parts to tablet

You can adjust parts of the page which will be loaded automatically on tablet. Data Events will help to load AMD module which will apply all needed functionality. E.g. on tablet you can see thumbnails carousel with slideshow.
Then same way as on tablet you can load all website features on desktop. E.g. additionally loaded Google Map module.

Install

Before installing be sure bower is installed.

npm install bower -g

Install Moff

bower install moff --save

Include Moff

Moff has three types of compiled files in ./dist directory.

  • moff.js - Full, not minified version with debug info + soursermap.
  • moff.prod.js - Production, not minified version. W/o debug info.
  • moff.min.js - Minified, production version. W/o debug info.

Development

Clone Moff repository.

git clone git@github.com:kfuzaylov/moff.git
cd moff

Install package

npm install

Before package installation, npm installs testem, gulp and bower as global binary.

npm install testem -g && npm install gulp -g && npm install bower -g && bower install

Compile

After made changes, need to update framework version in bower.json file and compiled files.

gulp compile

Tests

Tests are kept in ./packages directory. You can run tests only for some package.

gulp test --package=amd

Run tests for all packages.

gulp test --package=all

Tests will run via Testem. On press "Enter" button on console, gulp re-compile test files to get the latest version.

License

The MIT License (MIT)

Copyright (c) 2015 - 2018 Kadir Fuzaylov

Keywords

FAQs

Last updated on 27 Oct 2020

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc