Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
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/actions/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.
The npm package orionjs receives a total of 5 weekly downloads. As such, orionjs popularity was classified as not popular.
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
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.