Demo

catdad.github.io/canvas-confetti

Install

You can install this module as a component from NPM:

npm install --save canvas-confetti

You can then require('canvas-confetti'); to use it in your project build. Note: this is a client component, and will not run in Node. You will need to build your project with something like webpack in order to use this.

You can also include this library in your HTML page directly from a CDN:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/confetti.browser.min.js"></script>

Note: you should use the latest version at the time that you include your project. You can see all versions on the releases page.

Reduced Motion

Thank you for joining me in this very important message about motion on your website. See, not everyone likes it, and some actually prefer no motion. They have ways to tell us about it and we should listen. While I don't want…

wifi-password

People ask you for the Wi-Fi password. Answer quickly. macOS only. Windows version.

How to use

1. Install it

With bpkg:

$ bpkg install rauchg/wifi-password

With Homebrew:

$ brew install wifi-password

With Antigen:

Add antigen bundle rauchg/wifi-password to your .zshrc with your other antigen commands

With Zgen

Add zgen load rauchg/wifi-password to your .zshrc with your other zgen commands

or with curl:

curl -L https://raw.github.com/rauchg/wifi-password/master/wifi-password.sh -o ~/bin/wifi-password && chmod +x ~/bin/wifi-password

If you don't have ~/bin in your $PATH, replace it with /usr/local/bin or similar.

2. Use it:

To get the password for the WiFi you're currently logged onto:

$ wifi-password

To get it for a specific SSID:

$ wifi-password <ssid>

To put it straight in your clipboard for pasting elsewhere (OS X only):

$ wifi-password | pbcopy

License

MIT

Twind

The smallest, fastest, most feature complete Tailwind-in-JS solution in existence

Twind is a small compiler (~13kB) that converts Tailwind classes into actual CSS rules at runtime. If you have used Tailwind or other CSS-in-JS solutions, then most of the API should feel very familiar.

Documentation

Frequently viewed docs:

• Quick Reference – fast overview
• Getting Started – how to install twind
• Shim – seamless integration with existing Tailwind HTML
• Styling with Twind – how to style with Twind
• Grouping – how to optimize rules size
• Theming – how to apply your theme
• CSS-in-JS – how to apply custom CSS
• Tailwind Extensions – which additional features are available

Features

⚡️ No build step

Get all the benefits of Tailwind without the need for Tailwind, PostCSS, configuration, purging, or autoprefixing.

🚀 Framework agnostic

If your app uses HTML and JavaScript, it should work with Twind. This goes for server-rendered apps too.

😎…