Yes, designers should code, if only just a little. These small projects are definitely not polished and have plenty of bugs, but it is always fun seeing what you can make a computer do.
matthewcox.co – I built this site from scratch, most recently using TailwindCSS. It uses the sleek IBM Plex Sans font, and is built and deployed via Github and Netlify. Smooth!
Todo List – Who hasn't built a todo list? For me it is the "Hello World" of apps. I focused on a minimal design, using one element or space to do multiple things. For instance, when pressed, the "Add a Todo" button turns into the input for the new todo. Multiple items can be added in succession just by hitting enter and continuing to type. A section break is added with a # sign before the item.
Brain Pen – My brother wanted a way to view a piece of text one line at a time as an aid to memorizing. He did something similar with a piece of paper, but we thought it would be fun to make a digital version that served the same purpose. Thus Brain Pen was born. Take it for a spin and see if it helps you with memorizing passages.
Click to copy tooltip: myemail@email.com
I was inspired by another designer
mentioning that using "mailto:" links ends up being a bad user experience because it often opens the unused
default mail app from the operating system. This fixes that for desktop users, allowing them to quickly copy an
email and paste it into the application of their choice.
Leave Calculator – I was looking ahead to see if I would have enough vacation time accrued for a trip we wanted to plan and thought it would be an interesting thing to code. Still a work in progress. Give it a try and see if you will have enough leave for your upcoming trip.