Socket
Socket
Sign inDemoInstall

defer-css

Package Overview
Dependencies
0
Maintainers
1
Versions
13
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.0.8 to 0.0.9

2

package.json
{
"name": "defer-css",
"version": "0.0.8",
"version": "0.0.9",
"description": "ExtraSlim Javascript to Load css in your page without affecting load speed.",

@@ -5,0 +5,0 @@ "main": "index.min.js",

@@ -5,2 +5,4 @@ ### Defer Css

**DEMO**: [Jsfiddle.net](https://jsfiddle.net/trapcode/j8vsg7az/)
Two **functions** and one **object** is set to global `window`

@@ -133,58 +135,1 @@

```
#### Example
```html
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Defer Css Test</title>
<!-- <script src="https://cdn.jsdelivr.net/npm/defer-css"></script>-->
<script src="./index.js"></script>
<style>
/* Show Nothing until bootstrap arrives.*/
.empty {
display: none;
}
</style>
<link id="add-css-here"/>
</head>
<body>
<div class="container empty d-block">
<div class="row">
<div class="col-md-6 offset-md-3">
<div class="card shadow" style="margin-top: 20vh">
<div class="card-body text-center">
<h1>Hello, world!</h1>
<h5 class="text-primary">
Bootstrap Loaded with defer-css
</h5>
</div>
</div>
</div>
</div>
</div>
<script>
let scripts = [
'https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css',
// Style with onload
{
href: './app.css',
onload: function () {
console.log(this.href + ' Style Loaded!');
// value of deferCssData
console.log(deferCssData);
}
},
];
// Defer scripts
deferCss(scripts, 'add-css-here');
</script>
</body>
</html>
```
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