Firefox's Proton design: Pardon my French but the tabs look fat

Jun 6, 2021

Firefox 89 is out and it’s gone through a makeover. The tabs look different, the menu is different. Lots of design changes. I don’t like how tabs look now.

Part 8. Problem: returning same data from multiple places

Jun 3, 2021

Task data is returned from the API on page load. And then each time a task is updated. All these go to the same place, so they must have the same format too. But that’d mean having the same code in multiple places. That’s a problem.

Part 7. Theme switching?

Jun 2, 2021

Does a website ever seem complete without a dark mode? Let’s add one to Mantle. Bulma has a bunch of colors that can be applied by just changing CSS class names. And since we have Vue to dynamically set class names, consider this job done already!

Part 6. Not just badges, but "NoT" badges!

May 25, 2021

What if the user wants to see how many tasks are “pending” for a note and how many marked as “done”? Mantle’s got you covered. Er, sort of. The note list now shows the numbers of pending tasks as badges, and they have a stupid name!

Building a to-do list app (part 5)

May 19, 2021

How would task editors know when task data updated? What if they kept showing the old data? For that matter, what if there was an error while updating? How would the user know something bad happened? More importantly, how would the user know if something happened at all?

Building a to-do list app (part 4)

May 13, 2021

The concept of WebSockets is pretty simple. What’s hard is trying to create visuals using monospace text. For every minute Vue saves by giving us reusable components, and WebSockets and Echo save by listening to changes and taking care of updates, I waste five on ASCII arts. But you have to admit that it’s satisfying in it’s own way.

Building a to-do list app (part 3)

May 9, 2021

If you have an option to select dates for a to-do list, someone is bound to select one a hundred years in the future. So, there must be some limits. But there’s no limit to stupidity. If you convert a date to the ISO format, what you get is a date in the ISO format. I learnt it the hard way (quite unnecessarily).

Building a to-do list app (part 2)

May 7, 2021

Fetching tasks. Showing tasks. Showing task names. Showing left times. Editing task names. Editing left times… But not good enough.

Building a to-do list app (part 1)

May 6, 2021

Let’s build the mandatory to-do list emulator. Does that sound deceptively cool and complicated? Then let me rephrase it: Let’s build a to-do list, but it does stuff and you can do stuff to it. An interactive to-do list, if we use a popular keyword. A to-do list app, if we stop beating around the bush. A web app, if we’re being completely honest.