current location:Home > Technical Articles > Web Front-end

  • Embed Interactive jsFiddle Snippets on your Web Page
    Embed Interactive jsFiddle Snippets on your Web Page
    Embed interactive jsFiddle code snippets on web pages to make your web page more interactive! This article will guide you how to implement this feature easily. step Visit jsfiddle.net to create your code snippet. Click "Share" > "Embed Code" (embed as an iframe) in the menu bar. Copy the generated iframe code into your webpage HTML. Demo Here is a demonstration of jsFiddle embedding. You can switch options such as js, css, etc. and run the code in real time on the page, just click the play button! Enjoy the fun of jsFiddle! You may also be interested in: Hide your jQuery source code J
    JS Tutorial 819 2025-02-25 17:00:12
  • 10 jQuery Floating Menu and Message Plugins
    10 jQuery Floating Menu and Message Plugins
    This post showcases ten exceptional jQuery floating menu plugins to enhance your website's navigation. The key feature? A menu that smoothly "floats" above the page content as you scroll. Let's dive in! Related articles: jQuery Floating
    JS Tutorial 889 2025-02-25 16:59:08
  • 10 Awesome jQuery Plugins for your Gallery Solutions
    10 Awesome jQuery Plugins for your Gallery Solutions
    This collection of jQuery slider plugins offers a streamlined and visually appealing way to showcase products, work, or content. Their compact size and attractive design make them ideal for various applications. Let's explore some examples: TouchTo
    JS Tutorial 221 2025-02-25 16:40:12
  • 10 Awesome Weather Widgets with jQuery
    10 Awesome Weather Widgets with jQuery
    This article showcases ten excellent jQuery weather widget plugins, enabling effortless integration of real-time weather information onto your website. These plugins leverage weather APIs from providers like Google and Yahoo, offering a convenient w
    JS Tutorial 357 2025-02-25 16:36:15
  • 5 jQuery Form Construction Plugins
    5 jQuery Form Construction Plugins
    Five jQuery Form Plugins to Enhance Your Website Forms Websites frequently utilize forms for various purposes, such as contact pages or user registration. Fortunately, numerous jQuery plugins simplify form creation and enhancement. This article show
    JS Tutorial 330 2025-02-25 15:58:11
  • JavaScript oAuth Popup Window Handler Code
    JavaScript oAuth Popup Window Handler Code
    This JavaScript function creates an OAuth popup window that avoids browser blocking and uses a callback for authentication, mimicking the approach of popular social networks. Demo jQuery Twitter Widget Code // OAuth popup window function $.oauthpopu
    JS Tutorial 496 2025-02-25 15:52:08
  • How to Modify the Browser History in Complex HTML5 and JavaScript Applications
    How to Modify the Browser History in Complex HTML5 and JavaScript Applications
    Don’t you love snappy titles?! Consider a sophisticated application such as webmail client. In essence, it’s a complex JavaScript program running on a single HTML page. The user loads the URL and is presented with a list of emails. They click a titl
    JS Tutorial 880 2025-02-25 15:44:13
  • 6 jQuery Newspaper/Article Type Plugins
    6 jQuery Newspaper/Article Type Plugins
    Enhance your website's design with these six stylish jQuery newspaper/article plugins! Create a unique and engaging online reading experience reminiscent of a physical newspaper. Let's explore these plugins to elevate your website's aesthetic appeal
    JS Tutorial 499 2025-02-25 15:43:09
  • HTTP Authentication in Node.js
    HTTP Authentication in Node.js
    Last week, in the article "Creating a Node.js HTTP Server", I introduced the basics of HTTP in Node.js. Today's article will show you how to use HTTP authentication to protect your Node.js site from password attacks. We will first introduce basic access authentication and then move to more secure digest access authentication. Key Points Basic access authentication and Digest access authentication are two HTTP authentication methods in Node.js. Basic access authentication is simpler and prompts the user for a username and password, while Digest access authentication is more secure because it encrypts the password before transmission. Node.js utility
    JS Tutorial 222 2025-02-25 15:32:08
  • 5 jQuery Table of Content (TOC) Plugins
    5 jQuery Table of Content (TOC) Plugins
    This article showcases five jQuery Table of Contents (TOC) plugins that automatically generate organized TOC lists on your webpage. Each plugin offers unique features and styling options. STOC – Smooth Table of Contents: This plugin creates a TOC w
    JS Tutorial 275 2025-02-25 14:49:15
  • Creating a HTTP Server in Node.js
    Creating a HTTP Server in Node.js
    Build a Node.js HTTP server The previous article introduced the most basic Node.js program. While the "Hello World" program is good, Node.js is more commonly used to create highly scalable server applications. This article introduces a simple HTTP server built on Node.js. Key Points Node.js allows creating a simple HTTP server, the key step is to create a new file, insert the appropriate code and run the server. The server can be accessed through a web browser through localhost or the machine's IP address. The server's functions are built on the createS of the require() method (loading module) and http module
    JS Tutorial 246 2025-02-25 14:27:09
  • Class Selector (CSS selector)
    Class Selector (CSS selector)
    Syntax .className { declaration block } Description Selecting elements on the basis of their class names is a very common technique in CSS. The attribute selector syntax [class~="warning"] is rather awkward, but thankfully there’s a simp
    CSS Tutorial 366 2025-02-25 14:26:09
  • Build Your Own Chrome Extension: Google Docs Word Count Tool
    Build Your Own Chrome Extension: Google Docs Word Count Tool
    This tutorial guides you through creating a Chrome extension that adds a persistent word count to Google Docs. It enhances the Google Docs user experience by providing a constantly updated word count in a status bar. Key Features: Persistent Word
    JS Tutorial 969 2025-02-25 14:25:11
  • 10 Random Ajax and jQuery Plugins
    10 Random Ajax and jQuery Plugins
    Here's a rewritten version of your input, aiming for originality while preserving the core message and image placement: Discover 10 Exceptional Ajax and jQuery Plugins to Enhance Your Web Design! This curated collection offers a range of tools to el
    JS Tutorial 420 2025-02-25 14:24:11
  • 10 Stylish jQuery Form Plugins
    10 Stylish jQuery Form Plugins
    Sometimes we tend to experiment just to make our web forms more inviting. So to save you time, we are giving you today our collection of 10 Stylish jQuery Form plugins that your visitors would definitely love! Enjoy! Related Posts: jQuery Forms &g
    JS Tutorial 575 2025-02-25 14:19:10

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28