Favourite Browser Addons

Last updated: 10 June 2024

Chrome, Firefox updates fix severe security bugs

This page will list links to my favourite addon's/extensions for various browsers

Chrome Extensions
Firefox Add-Ons

Comments

Post a Comment

Popular posts from this blog

Expandable Search Box with Bootstrap 5

I've always liked the expandable search box. Its minimal and provides a nice animation when hovered over.  In the past I've come across javascript implementations but had not been able to use them.  Recently, I came across a pure CSS implementation that I ported across to Bootstrap.  Inspired by https://codepen.io/studiocaro/pen/ZbKodG this version works with Bootstrap 5. You start with the boiler plate code for nav from bootstrap.  Next I wrapped the form in a div with an id="form". I've also changed to a dark background by switching navbar-light bg-light to navbar-dark bg-dark for better contrast. If you want the search icon then add "entypo-search" class to the search form. The CSS responsible for the animation are: #form {   ...   -webkit-transition: width .55s ease;   -moz-transition: width .55s ease;   -ms-transition: width .55s ease;   -o-transition: width .55s ease;   transition: width .55s ease; } Video Live See the Pen ...
Read more

🚀 Level Up Your Code with AI: My Vibe Coding Workflow

Image
  Been feeling like you're spending more time wrestling with code than actually building cool stuff? You're not alone! I've been on a deep dive into how Artificial Intelligence can help us software developers, and let me tell you, it's a game changer. Think of it less like robots stealing our jobs and more like having a super helpful (if slightly forgetful) assistant who can seriously boost your coding power. After weeks of experimenting, I've landed on a workflow that blends the magic of AI with the essential skills of a human developer. I started with AI app generators, got hooked by the magic, but quickly hit their limitations when I needed production-ready code in my own tech stack. It's not about letting the AI take over completely, but about smart collaboration. Ready to see how you can code smarter, not harder? Here's a breakdown of my key takeaways and how I'm integrating AI into my daily coding life: 🎯 The Power of the Prompt (It's a Re...
Read more

Lowering the boundary to Code Contribution

Image
Thinking of using Gitpod as your Cloud IDE? Read this first... I'm preparing for a hands-on coding workshop and wanted my participants to get coding as fast as they can. I decided to leverage Gitpod as a Cloud IDE. Here’s how I set it up including challenges I encountered and their remedies. 🧑‍💻 Gitpod Gitpod is a tool I've been using to set up an isolated development (dev) environment for troubleshooting. I have relied on ready made repositories from the open source community, but now was a chance to dive deeper. 🐳 Docker Compose Ready My repository uses docker and docker compose. Docker is great for providing consistent dev environments across multiple developers. It's also great for isolating your project from other projects on your machine so you can mix and match your tools. I dived straight in and got my repository loaded on Gitpod. Gitpods default image  supports docker, docker compose, php, and node out of the box. So it was as simple as running ‘docker compose u...
Read more