A few weeks ago, I sent the first-anniversary issue of the UI Dev Newsletter. Around that time, I got an email from a student with a list of questions about my newsletter. I am a polite person, so I answered these questions. I thought that more people would be interested in hearing these answers, so I figured I would write a blog post about it.
How it started
I started the UI Dev Newsletter accidentally. I mean, I didn’t plan to run it, at least not for the whole year. It all started with my side project, a mentoring program, which failed gloriously.
As part of that program, I listed helpful frontend resources and tips I collected during my career. I also listed valuable articles that I considered worth reading. These articles were a reminder for me, but I figured it wouldn’t hurt if I document them.
I started sharing these pages on Twitter and Reddit, and it was getting some traction, but nothing too crazy.
I noticed I usually share around eight articles per week. One of the links is usually a tool, app, or helpful resource. At the same time, the rest are related to UI development, from CSS to accessibility.
After a few posts, the idea of starting a newsletter came up, so I started researching how to send newsletters.
The first thing was to choose my newsletter app. I thought about using Mailchimp, as I had previous experience with that platform. Then I learned about Tinyletter (a more inferior version of Mailchimp). I decided it has everything I need, from a subscription list to a simple HTML editor.
I discovered ButtonDown recently, and I am considering switching to this app. Not sure yet.
Next, I had to figure out how to prepare the email HTML code from my site. I am storing all links in a JSON file. That file is used to create single newsletter posts on my site, like this one. By the way, I am using 11ty to build the site, my new favorite static site generator.
The same JSON file is used in a Node script that outputs the HTML for my newsletter. The script is quite simple, partly because I cannot do complicated ones, partly because it does the job.
The script prints the HTML code in the terminal, which I have to copy and paste to the Tinyletter editor. I don’t mind doing it manually, but ideally, this would be an automated process.
As a part of the Node script, I am preparing the Markdown code for Dev.to post. I am reposting every issue as an article on the Dev.to site to gain more visibility.
As the final part of my Node script, I prepare tweets that I share throughout the week. I am using Apphi to schedule my tweets. I initially used Buffer, but I find Apphi to be more suitable for my needs. Again, I had to copy and paste the content from the terminal to the app.
Any help automating copy-paste processes would be greatly appreciated. Contact me if you know how to do it.
I am not paying much attention to analytics and/or click tracking. I even uninstalled all analytics tools from my sites a few months ago. I decided I don’t what to stress myself about analytics.
However, I use the link shortener service called Bitly, where I could see the number of clicks per link. I don't check this service often, to be honest.
Tinyletter also provides some kind of click track that I don’t pay attention to often either.
The email design
There is no design. First, I am not very skilled with email templates (which I had to do occasionally, and it was a pain in the bottom). Until the last issue, there wasn’t even a logo.
The email HTML is straightforward, and it consists of the hero image, heading, paragraphs, and list items with anchors. Tinyletter wraps the code in a table layout, which centers the content.
Now that everything is in place, it takes me an hour or so to write a newsletter. That is minus the time for reading all the articles (which I would do anyway) and decide which one to use.
I find most of the articles on Twitter, Reddit, and Dev.to. Some of the articles are recommended by authors directly. Some I find on other places, like Google recommendations or random Internet surfing.
I usually read articles on my phone. If I think the article meets my humble criteria, I bookmark it. Later I bring all bookmarked articles on my computer and then decide which ones go into the newsletter.
In general, my audience is every person interested in building a user interface on the web. If you are interested, subscribe below.
At the moment, there are 170 subscribers, but I never invested in marketing. I thought about running a Twitter campaign or something like that, but I never did. I am not a marketing person. I don’t know how to do it properly.
What I did found are some lists where I included my newsletter, like this Github repo. It also helps when people share the newsletter, mainly on Twitter. Manuel Matuzović and Marko Denic did it, and I am very thankful they did.
If you like the UI Dev Newsletter, you could share it, too. I would appreciate it greatly.
Last year I ran the other project, Code Line Daily. I gave up on it after a year.
The newsletter is now one year old. I am not sure how long I will run it, but with every new subscriber, I want to continue with it.