HTML <video> Tag: Embedding, Muting, Autoplaying and Beyond
Explore the detailed guide on HTML <video> tag! Learn to embed, mute, and control video playback, create previews and add posters. Dive in now!
Find the latest of my writing here.
All of my long-form thoughts on programming and more, collected in chronological order.
HTML <time> Tag: A Definitive Guide
Dive into HTML's <time> tag intricacies, learning how to code date, show time, use date-time, and add a time stamp in your HTML.
Async vs defer - HTML Script tags
Improve webpage loading & user experience with async & defer attributes for HTML script tags. Learn best practices for optimized script execution.
Indiehacker's Log #1
Learn from the errors I made in ideation, building MVPs, and validating ideas without investing excessive resources.
Understanding the .flatMap() method in Javascript
Get an in-depth understanding of the .flatMap() method. Learn practical use cases, compare with alternatives, understand its strengths and limitations.
Amp Up Your CSS: Understanding and Using CSS Variables
Increase coding efficiency with CSS variables. Centralize values, eliminate repetition, and create a more efficient codebase
Are React Client Components All Bad? A Look At Next.js 13
Learn why React Client Components are not to be avoided and how they can be used alongside Next.js 13's React Server Components for optimal results
Build a Streaming AI Chat App with Vercel AI SDK and Next.js
Step-by-step guide on building a streaming AI chat app with Next.js and Vercel AI SDK. Follow along and create a seamless chat experience for your users.
Highlight Currently Active Link in Next.js 13 with App Router
Check active navigation links in Next.js 13 with App router & usePathname. Master nested URLs and root path handling for better user experience
Unlocking web accessibility: an in-depth guide to ARIA
Unlock the doors to a more accessible web by mastering Accessible Rich Internet Applications (ARIA). Create inclusive UX for everyone, no matter their abilities
Web Accessibility: Introduction
Boost website usability with this accessibility guide: discover screen readers, semantic HTML, accessible form labels & functional buttons
Limit and require props in components based on other props
Unlock the potential of your React components by learning how to use limiting and requiring props effectively, improving collaboration and code maintainability
SEO in Next.js 13 with Metadata API
Master SEO in Next.js with the guide on using the new Metadata API. Improve your web application's search engine rankings with these best practices and tips.
10 Javascript/Typescript features I avoid
Learn about 10 Javascript features that can be replaced by better alternatives. See why a senior engineer avoids them and what alternatives they use instead.
Rest vs. Spread Syntax in JavaScript: Comparison and Differences
Confused about rest and spread syntax in JavaScript? This article provides a clear comparison and explains the differences between the two, with code examples
Mastering JSDoc: the complete guide for Javascript developers
From basic syntax to advanced best practices - learn how to document code, integrate with tools, and more in the comprehensive guide for Javascript developers
Beyond console.log: 8 Powerful Console Methods
Take your JavaScript debugging skills to the next level with these advanced console methods. Learn how to use console.assert, console.count, and more
min-content, max-content, fit-content - use them more often
Learn the differences between min-content, max-content, and fit-content width properties in CSS. Understand when and how to use each property with examples.
Promise.all() vs. Promise.allSettled(): Understanding the differences
Two methods for handling multiple promises. Knowing when and how to use these methods can significantly improve your code's readability and efficiency
Ensuring type safety in LocalStorage API with Typescript
Learn how to ensure type safety in LocalStorage API using Typescript. See how custom type guards can prevent runtime errors caused by unexpected data types
Optional vs. undefined: understanding Typescript's approach to required properties
Learn the differences between optional properties and union types with undefined in TypeScript. Explore practical examples for enforcing required properties
Everything you need to know about HTML lists
Why many developers tend to overlook the different types of lists that are available in HTML beyond the basic unordered list
Mac setup for web development 2023
How to setup a Macbook for Javascript frontend development in 2023? List of system and IDE settings. Tools and plugins to improve your productivity.
Git rebase vs git merge - comparison
When it comes to managing changes in a Git repository, two of the most commonly used commands are merge and rebase - two ways of solving the same problem
Remove all styling with one line of CSS
Would you believe me if I told you that you can remove all the default styles with one line of CSS? See how to remove all styling in CSS.
Typescript type guards - how to use them?
Become a TypeScript Hokage with these type guard tricks! Learn how to use type guards and write your own.
Redirect to a page from Next.js API Route
Learn how to implement page redirection for users who sign up for your newsletter using Next.js API routes in a few simple steps
Display a preview of an image upload in React
In this article, we will explore two different ways to display a preview of an image that has been uploaded in a React application.
Mastering function overloading in Typescript
Function overloading in TypeScript allows multiple functions with the same name to exist within a single program, but with different type signatures
How to use alt text in accessible images
Learn why the use of alternative text (alt text) for images is an important aspect of creating accessible web pages
How to format numbers with vanilla Javascript
Displaying big numbers in complex user interface can be a pretty tough task. You don't need to install external packages to solve this issue
Internationalize React application with i18n
Discover the benefits of internationalization (i18n) in application development: removing barriers to localization and enhancing global availability of your app
Why do I need to use reduce method in Javascript
See why code using array.reduce should be rewritten without array.reduce so it's readable by humans
Is this (keyword) a problem?
The behaviour of this keyword in Javascript can be really hard to understand even for more experienced developers
Optimize performance with React.lazy and Suspense
Code-splitting is popular feature to create multiple bundles that can be dynamically loaded at runtime to improve user experience
Regular Expressions aka REGEX crash course
Regular expressions, also known as "regex", are patterns that help search, match or replace character combinations in strings
Transform objects using array methods
Objects don't have corresponding methods for .map or .filter. Fortunately we can achieve the same result using other built-in methods.
Understand raw React
Using React without JSX is totally possible. See how React works under JSX syntatic sugar and what problems it solves for you.
Basic types in Typescript
Start using Typescript in your projects - learn everything you need to understand basic Typescript types
Local Storage and Session Storage - Web Storage API
Understand the differences between Web Storage API and cookies. Easily store your data locally and use it in your app
Destructuring arrays and objects
When used correctly, destructuring arrays and objects can become a big advantage for every JavaScript developer