Security News
The Push to Ban Ransom Payments Is Gaining Momentum
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
orionjs
Advanced tools
Readme
OrionJS is a simple collection of reusable functions to help streamline DOM manipulation in UI development
The best way to use OrionJS is via OrionBP, a simple front-end boilerplate designed to compliment this collection. (More Info)
You can also use OrionJS on it's own as a part of your own framework. To install it as a depedency using NPM, run the following command:
npm install orionjs --save
Then you can import modules and/or helpers using the commonJS pattern:-
// Import getIndex helper
var getIndex = require("node_modules/orionjs/helpers/getIndex.js");
// Import data-class module
require("node_modules/orionjs/modules/data-class.js");
Or you can copy node_modules/orionjs/sample.main.js
and use that as a starting point.
You may need to edit the paths referencing node_modules
to resemble your own project directory structure.
OrionJS provides you with helper functions which help you achieve common tasks. Please refer to a helper's source code for full documentation.
A set of breakpoint detection functions which let you measure window width.
Recursively finds the closest parent element which matches the given class or element type.
Manually fires the given event for the given element.
Returns the index of the given element
Sets up a swipe event listener
In addition to helpers, you also have access to actions. These are reusable functions which are attached to elements in HTML via data attributes. They make common DOM manipulation tasks quick and easy to implement.
Please refer to an actions's source code for full documentation.
data-class adds functionality for any components with data-class
and data-class-element
attributes. It allows you to quickly add, remove or toggle classes on elements on click and/or swipe events.
data-scroll adds functionality for any elements with a data-scroll
attribute. It provides smooth scroll functionality to either an element or a relative point.
data-toggle-text adds functionality for any components with a data-toggle-text
attribute. It allows you to toggle text content of an element on click and/or swipe events.
When you use OrionJS via the front-end boilerplate OrionBP, you gain access to specifically built Gulp tasks to compile and optimise your JS. These JS tasks include:
Build
and Watch
tasks to easily bundle and then minify your JS using Browerify.Please refer to OrionBP's github repository for more information.
I'm Luke Harrison, a Sheffield-based Web Designer & Developer from the UK, currently working at Evolution Funding. Read more about me at lukeharrison.net and/or follow me on twitter at @WebDevLuke.
FAQs
OrionJS is a simple collection of reusable functions to help streamline DOM manipulation in UI development.
We found that orionjs demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
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.
Security News
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
Application Security
New SEC disclosure rules aim to enforce timely cyber incident reporting, but fear of job loss and inadequate resources lead to significant underreporting.
Security News
The Python Software Foundation has secured a 5-year sponsorship from Fastly that supports PSF's activities and events, most notably the security and reliability of the Python Package Index (PyPI).