Security News
Cloudflare Adds Security.txt Setup Wizard
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
A small, dependency-free library that asynchronously loads SVG sprites and saves them to local storage.
A small, dependency-free library that asynchronously loads SVG sprites and saves them to local storage.
Work with SVG symbol-based icon systems without having to include a bulky SVG file inline. Ike.js improves page loading speeds by retrieving your icon file asynchronously and inserting it into your markup on the fly.
To make the deal even sweeter, Ike.js stores your icons in the client's local storage on the initial download, and will fetch them automatically on subsequent page views. Service workers can handle much of this functionality for you these days, but browser support is still spotty (I'm looking at you, Apple). Ike.js is a great, lightweight service worker alternative or fallback for SVG icon systems.
To use Ike.js, you'll need a modern JavaScript workflow and build system with ES6 module bundling and transpiling capabilities. Here's a great example.
Install Ike.js via NPM and add to your dependencies:
$ npm install ike.js --save
Import the Ike.js module, then instantiate it. The constructor takes the URL of your SVG icon sprite and a revision identifier as arguments.
// import Ike.js
import Ike from 'ike.js'
// create an instance
const Icons = new Ike('/icons/sprite.svg', 14)
The revision identifier is used to control the version of the icons stored in local storage, and can follow any convention you like. If your icons change, just update this revision argument and Ike.js will know to fetch a fresh copy of the file.
Assuming your SVG sprite file contains symbol elements with defined viewBoxes, you can use them in your HTML like so:
<svg class="my-awesome-icons">
<use xlink:href="#prancing-unicorn" />
</svg>
That's it, you're now equipped with a lightning-fast, non-render blocking icon system. Have a cold one and bask in the glow of your asynchronous magnificence!
MIT. © 2016 Donny West
FAQs
A small, dependency-free library that asynchronously loads SVG sprites and saves them to local storage.
The npm package ike.js receives a total of 0 weekly downloads. As such, ike.js popularity was classified as not popular.
We found that ike.js 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
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.