JavaScript functions are fundamental building blocks of the JavaScript language. In this tutorial, we will learn what is a JavaScript function, how to create a function in JavaScript, and how to invoke it and return values from it. Let’s dive in! What is a function in JavaScript? A function is a block of code that… Continue reading Functions In JavaScript – Simple and Clear Explanation
Category: Web Development
How to Use Custom Domain With GitHub Pages
GitHub Pages are an extension to GitHub and is a wonderful and easy way of hosting websites or showcasing projects directly from GitHub. If you want to know how to deploy your static website to GitHub refer to these article: Also Read: How to Publish a Website on GitHub Pages Although GitHub pages provide us… Continue reading How to Use Custom Domain With GitHub Pages
Text Reveal Animations On Scroll – Textify.js
Have you ever wanted to impress your users with text animations? Textify.js is a fast and highly customizable open-source library for creating text reveal animations triggered by scroll. This can be used for displaying instructions, tips, or just about anything else you want to show on scroll. Textify.js is a simple library that works with… Continue reading Text Reveal Animations On Scroll – Textify.js
Top Static Site Generators (Free and Paid)
As a developer, creating a Static site brings out a lot of advantages. First, it is cheaper, faster, and easy to maintain compared to dynamic websites. Moreover, Static site generators always come to the rescue if you want to create Informational websites, showcasing your content, portfolio websites, Documentation, tutorial, and many more. Now, the popularity… Continue reading Top Static Site Generators (Free and Paid)
How to Create Animated Typing Effect (JavaScript)
If you want creating a dynamic typing animation that looks like the text is being typed by a typewriter then typer.js is the right solution for you: It is written in native JavaScript (ES6) and works with almost no 3rd-party dependencies. Download typer.js GitHub Link How to Use It Follow the steps: Step 1: Include… Continue reading How to Create Animated Typing Effect (JavaScript)
A Guide to Web Font Optimization
Practically every modern new website gracefully relies on Custom Webfonts. Web-fonts are fonts that are not available in the browser by default. They are fonts that are fetched remotely and rendered by the browser. Web fonts allow you to build a much better web experience, but these fonts also cause a lot of problems such… Continue reading A Guide to Web Font Optimization
How to Lazy Load Images and Video for Better Website Performance – 2024 Updated
Lazy loading is a technique that defers loading of non-critical resources at page load time. Instead, these non-critical resources are loaded at the moment of need. Where images are concerned, “non-critical” is often synonymous with “off-screen”. If you have used Lighthouse and examined some opportunities for improvement, you may have seen some guidance in this… Continue reading How to Lazy Load Images and Video for Better Website Performance – 2024 Updated
CSS Ellipsis (the 3 dots…) on Single OR Multiple Lines
UI Developers usually truncate the extra text in the line by applying text-ellipsis, which means showing the 3 dots (visually explains there is even more text, that can be handled by applying title attribute to the element and show the full text on hover). Ellipsis to One Line Text Applying ellipsis for one line is… Continue reading CSS Ellipsis (the 3 dots…) on Single OR Multiple Lines
How to Create a Sticky Footer in CSS
The purpose of a sticky footer is that it “sticks” to the bottom of the browser window. But not always, if there is enough content on the page to push the footer lower, it still does that. But if the content on the page is short, a sticky footer will still hang to the bottom… Continue reading How to Create a Sticky Footer in CSS
How to Publish a Website on GitHub Pages
You have finished creating your HTML website and you are feeling proud of your hard work. But there is one thing that is still missing: you have no idea how to publish your website. GitHub is not only a great place to store and share your code with others but they also offer free web… Continue reading How to Publish a Website on GitHub Pages
CSS Inline vs Inline-Block vs Block
The inline, inline-block, and block layout values are all possible values for the CSS display properties. Many newbie frontend developers usually struggle with understanding the difference between the three, and it’s a common frontend developer interview question. In this article we are going to discuss the real difference between Inline vs Inline-Block vs Block. So,… Continue reading CSS Inline vs Inline-Block vs Block
How To Make a Sidebar Sticky On Scroll
Have you ever been on a website where an element “sticks” to the screen and follows you as you scroll down the page? This is what I call a sticky sidebar. In the past, this functionality was frequently accomplished through JavaScript calculations to detect the scroll position and to toggle an element’s position to absolute or fixed. Presently, the W3C… Continue reading How To Make a Sidebar Sticky On Scroll