Archives

How to Make a CMS-based Website Work OfflineThis case study explores how I added the capability for a website to work offline using Grav, a PHP-based CMS for developers. I achieved this by introducing a set of technologies known as Progress ...

How to Use Netcat for Networking TasksNetcat is a powerful Unix command that allows you to perform various networking tasks. It is often used for debugging purposes and to gain a deeper understanding of how things work. Netcat, also known a ...

Algorithm Complexity and Big O Notation: A GuideAlgorithm complexity is a crucial aspect of understanding and analyzing algorithms. It helps us measure the time and efficiency of different algorithms when solving a problem with the same inp ...

An Introduction to HTML: Discover the History and BasicsHTML is a standardized language used for structuring content on the web. Originally managed by the W3C, control later shifted to the WHATWG organization when the XHTML push by the W3C ...

Glitch: A Powerful Platform for DevelopersGlitch is an incredible platform for learning and experimenting with code. In this blog, we will introduce you to Glitch and explore how it can take you from zero to hero in no time. Glitch is a rem ...

Python: How to Get File DetailsWhen working with files in Python, you may need to retrieve specific details about a file, such as its size, last modified date, and creation date. Luckily, the os module provides several methods to retrieve t ...

How to Print a Canvas to a Data URLData URLs are a valuable feature provided by browsers. They allow us to embed images directly into HTML, rather than referencing files from the file system. When working with the Canvas API to dynamically ...

How to Load an Image in an HTML CanvasWhen working with the canvas npm package to draw images server-side using the Canvas API, you may need to load an image onto the canvas. Here’s a step-by-step guide on how to achieve this in Node.js: S ...

How to Embed YouTube Videos with Correct Aspect RatioIf you’ve ever tried to embed a YouTube video on your website, you may have encountered difficulties in setting the correct aspect ratio, especially when dealing with fluid layouts. In th ...

Swift Comments: Guide to Single-Line and Multi-Line CommentsTags: Swift, Comments, Syntax Welcome to another tutorial in our Swift series! In this tutorial, we will explore the different forms of comments in Swift: single-line and multi-lin ...

How to Replace Commas with Dots in JavaScriptOne common problem is handling decimal numbers written with different punctuation marks, such as dots or commas. In many countries, the decimal separator can vary. For example, some may use a dot ...

JavaScript Algorithms: Linear SearchIn the world of computer science, the linear search algorithm, also known as sequential search or simple search, holds a significant position. As one of the most fundamental search algorithms, it allows u ...

How to Replace an Item in an Array in JavaScriptReplacing an item in an array in JavaScript is a common operation when working with arrays. This can be easily achieved using a simple assignment if you know the index of the item. Here’s an e ...

Svelte Slots: Creating Composable ComponentsSlots in Svelte provide a powerful way to define components that can be easily composed together or configured when imported. In this blog, we will explore how slots work in Svelte and how you can ...

CSS Colors: Enhancing Your Web Design with ColorIn the world of web design, colors play a crucial role in creating visually appealing and engaging websites. By default, HTML pages are rendered with a plain white background, black text, and ...

How to List All Users in PostgreSQLDiscover how to retrieve a comprehensive list of all users existing in a PostgreSQL database, along with their permissions. To achieve this, follow these steps: Open the psql interface. Execute the \du co ...

What to Buy to Get Started with Arduino and ElectronicsIn my Electronics tutorial series, I use a set of tools that I have acquired over time. If you’re looking to get started with the experiments I do, I can provide some recommendations on ...

I Purchased bootcamp.dev: A New Home for My Web Development BootcampEvery Spring, I organize a highly anticipated course called the Web Development Bootcamp. This comprehensive 20-week program covers all the essential aspects of web develop ...

Tsundoku: The Art of Accumulating Unread BooksTsundoku, a Japanese term that translates to “acquiring reading materials but letting them accumulate unread in one’s home,” perfectly describes my book-collecting habits. For as long as I can r ...

Introduction to CommonJSThe CommonJS module specification is the standard used in Node.js for working with modules. Modules allow you to encapsulate functionality and make it available to other JavaScript files as libraries. In contrast, cl ...

The Fish Shell: An Introduction to the Best Shell for DevelopersI have been using the Fish Shell for months now, and I can confidently say that it is the best shell I have ever used. While many people stick with Bash or use Zsh with tools l ...

How to Make a Table Responsive Using CSSTag: CSS, responsive design, mobile usability A few days ago, I received a warning from the Google Search Console regarding a Mobile Usability issue on a page that contained a large table. Not only di ...

The Ultimate Guide to JavaScript DatesWorking with dates in JavaScript can sometimes be a challenging task. Whether you’re a seasoned developer or just starting out, understanding how to work with JavaScript dates is crucial. In this compre ...

How to Check if a Variable is a Number in PythonWhen working with variables in Python, it’s often necessary to determine whether a variable is a number. There are a few simple methods you can use to achieve this. Method 1: Using the Type Fu ...

Using React Portals for Better Component RenderingDiscover how React Portals can improve your component rendering process. React 16 introduced a powerful feature called Portals. With Portals, you can render an element outside of its compone ...

