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

  • 5 jQuery Color Swatch-Ribbon Plugins
    5 jQuery Color Swatch-Ribbon Plugins
    This article showcases five jQuery color swatch and ribbon plugins for web development. Let's explore them! jquery.swatches: This plugin transforms a single div into an attractive color swatch or palette. Source & Demo MakeColors: A JavaScr
    JS Tutorial 330 2025-02-21 10:01:10
  • Introducing the CSS text-align-last Property
    Introducing the CSS text-align-last Property
    CSS text-align-last property details: Perfectly aligned the last line of text The subtleties often determine the success or failure of the user experience. Details such as text shadows and element spacing can affect the overall view of the website. The text-align-last property is created for this, which can accurately control the alignment of the last line of the text block or the previous line of the forced new line, especially when dealing with text alignment at both ends. This article will explore in-depth aspects of the text-align-last attribute, including available values, browser support, and specific browser behavior. Usage and available values Using the text-align-last property is very simple. The following code snippet right-to-right the last line of text
    CSS Tutorial 621 2025-02-21 10:00:17
  • Building a Library with RequireJS
    Building a Library with RequireJS
    Key Points RequireJS is an AMD module loader for browsers that asynchronously load scripts and CSS files, manage dependencies and build code structures. It also includes an optimization tool for production environments. When using RequireJS, the code needs to be wrapped in the module definition. Modules can be referenced in other modules, and all dependencies will be loaded before the module itself is loaded. RequireJS optimizer r.js can be configured to build all modules into a single file. This configuration can also make the module an independent global library, both as an AMD module and as a global export in the browser. RequireJS can be used to build libraries and applications that use them.
    JS Tutorial 900 2025-02-21 09:59:12
  • setAttribute (W3C DOM Core method)
    setAttribute (W3C DOM Core method)
    Returns void ThrowsINVALID_CHARACTER_ERR, NO_MODIFICATION_ALLOWED_ERR Key Takeaways The setAttribute method in JavaScript allows developers to add, change, or update attributes and their values in an HTML element. I
    JS Tutorial 485 2025-02-21 09:58:10
  • Creating RESTful APIs with Express 4
    Creating RESTful APIs with Express 4
    With the release of Express 4 it has gotten even easier to create RESTful APIs. If you are creating a Single Page App you will definitely need a RESTful web service which supports CRUD operations. My last tutorial focussed on creating a Single Page C
    JS Tutorial 1082 2025-02-21 09:57:11
  • Getting Started with Browserify
    Getting Started with Browserify
    JavaScript implementations have been getting more and more complex as the beautiful beast we call the web evolves each year. Many of us now work with JavaScript modules – independently functioning components that come together to work as a cohesive w
    JS Tutorial 578 2025-02-21 09:56:12
  • Thinking in Components
    Thinking in Components
    Key Takeaways The component approach to interface development offers benefits over traditional MVC and MVVM frameworks, focusing on the smallest abstract sections of interaction rather than modeling business domains. Components should be designe
    JS Tutorial 183 2025-02-21 09:54:16
  • 10 of the Best jQuery Mobile Device Plugins
    10 of the Best jQuery Mobile Device Plugins
    Mobile web development is increasingly crucial. Mobile devices now account for a significant portion of web traffic, making mobile optimization essential for any website or web application. Here are some helpful jQuery plugins to simplify this proc
    JS Tutorial 816 2025-02-21 09:53:14
  • Introduction to the Resource Timing API
    Introduction to the Resource Timing API
    Resource Timing API: A Deep Dive into Web Performance Measurement This article explores the Resource Timing API, a powerful tool for collecting detailed timing information about resources loaded by a web page. Understanding this data is crucial for
    JS Tutorial 811 2025-02-21 09:51:10
  • How to Test Asynchronous Code with QUnit
    How to Test Asynchronous Code with QUnit
    Key Points Asynchronous functions, like synchronous functions, also require testing. QUnit provides a method, QUnit.asyncTest(), which is specifically used to test asynchronous code. QUnit.asyncTest() needs to be used in combination with two other methods: QUnit.start() and QUnit.stop(). QUnit.start() is used to start or resume running tests after the test is stopped, while QUnit.stop() increases the number of QUnit.start() calls that the test runner must wait before continuing. This tutorial provides examples of how to use these methods in practice. It demonstrates how to use it
    JS Tutorial 812 2025-02-21 09:50:15
  • An Introduction to the Web Notifications API
    An Introduction to the Web Notifications API
    This article explores the Web Notifications API, a W3C standard for delivering user notifications outside the browser window context. It empowers developers to create engaging alerts, enhancing user experience. Key Features: Standardized Notificati
    JS Tutorial 969 2025-02-21 09:48:13
  • 5 Grunt Tasks that Improve the Performance of Your Website
    5 Grunt Tasks that Improve the Performance of Your Website
    Key Highlights: Grunt streamlines website optimization by automating processes like compression and minification. Essential tasks include grunt-contrib-imagemin for image compression, grunt-contrib-uglify for JavaScript minification, and grunt-cont
    JS Tutorial 533 2025-02-21 09:47:10
  • 5  Pixelate and Image Blur jQuery Plugins
    5 Pixelate and Image Blur jQuery Plugins
    This post showcases 5 jQuery plugins for creating pixelated and blurred image effects. These lightweight plugins are easy to integrate and offer various "blurred lines" aesthetics. Let's explore them! pixelate.js: A straightforward libra
    JS Tutorial 916 2025-02-21 09:42:12
  • Tracking Expenses with CouchDB and Angular
    Tracking Expenses with CouchDB and Angular
    This tutorial demonstrates building an expense-tracking application using CouchDB (a NoSQL database) and Angular (a JavaScript framework). The unique aspect is CouchDB's HTTP API, enabling direct communication between the Angular frontend and the da
    JS Tutorial 352 2025-02-21 09:41:08
  • Flow Based Programming With NoFlo
    Flow Based Programming With NoFlo
    Flow-Based Programming (FBP): A Modern Revival of a 70s Concept Flow-Based Programming (FBP), a concept originating in the 1970s, is experiencing a resurgence in the tech world. Its visually intuitive approach to program flow offers a compelling alt
    JS Tutorial 751 2025-02-21 09:40: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