Makitweb - Page 92 of 102 -

Get Parameters from URL with JavaScript: Tips and Best Practices

Last updated on January 14, 2024 by Yogesh Singh

Reading URL parameters is a usual thing in web development, especially when making dynamic web pages that depend on what users type in. URL parameters help different parts of a website communicate with each other. They’re handy for adjusting how a page looks or works based on what a user likes or does.

JavaScript supports a number of methods, each with advantages and disadvantages, for reading parameters from URLs.

Built-in URLSearchParams API in JavaScript, regular expressions, and string manipulation techniques are three methods for extracting URL parameters that are covered in this article.

By the end of this article, you will know more about how to get URL parameters in JavaScript and which method is best for your specific use case.

Get Parameters from URL with JavaScript: Tips and Best Practices

HTML – How to Show Text Above Image on Hover

Last updated on December 5, 2022 by Yogesh Singh

If you are good at Photoshop then you can directly show text above an image by customizing an image like that.

But what when you have to display text when the mouse moves over the image.

This kind of functionality is basically seen in the news, product-based websites, or in blogs, they show the post image and title but when the user moves the mouse over one of an image then the short description of the post is visible above the image.

In this quick tutorial, I show how you can show text above Image when the user hovers the image using only HTML and CSS, no jQuery and JavaScript.

Blur effect on the element via Foggy jQuery Plugin

Last updated on February 24, 2023 by Yogesh Singh

Some website owners Blur some parts of the content and ask the user to register to their website or share the article for full access to the content.

Blur effect can be used for better user-experience for example – showing container elements when mouse focus over it and Blur other containers.

For the blur effect, I am using the Foggy jQuery plugin. It is lightweight and easy to set up.

In this tutorial, I show how you can use the Foggy jQuery plugin to blur the HTML content on mouse hover.

How to Use jQuery Each to Iterate Through Arrays Objects and Selectors

Last updated on June 18, 2023 by Yogesh Singh

jQuery revolutionized web development with its simplicity and powerful features. Among them is the “jquery foreach” loop, enabled by the `$.each()` method.

This article explores how this method efficiently iterates through arrays, objects, and selectors. Gone are the days of cumbersome loops and complex constructs. With the “jquery foreach” loop, you can effortlessly navigate collections, significantly reducing development time.

Whether you’re a seasoned developer or a beginner, this article equips you with the knowledge to master the `$.each()` method and unleash its full potential.

Let’s dive into the world of jQuery iteration and elevate your web development skills with the “jquery foreach” loop.

How to Use jQuery Each to Iterate Through Arrays Objects and Selectors