JoyDev

During the pandemic, remote work and online classes have become the new norm, resulting in us spending more time than ever at our desks. To make my work experience more productive and comfortable, I decided to upgrade my desk setup and have been using it ever since. In this post, I'm excited to introduce you to my tech desk setup and share how it has helped me to enhance my productivity and comf..

When learning React, one of the terms you will often encounter is client-side rendering. As I'm currently studying next.js, I keep coming across the term server-side rendering, so I decided to write a blog post to better understand and clarify these concepts. At a glance, server-side rendering (SSR) and client-side rendering (CSR) seems to indicate whether the rendering takes place on the server..

BEM (Block, Element, Modifier) is a popular naming convention for CSS classes that helps developers write more modular and maintainable CSS code. BEM is particularly useful for large and complex projects, as it helps keep the code organized and easy to understand. I've been using the BEM naming convention for both my professional work and personal projects, and have found it to be a highly effec..

As a web developer, creating a user-friendly and responsive website is always my top priority. I believe that designing for the user's perspective is key to creating a successful website that is easy to use and navigate. When it comes to presenting complex data in tables, it can be especially tricky to make them easy to use and read on small screens. When I first received the task to make the ta..

Bootstrap is a popular front-end development framework used to create responsive and mobile-first websites. One of the most useful features of Bootstrap is its tab switch functionality. I had the opportunity to work on a project for a company where I was tasked with switching their static website to a responsive website. And using Bootstrap5 tab functionality was a great choice for UX purpose. T..

If you're building a website using CSS and notice white space on the right side of the screen in the mobile mode, it's likely because your content is wider than the screen width. This was one of the biggest bug that I've encountered recently, and I want to talk about the 4 troubleshootings that I've done to fix this bug. 1. Use the viewport meta tag The first step is to use the viewport meta tag..