Collective #391

Original Source: http://feedproxy.google.com/~r/tympanus/~3/Qn-CA6ayUeQ/

basicScroll

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

Check it out

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

Shipping system fonts to GitHub.com

Mark Otto writes about GitHub’s font upgrade process.

Check it out

Free Font: Stay Classy

An elegant handwritten font designed by Solid Type.

Get it

SSL Certificate Expiration Alerts

Get notified when the SSL certificate of a website expires.

Check it out

8-bit Memphis Patterns Pack (EPS, AI, JPG)

A set of 15 trendy Memphis vector patterns by Softulka for Pixel Buddha.

Check it out

Polacode

Take screenshots in Visual Studio Code with this smart plugin.

Check it out

CSS Grid for UI Layouts

Josh Marinacci shows how to use CSS Grid for practical UI layouts.

Check it out

Gradient for EVERY line of a para

An interesting technique for adding a gradient to every line of a paragraph.

Check it out

Minimal React.js Without A Build Step (Updated)

In case you missed it: an updated tutorial on using React.js without a build step.

Read it

Descartes

A small plotting library as a JavaScript alternative to matplotlib, made for TheoremJS.

Check it out

Collective #391 was written by Pedro Botelho and published on Codrops.