Blog Posts
Logical Assignment Operators
Javascript
Beginners
es6
Logical Assignment Operators was introduced in the ECMAScript 2021 update. It is a new feature that combines the assignment operator(=) with the logical operators (||, &&, ??). It that allows you to assign a value to a variable if true (&&=), false (||=) or null (??=).
Logical Operators
Javascript
Beginners
es6
Logical operators allow you to compare values and assign a value to a variable if it marches the condition. There are a four logical operators, Logical OR, Logical AND, Logical NOT, Nullish coalescing operator (||, &&, !, ??)
Markdown Cheatsheet
markdown
CSS
You can style texts on the web with markdown. Markdown files use the .md or .mdx extensions. Here is a list of essential markdown syntax that you will mostly use often.
Light theme.. Swoosh! Dark Theme
React
Beginners
CSS
Many people prefer to read on a dark screen, while others prefer the light mode. Giving users the ability to switch between these two modes is a great user experience feature. It is pretty easy to implement this in your code, and in this article, I will work you through how to do this in React using `styled-components`.
Web Accessibility - Buillding website for everyone
a11y
Frontend
It is important to consider the audience (users) when building a website. There are different categories of people that have access to the internet and you have to ensure that they can use your website without any hindrance, and at the same time, get the full message your website passes and offers.
MVC - Model, View, Controller
Beginners
When planning your app, MVC concept is very helpful as it gives you an outline of how your ideas should be organized into actual code. The idea is to group your code into three main logical components. Each of these components are built to handle specific development aspects of an application. In a web application, there are three main components for three main functions.
The Difference between a Library and a Framework
Javascript
React
A library and a Framework are both reusable code written to solve problems. To know the difference between a Library and a Framework, we have to first understand what they are individually.
Blur scrolling-div content behind an element using pure CSS
CSS
HTML
Wonder how to achieve the blurring of the scrolling div content behind an element?
Faster loading webpages with webP images
Javascript
React
CSS
Have you ever wondered why your website takes forever to load? It is probably because you are using too large images.