-
10 Essential JavaScript concepts to learn for Absolute Beginners
JavaScript is a very dynamic and versatile programming language that has revolutionised the web development process. It was created by Brendan Eich in 1995. JavaScript adds interactivity to a website by providing ways to manipulate Document Object Model (DOM) in web browsers. Over a period JavaScript has evolved into a full fledged programming language that…
-
Important CSS Flexbox properties commonly used
Here are some of the most commonly used CSS flexbox properties you should know about : Some very useful flexbox wrapping properties are also given below. Flexbox ‘wrapping’ is used when flexbox items overflow from the flex container :
-
How to hard reset a corrupt Google Chrome on Linux Ubuntu?
Has your Google Chrome Browser suddenly broken down? Does it not display items properly on the screen? Does it show some error messages? In these cases you might have to completely uninstall and then reinstall the Chrome again on your Linux Ubuntu system to make it work afresh. To uninstall Chrome first open up the…
-
How to center divs exactly in the middle of the screen?
Here’s how it’s done using HTML and CSS. These are the basic codes to center the divs using CSS and you can further build up your own style from here. Notice that we’ve used height: 100vh which is 100 percent of the viewport height so that we can precisely center the containers vertically. You can…
-
How to setup Svelte Project Development environment using Vite?
Firstly, make sure that the latest version of NodeJS is installed on your computer. If it’s not installed you can install it from here or if you’re on Linux you can use the following terminal command to install NodeJS : After, NodeJS has been installed properly cd into the directory of your choice and type…
-
How to uninstall and reinstall NodeJS on your Linux Ubuntu system using the terminal?
First open up the terminal using the keyboard shortcut Ctrl+Alt+T. Next type the following command to uninstall any previous versions completely from your system : This will remove all the previous files and folders for NodeJS (including NPM). You can run the following commands to check whether its done: Next, to reinstall the latest version…
-
Create a button which displays a pop-up and pop-out window using CSS and JavaScript
We’ll create a button which shows a pop-up and pop-out window when you click on the button. For this we’ll use a JavaScript function which will be linked to the HTML using onClick keyword on the HTML linked to the button. Here’s the code : Next, the code block below, note that the popupWindow() function…
-
Dark Mode Toggle button using HTML, CSS and JavaScript
Here’s a simple way to create a toggle button to switch between light mode and dark mode using HTML, CSS and JavaScript function. In the above CSS code block, we’ve created the default light mode background for the body. We’ve also created another dark-mode class which will be activated dynamically using the JavaScript function. In…
-
A box-shadow template to use anywhere inside your CSS project
Here’s a box-shadow template which you can use in any of your CSS projects : So, the order is just this : Here’s another more complex one with double box shadows which stacks layer on layer to make it look deeper : Try and edit these to experiment anywhere you want on your project.
-
JavaScript Promises using Resolve and Reject
JavaScript has a special class called Promise. In order to create a promise, you’ll have to create an instance of the promise class. The promise constructor needs only a single argument which is a function (though you can add two arguments as well). The promise needs to be created with the function. The function is…
