https://github.com/dimitrinicolas/midi-controller-css

Use Korg NanoKontrol midi controller to physically edit your CSS files, as featured in the German press:
https://github.com/dimitrinicolas/midi-controller-css

atom-package css midi

Last synced: 11 days ago
JSON representation

Use Korg NanoKontrol midi controller to physically edit your CSS files, as featured in the German press:

• Host: GitHub
• URL: https://github.com/dimitrinicolas/midi-controller-css
• Owner: dimitrinicolas
• License: mit
• Created: 2016-12-05T22:06:48.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-13T11:07:12.000Z (about 7 years ago)
• Last Synced: 2025-03-25T14:05:27.417Z (28 days ago)
• Topics: atom-package, css, midi
• Language: JavaScript
• Homepage: https://t3n.de/news/css-midi-controller-977734/
• Size: 10.5 MB
• Stars: 150
• Watchers: 6
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: license.md

Awesome Lists containing this project

README

        
# Midi Controller Css

I type a lot of css, so I bought a Korg NanoKontrol 2 and built this lovely Atom package. Each column of buttons controls the values of one css property, and each slider sets the px/percent/... values. Ordinary snippets are outdated, go midi snippets!

![Demo](assets/readme/demo.gif)

This usb midi controller is costless and very complete for its size. I bought a used one for 20€ ($25).

You can have a look at [lib/actions.js](lib/actions.js) for a complete list of features.

PS: Most of the snippets only works with some popular PostCSS plugins, you can check my list on my [personnal front-end framework](https://github.com/dimitrinicolas/front-end-stack/blob/master/build/postcss.config.js).

![Korg NanoKontrol 2](assets/readme/photo.jpg)

With some helpers:

![Korg NanoKontrol 2](assets/readme/photo2.jpg)