Collective #391

basicScroll

BasicScroll updates CSS variables depending on the scroll position, which allows you to use them to animate anything.

Our Sponsor

Create prototypes that feel real. Without coding.

Turn your static designs into beautiful interactive prototypes. Import directly from Sketch/Photoshop or design directly in Proto.io. Add interactions, gestures, and animations in no time and get valuable feedback.

Try Proto.io for free

Blotter.js

A JavaScript API for creating interesting text effects. Powered by Three.js and Underscore.js.

Check it out

Variable Order

A brilliant table ordering experiment powered by CSS custom properties and flexbox. By Roman Komarov.

Read it

Proton Native

With Proton Native you can create native desktop applications in React syntax for all platforms.

Check it out

Kutt.it

A tool with many features for creating and monitoring shortened links. Even custom domains can be used.

Check it out

GradPad

A great tool for creating CSS gradients intuitively.

Check it out

Web Maker 3.0 is here!

Read about the 3.0 release of Web Maker, the web playground for your browser.

Check it out

Everything you need to know about CSS Variables

Ohans Emmanuel's complete guide on CSS variables.

Check it out

Replacing jQuery With Vue.js: No Build Step Necessary

Sarah Drasner shows how to easily replace jQuery with Vue.js and use it the same way, directly in the HTML.

Read it

Waveforms

Josh Comeau's fantastic interactive guide on waveforms.

Read it

Sketch Isometric Plugin

Automatically generate isometric views from artboards and rectangles in Sketch with this useful plugin.

Check it out

Pure CSS Moleskine Notebooks

Some beautiful CSS Moleskine notebooks.

Check it out

Handlebars in UI Design

An article that studies the nature of interaction of 'handlebars', a new kind of element which has risen in UI design. especially on touch based operating systems.

Read it