Learn how to combine BEM and SCSS to build maintainable, reusable, and scalable stylesheets for modern web applications.
Latest Posts
I blog about front end & UI Design
All
A simple look at when to use CSS custom properties versus Sass variables in your styles.
Learn how CSS Modules scope class names to components and stop global style conflicts.
Learn everything you need to know about JavaScript arrays, including creating arrays, accessing elements, updating values, looping through arrays, and common methods with practical examples.
Learn the fundamentals of JavaScript objects, including creating objects, accessing properties, methods, nested objects, destructuring, and best practices.
Learn the Mobile-First approach to responsive web design with practical CSS examples, media queries, best practices, and performance tips.
Learn how to organize SCSS using a scalable architecture with partials, components, layouts, utilities, and modern best practices.
Learn what JavaScript closures are, how they work, and why they are essential for modern JavaScript development.
In JavaScript, objects can share methods through prototypes.
When dealing with data of type number, string, or boolean, it's perfectly fine to pass the default value and let TypeScript infer guess the type.
As a frontend developer, I've learned that simplicity is the key to writing efficient and effective code.
The Importance of Consistent Spacing and Typography in Design and Development
Delete Old Emails Automatically
There is a new way to use the group by operation in JavaScript! It's very easy.
Did you know you can pass a function to useState in React? Here's how it works.
Recursion can be useful when dealing with nested structures like folder and file trees.
In this article, we'll explore a simple example of building a GraphQL API using TypeScript, TypeORM, and TypeGraphQL. We'll create a basic task management application with CRUD operations.
GraphQL is a powerful query language for APIs that allows clients to request exactly the data they need.
Higher order functions is a term given to functions that operate with other functions.
In this post, you'll learn how to use an async function inside your React useEffect hook.
Redirecting users from one page to another is a very common operation in web applications.
We can use object literals instead of switch case that can be better in terms of readability and maintainability.
This is where Sass/SCSS and BEM (Block Element Modifier) come into play.
learn a few different ways to return an object from an arrow function
how to use JavaScript to find a substring inside a string.
Aborting requests built with Promises was difficult until JavaScript introduced AbortController and AbortSignal.
Hoisting in JavaScript does not move variables to the top.
Today we'll learn how to delete local and remote Git branches, and also how to undo the delete operation if needed..
here is a step-by-step guide that walks you through building a simple blog with posts and categories.
Learn how to write CSS selectors and set a preferred theme while respecting user preferences.