Bubbly-bg is a beautiful bubbly backgrounds in less than 1kB (750 bytes gzipped).
Bubbly creates a
canvas element and appends it to the
body. This element has
position: fixed and
z-index: -1, and always fills the width/height of the viewport, which should make it plug and play for most projects.
Multi.js is a user-friendly replacement for select boxes with the multiple attribute. It has no dependencies, is mobile-friendly, and provides search functionality. multi.js is also easy to style with CSS and optionally supports jQuery.
Draggable is a modular drag & drop library, allowing you to start small and build up with the features you need. At its most basic, Draggable gives you drag & drop functionality, fast DOM reordering, accessible markup, and a bundle of events to grab on to.
- Works with native drag, mouse, touch and force touch events
- Can extend dragging behaviour by hooking into draggables event life cycle
- Can extend drag detection by adding sensors to draggable
- The library is targeted ES6 first
Today we’d like to share a little effect library with you that can be used to create bursting particle effects. The idea is to desintegrate an element into particles and making it disappear (and vice versa). This effect looks really interesting on buttons, so we’ve created a little collection that showcases a bunch of different styles for the effect.
Highlights of the library:
- open-source code.
- has real-time detection capabilities (200+ FPS in a practical setting).
- just 2kB when minified.
A-Za-z0-9_~) and has a similar number of unique IDs in just 21 symbols instead of 36.
Today we’d like to share a little reimplementation of an interesting effect with you. The idea came from this Reddit entry which describes a method of showing an image less pixelated the stronger the password entered is. You can see the idea in action on the signup page of Colibro. We thought this was an awesome idea and wanted to experiment with it, and also with the reverse logic.