I am working on a small project that uses Tailwind CSS. Normally, I always start programming UI things in HTML and then wonder why it's not as clear and clean as I imagined. Most of my work actually always takes place in the backend. In order to proceed with this project in a more structured way, I wanted to create a few user interface layouts before I start programming.
I think the tool of choice for professionals is Figma. However, I thought to myself, with Inkscape I can certainly implement this for my purposes. When I wanted to assign a color to the first elements, I found it very complicated to take the Hex triplet from Customizing Colors and assign them again each time. I would like to show you how to do this more easily.
A few weeks ago I bought 300 addressable LEDs. To be more precise, 6 x 50 12V WS2811 with a spacing of 25 cm each. Also known as NeoPixel. I wanted to control these LEDs with a Raspberry Pi. So I bought the latest model, Raspberry Pi 5 with 8GB RAM.
After I had set up my Raspberry Pi, I wanted to follow the tutorial NeoPixels on Raspberry Pi by Tony DiCola to carry out a first test with the LEDs. I had already done the wiring as described under Using External Power Source Without Level Shifting. But then I read the following information in the next item Python Installation of NeoPixel Library.
The next line then said that you should watch the tutorial CircuitPython NeoPixel Library Using SPI. With the help of the Adafruit_CircuitPython_NeoPixel_SPI library, an LED ring is controlled via an FT233H. I would like to show how I did this with a Raspberry Pi 5.