Collective #391
![C391_parallax](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_parallax.jpg?x86293)
basicScroll
BasicScroll updates CSS variables depending on the scroll position, which allows you to use them to animate anything.
Check it out![C391_pro](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_pro.png?x86293)
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![C391_Blotterjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_Blotterjs.jpg?x86293)
Blotter.js
A JavaScript API for creating interesting text effects. Powered by Three.js and Underscore.js.
Check it out![C391_ordering](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_ordering.jpg?x86293)
Variable Order
A brilliant table ordering experiment powered by CSS custom properties and flexbox. By Roman Komarov.
Read it![C391_ProtonNative](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_ProtonNative.jpg?x86293)
Proton Native
With Proton Native you can create native desktop applications in React syntax for all platforms.
Check it out![C391_Kuttit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_Kuttit.jpg?x86293)
Kutt.it
A tool with many features for creating and monitoring shortened links. Even custom domains can be used.
Check it out![C391_gradient](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_gradient.jpg?x86293)
GradPad
A great tool for creating CSS gradients intuitively.
Check it out![C391_webmaker3](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_webmaker3.jpg?x86293)
Web Maker 3.0 is here!
Read about the 3.0 release of Web Maker, the web playground for your browser.
Check it out![C391_cssvariables](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_cssvariables.jpg?x86293)
Everything you need to know about CSS Variables
Ohans Emmanuel's complete guide on CSS variables.
Check it out![C391_vuejs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_vuejs.jpg?x86293)
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![C391_sketchiso](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_sketchiso.jpg?x86293)
Sketch Isometric Plugin
Automatically generate isometric views from artboards and rectangles in Sketch with this useful plugin.
Check it out![C391_moleskine](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_moleskine.jpg?x86293)
Pure CSS Moleskine Notebooks
Some beautiful CSS Moleskine notebooks.
Check it out![C391_handlebars](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_handlebars.jpg?x86293)
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![C391_githubfonts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_githubfonts.jpg?x86293)
Shipping system fonts to GitHub.com
Mark Otto writes about GitHub's font upgrade process.
Check it out![C391_classy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_classy.jpg?x86293)
Free Font: Stay Classy
An elegant handwritten font designed by Solid Type.
Get it![C391_ssl](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_ssl.jpg?x86293)
SSL Certificate Expiration Alerts
Get notified when the SSL certificate of a website expires.
Check it out![C391_Memphis](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_Memphis.jpg?x86293)
8-bit Memphis Patterns Pack (EPS, AI, JPG)
A set of 15 trendy Memphis vector patterns by Softulka for Pixel Buddha.
Check it out![C391_Polacode](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_Polacode.jpg?x86293)
Polacode
Take screenshots in Visual Studio Code with this smart plugin.
Check it out![C391_grid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_grid.jpg?x86293)
CSS Grid for UI Layouts
Josh Marinacci shows how to use CSS Grid for practical UI layouts.
Check it out![C391_gradientpara](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_gradientpara.jpg?x86293)
Gradient for EVERY line of a para
An interesting technique for adding a gradient to every line of a paragraph.
Check it out![C391_react](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_react.jpg?x86293)
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![C391_Descartes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C391_Descartes.jpg?x86293)
Descartes
A small plotting library as a JavaScript alternative to matplotlib, made for TheoremJS.
Check it out