Operations | Monitoring | ITSM | DevOps | Cloud

How to build a CSS-only responsive website navigation

In the new light of website performance that I’m pursuing, I have learned to avoid Javascript at all costs. Here’s a nice Javascript-less desktop and mobile navigation update that we’ve added to our website. Inspired by Dirk Olbrich’s Hugo Starter Theme with Tailwind CSS this works by displaying a regular navigation bar on landscape tablets and desktop resolutions, but changes into a nice dropdown on mobile resolutions.

Why we ditched Lumen PHP

Lumen is a stripped down version of the powerful and now very popular Laravel PHP framework, focused on performance and serving stateless requests. I doesn’t have all the bells and whistles of Laravel, but it also doesn’t need them when serving API requests. For example, sessions, cookies and views are not a part of Lumen. It’s not intended for serving websites so everything around that got ditched.

Close to wrapping up 2020

There are 6 weeks left of 2020, which means it’s about time we wrap this year up, focus on what’s most important, and leave the nice-to-have endeavors for next year. For Monitive, that means finalizing all the features that our users need to completely migrate from the (now old) Monitive Classic to the new and shiny Monitive. We’re sunsetting Monitive Classic just before Christmas, so my number one goal is to ensure that every user only has downtime that they know about.

How do you make your customers feel?

There are a lot of tools, apps and services. If you’ve been following Product Hunt, you already know that startups and new apps are being launched every single day. A startup these days is so common that even high-school kids are doing it. There are endless rivers of guides, books and knowhow on how to do it, and since most startups have some sort of product or service, there might be an app for pretty much anything you might think of.

Sponsored Post

GitHub Action to Cloudflare Workers Sites

As time goes by, I’m looking for solutions that require as little maintenance as possible. One of those is deploying our client web app and our homepage directly on the CDN edge, with GitHub Actions. Not only we don’t need a server to host the app, but the deployment script is also serverless and maintenance-less. This allows me to focus on important tasks, knowing that deployment and serving of the app is always blazing fast.

Launching the new Monitive

It’s been a long journey since I decided that the current version of Monitive is just not good enough for our customers. That it doesn’t scale how it should. That its interface isn’t responsive or suitable for mobile devices. That the inner workings are not flexible enough to allow further extensions and features. All this, because it was the very first usable iteration of Monitive, crafted around 2011.

Slow and steady

“Remember that guy that gave up? Neither does anybody else.” Progress on the new Monitive has been slow as a snail in a marathon, but nevertheless the progress was there. Since the last update last year, a lot has been going on, and one day I woke up and just decided to write, even if small updates. Not only because Monitive is about transparency, but because I love writing.