Created by Moniker (Roel Wouters & Luna Maurer) and made in conjuction with We Are Data travelling installation, Clickclickclick.click reveals the browser events used to monitor our online behaviour.
The website invites the visitor to play along, direct behaviour to unlock “achievements”. Ranging from how many times you click on a button to how fast you move on the page and even how fast is your clicking speed, with the narrator voice who draws conclusions about your character based on your mouse behaviour, the website demonstrates the amount of behavioural data that can be/and is collected today through online services and advertising.
Clickclickclick tries to catch all user-browser interaction events. These events are transformed and combined to useable values, and hooked up to functions to trigger certain ‘achievements’. The team found that the Model-View-Intent (MVI) architecture works really well to approach this. See André Staltz’s Cycle.js documentation.
A user-action directly triggers an update somewhere else in the application, because everything is a function.The initial demo was built with Cycle.js, but because it is still in active development and they were having some integration issues and decided to switch to React. Both the front- and backend are written in Javascript (ES6), using Node.js, Socket.io, React and RxJS.
Every Tuesday is Art Tuesday here at Adafruit! Today we celebrate artists and makers from around the world who are designing innovative and creative works using technology, science, electronics and more. You can start your own career as an artist today with Adafruit’s conductive paints, art-related electronics kits, LEDs, wearables, 3D printers and more! Make your most imaginative designs come to life with our helpful tutorials from the Adafruit Learning System. And don’t forget to check in every Art Tuesday for more artistic inspiration here on the Adafruit Blog!
Adafruit publishes a wide range of writing and video content, including interviews and reporting on the maker market and the wider technology world. Our standards page is intended as a guide to best practices that Adafruit uses, as well as an outline of the ethical standards Adafruit aspires to. While Adafruit is not an independent journalistic institution, Adafruit strives to be a fair, informative, and positive voice within the community – check it out here: adafruit.com/editorialstandards
Stop breadboarding and soldering – start making immediately! Adafruit’s Circuit Playground is jam-packed with LEDs, sensors, buttons, alligator clip pads and more. Build projects with Circuit Playground in a few minutes with the drag-and-drop MakeCode programming site, learn computer science using the CS Discoveries class on code.org, jump into CircuitPython to learn Python and hardware together, TinyGO, or even use the Arduino IDE. Circuit Playground Express is the newest and best Circuit Playground board, with support for CircuitPython, MakeCode, and Arduino. It has a powerful processor, 10 NeoPixels, mini speaker, InfraRed receive and transmit, two buttons, a switch, 14 alligator clip pads, and lots of sensors: capacitive touch, IR proximity, temperature, light, motion and sound. A whole wide world of electronics and coding is waiting for you, and it fits in the palm of your hand.
Have an amazing project to share? The Electronics Show and Tell is every Wednesday at 7pm ET! To join, head over to YouTube and check out the show’s live chat – we’ll post the link there.
Python for Microcontrollers — Python on Microcontrollers Newsletter: CircuitPython 8.1.0 and 8.2.0-beta0 out and so much more! #CircuitPython #Python #micropython @ThePSF @Raspberry_Pi
Adafruit IoT Monthly — AI Teddybear, Designing Accessible IoT Products, and more!