Categories
👨🏽‍💻 #Coding 🕷 #Web 🖼 #Art 🛠 #Setup

Tiny Generative Art Template

I’ve been using canvas-sketch ever since I started learning generative art back in November. It’s an incredibly useful tool for creating a new project, setting up a local server, and saving my artwork to disk. The only issue that I have with it is that it comes with a lot of dependencies that I don’t […]

Categories
👨🏽‍💻 #Coding 🖼 #Art

Long-Exposure Art

I’ve been fascinated with long-exposure shots of the night sky recently (like this one), so I thought it would be fun to emulate that effect on <canvas>. I assumed that it would take me a while to figure it out, but the algorithm turned out to be surprisingly simple! The first thing I noticed was […]

Categories
👨🏽‍💻 #Coding 🖼 #Art

Two Posters of Space

I recently made two space-themed posters, and I think they turned out pretty nicely! The first one that I made was honestly a bit of an accident. My initial goal was to create a sunflower, so I watched some YouTube videos on how spirals work, and I also read some code online to learn how […]

Categories
👨🏽‍💻 #Coding 🕷 #Web 🖼 #Art

Going from Browser to Paper

I recently had some of my generative art printed, and I’m stoked to finally have them in my hands! It feels surreal to see my creative coding projects on my wall, taking up space in the physical world instead of being mere pixels on the screen. It’s surprisingly straightforward and affordable. I first adjusted <canvas> […]

Categories
🛠 #Setup

Hello, Tarsnap

I was put off by Tarsnap Backup when I ran into it many years ago. I liked that it’s trusted and secure enough to be used by companies like Stripe, but I just didn’t want to put in the work to modify configuration files, write shell scripts, and set up cron jobs to backup my files. […]

Categories
👨🏽‍💻 #Coding 💻 #Design 🕷 #Web 🖼 #Art

Creative Coding: Making Noise

I love the wave-like patterns in these images. I recently made these using <canvas> (which I’m learning about in the Creative Coding workshop that I’m taking), and each shape that you see is a Unicode character. Their positions are evenly distributed on a grid while their sizes and rotations are generated using the noise2D function. […]

Categories
👨🏽‍💻 #Coding 🕷 #Web 🖼 #Art 🛠 #Setup

Creative Coding: Setting Up on Windows

The Canvas and WebGL workshop that I’m taking right now is taught using macOS, so the course assumes that I can access some Unix tools and commands in the dev environment. Since Windows isn’t built on top of BSD or Linux, I have to do a bit more work to get up and running. Install […]

Categories
👨🏽‍💻 #Coding 💻 #Design 🕷 #Web 🖼 #Art

Hello, Creative Coding

Now that I’m a full-time designer, most of my days are either spent planning projects in Asana or working on them on Figma. I hardly ever do any programming nowadays, and I miss the feeling of writing code and bringing websites to life. I’ve been thinking about small programming projects that I could do in […]

Categories
💪🏽 #Productivity 🛠 #Setup

Moving to Windows

Repairability has become a big part of my decision making when I buy new devices these days. I don’t know much about electronics, but learning to make minor repairs on my iPhone, Android, and Roomba made me realize that I could easily give new life to old and hobbling tech. It felt good to keep something going, […]

Categories
💻 #Design 🕷 #Web

Working on a new Figma Plugin

During Hack Days last month, Robert and I thought it would be fun to make a Figma plugin that we could use while designing. We had many ideas, but we ended up settling on the idea of a plugin that fetches website metadata. We wanted a plugin that could fetch Open Graph information about a podcast, a song, or […]