Mike's Blog

Passing on knowledge about software development and other related technologies.

Web Technology Posts

Debugging Tips with Chrome Dev Tools

The Google Chrome web browser is the most popular web browser used by web developers today. With the Chrome browser having a six-week release cycle and a powerful set of developer features, Google has turned the browser into a tool all web developers can use. Most reading this may be familiar with many of its well-known features like live-editing the CSS of a page, using the console to check for errors and such, and debugging Javascript for example. In this post, I will share with you some cool tips and tricks that are not so well known and will improve your debugging even more. These ar... Continue reading

A URL Shortner That Respects Your Privacy!

My daily work requires me to send or post links fairly regularly and I have always been a fan of URL shorteners. Unfortunately, most of these tools today are nothing but advertising platforms and data collection silos. So, I decided to write my own and make it respect both member's and users' privacy.

I used Rails 6 / Ruby 2.6 with Postgres deployed on Heroku to craft this tool. It has simple use analytics (if you create a simple account) and does not collect identifying info on visitors as I use GoatCounter for my analytics on... Continue reading

Creating A Basic Chrome Extension In Five Minutes.

Have you ever wondered how difficult it would be to create your own Chrome extension? What the process would be or what it would entail? Well, it turns out it is easy to get started. In this post, I will show you how to create a very basic Chrome extension in about five minutes.


What is a Chrome Extension?

They are small software programs that can modify and enhance the functionality of the Chrome browser. Chrome extensions extend Chrome’s capabilities. You write them using HTML, CSS, and JavaScript.

What can extensions do? Extensions can do quite a lot. ... Continue reading

Google Chrome Add-On's Every Web Developer Needs

I was thinking the other day about the tools I use on a daily basis when doing web development and decided to do do a short post on my "go-to" Chrome add-on's. These are popular but somewhat simplistic tools that are small, fast and don't get in your way until you need to use them. So let's get started!

CSS Peeper
Ever wondered what’s the line-height, font or a button size on a website? This add-on provides you the tools to satisfy your curiosity. Yo... Continue reading