The Object isPrototypeOf() Method: Explained and DemonstratedThe isPrototypeOf() method in JavaScript is a powerful tool for determining if an object is in the prototype chain of another object. By calling this method on an object instance ...

Stay Focused: The Pitfalls of Language Hopping in CodingIn today’s blog, we will address a common issue that aspiring coders often face: the temptation to switch languages too frequently while learning to code. I have received numerous emai ...

Moving Blog Hosting to Cloudflare Pages: Reduced Costs and Improved PerformanceAs mentioned in my recent YouTube video, I made the decision last week to migrate my blog from Netlify to Cloudflare Pages. The main reason behind this change wa ...

How to Disable ‘Declaring but Its Value is Never Read’ Checks in TypeScriptWhen working with TypeScript, you may encounter an error message stating that a variable is declared but its value is never read. This error message is triggered whe ...

The ES6 Guide: Everything You Need to Know about ECMAScript 2015ECMAScript, often abbreviated as ES, is the standard that JavaScript is based on. ES6, also known as ES2015, introduced many new features and enhancements to the language. In t ...

Why Choose Node.js for Your Next Project?When deciding on the best technology for your next project, there are countless alternatives to Node.js to consider. However, Node.js stands out as a compelling choice for a number of reasons. In thi ...

How to Update the Structure of a SQL TableIn SQL, you can update the structure of an existing table using the ALTER TABLE command. This allows you to add or drop columns as needed. To add a column to a table, you can use the following synta ...

Waking Up at Your Own Pace: Embracing Your Unique RoutineIn today’s hustle and bustle culture, it’s all too common to come across articles and social media posts about people waking up at ungodly hours like 4AM or 5AM. They proudly display ...

Swift Tuples: A Powerful Tool for Grouping and Organizing DataTags: Swift, Tuples, Data organization, Function returns Tuples are a valuable feature of the Swift programming language that allow you to group multiple values into a single col ...

Linux commands: gzip - A Quick Guide to File CompressionIn this quick guide, we will explore the gzip command, which is used to compress files using the LZ77 compression protocol. Compressing files can help reduce their size and save storag ...

How to Fix the Error “Rails is not currently installed on this system” on macOSIf you’re trying to install Rails on macOS and you keep encountering the error “Rails is not currently installed on this system,” don’t worry. There’s a solution ...

Changing the Heroicons SVG Stroke Width in ReactI recently came across the Heroicons library while working on a Next.js app. I was impressed by the convenience of using the icons as React components. However, I wanted to customize the strok ...

The ES2017 Guide: Discovering the Features of ECMAScript 2017 (ES8)ECMAScript (ES) serves as the basis for JavaScript, and the latest version, ECMAScript 2017 (also known as ES8), was finalized in June 2017. Although ES8 is a relatively sma ...

List of Non-Printable ASCII CharactersBelow is a table listing all the non-printable ASCII characters. DEC HEX CHARACTER 0 0 NULL 1 1 START OF HEADING (SOH) 2 2 START OF TEXT (STX) 3 3 END OF TEXT (ETX) 4 4 END OF TRANSMISSION ...

How to Remove Empty Lines in VS CodeIf you’ve ever come across a file in VS Code that has multiple empty lines that you want to remove all at once, you’re in luck. Manually removing them one by one can be quite tedious, especially if you’re ...

CSS Padding: Understanding and ImplementingIn CSS, the padding property is a commonly used attribute that adds space within the inner side of an element. It is important to differentiate padding from margin, as margin adds space outside an ...

How to Set Environment Variables in Bash and ZshSetting environment variables in both Bash and Zsh is a straightforward process. However, there is a slight difference when it comes to persisting them. In Bash, you can use the .bashrc file, ...

The Object valueOf() Method: A Comprehensive GuideIn JavaScript, the valueOf() method is used to retrieve the primitive value of an object. It is called on an object instance and returns the underlying primitive value. Here is an example to ...

How to Resolve the “Cannot Update a Component While Rendering a Different Component” Error in ReactIn this blog post, I will walk you through the process of fixing the “Cannot update a component (App) while rendering a different component” ...

Linux commands: grep - A Quick Guide to Matching Patterns in TextThe grep command is a powerful tool that can help you match patterns in text. Mastering grep will greatly enhance your productivity in your day-to-day tasks. What is grep?grep ...

How to Fix the prisma/client did not initialize yet Error on VercelIf you’re building an app with Next.js and Prisma and encounter the deployment error Error: @prisma/client did not initialize yet. Please run "prisma generate" and ...

Exploring the Top Command: A Quick GuideLearn how to use the top command to get real-time information about running processes on a Linux system. This handy command provides a comprehensive view of the system’s activity. To use the top comma ...

Debugging a Node.js app using Chrome DevToolsWhen it comes to programming, it’s often necessary to test and experiment with code quickly. While it’s easy to debug client-side code using Chrome DevTools, debugging Node.js code with access to ...

How to Retrieve Both Parsed Body and Raw Body in ExpressLearn how to retrieve both the parsed body and raw body in Express using the body-parser middleware. In a recent application I developed, I encountered a specific challenge. While work ...

Persisting Aliases and Configuration in the Fish ShellOne often overlooked aspect of configuring the Fish Shell is the persistence of aliases and other settings. While it might be convenient to define these configurations on the fly within ...