Temitope Ayodele articles - 22 total
Logical Assignment Operators
Logical Assignment Operators was introduced in the ECMAScript 2021 update. It is a new feature that...
Logical Operators
Logical operators are very useful in Javascript as they allow you to compare values and assign a...
Markdown cheatsheet
Originally published on my blog You can style texts on the web with markdown. Markdown files use the...
Rounded edges on table rows
To add border radius to a table row tr, you have to specifically target the first table data td on th...
Light theme.. Swoosh! Dark Theme
Originally written on my blog. Many people prefer to read on a dark screen, while others prefer the...
helloWorld to Hello World
To convert camelCase string to Title Case (ES6) const convertCamelToTitleCase = (camelCase) =>...
Faster loading webpages with webP images
Have you ever wondered why your website takes forever to load? It is probably because you are using t...
Blur scrolling-div content behind an element using pure CSS
To blur the scrolling div content behind an element, the backdrop-filter css property is used. The di...
Toggle Password Visibility
For input types of 'password', browsers mark the user's input (typically by replacing the characters...
Quick set-up for ESLint
ESLint helps to format code and analyze it to make suggestions for improvement. This is a quick guid...
Web Accessibility- Building website for everyone
When building a website, it is important to consider the audience (users). There are different catego...
Regex for Passwords
Minimum eight characters, at least one letter and one number: "^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,...
Object.entries()
Object.entries() is used for listing all key-value pairs in an object. It accepts an object as a argu...
Git commands
Here is a list of some useful git commands. Initialize empty Git repository git init...
Git and Github
tl:dr Git is a version control system that is installed locally on the computer, while Github is a cl...
Embedding a Google Drive image in HTML
TL:DR- Convert the link generated by Google drive from https://drive.google.com/file/d/[imag...
How to truncate multi-line string with Pure CSS
It is easy to truncate a single-line text. white-space: nowrap; overflow: hidden; text-...
CRUD app concept
Using various methods, any programming language can be used to make a CRUD app. CRUD stands for Creat...
What is JSX?!
JSX is a XML like syntax extension for JavaScript. It was created by a team at Facebook. It is cool b...
The Difference between a Library and a Framework
A library and a Framework are both reusable code written to solve problems. To know the difference be...
MVC - Model, View, Controller
MVC is a popular way of organizing your code based on concerns. This concept was originally invented...
How to make a custom Input Range slider using HTML, CSS and JavaScript
HTML has an input type of range that works awesomely. With just some CSS styling, you are good to go....