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

  • 12 Little-Known CSS Facts (The Sequel)
    12 Little-Known CSS Facts (The Sequel)
    This article unveils twelve lesser-known CSS facts, perfect for both beginners and experienced developers. While some may be familiar, others offer surprising insights into CSS capabilities. Artwork by SitePoint/Natalia Balska. Key Highlights: bord
    CSS Tutorial 990 2025-02-24 08:33:14
  • Cutting the Mustard with CSS Media Queries
    Cutting the Mustard with CSS Media Queries
    Core points The “Cutting the Mustard” technology utilizes JavaScript to detect browser functionality and then loads additional CSS and JavaScript to provide an enhanced user experience; otherwise, load only the necessary files required for the core experience. The author recommends using CSS media queries to conditionally load style sheets based on the browser's functionality, thus avoiding JavaScript and preventing older browsers from loading style sheets designed for new browsers. The author proposes a method by using harmless non-default CSS attributes on body elements and using JavaScript and getComputedS
    CSS Tutorial 546 2025-02-24 08:32:11
  • Automatic Type Conversion In The Real World
    Automatic Type Conversion In The Real World
    Core points Automatic type conversion of JavaScript is both an advantage and a disadvantage in different situations. As a core function, it converts data to an expected type when an operator or statement expects a specific data type. Based on the conversion result, a JavaScript value is called a "true value" or a "false value". There are six false values: false, undefined, null, 0, "" (empty string), and NaN (non-number). All other values ​​are considered true. How type conversion affects the evaluation must be carefully considered to avoid pitfalls. For example, when defining default values ​​for optional parameters, the truth of known data must be ensured to prevent failure. Although using typeof
    JS Tutorial 408 2025-02-24 08:30:11
  • Using Jade and Grunt to Speed Up HTML Production
    Using Jade and Grunt to Speed Up HTML Production
    Key Takeaways Utilize Jade, a Node.js templating language, to create dynamic and reusable HTML documents efficiently, adhering to the DRY (Don’t Repeat Yourself) principle. Implement Grunt, a task runner, to automate repetitive tasks such as com
    CSS Tutorial 316 2025-02-24 08:24:19
  • Building a Style Switcher with Pure CSS Using :checked
    Building a Style Switcher with Pure CSS Using :checked
    A few years ago, web developers were unable to implement and build so many things using CSS only and without relying on JavaScript. But today CSS is mature enough that it is capable of doing powerful things without writing a single line of JavaScript
    CSS Tutorial 207 2025-02-24 08:23:10
  • Easy jQuery AJAX PHP Captcha - 2 minute setup
    Easy jQuery AJAX PHP Captcha - 2 minute setup
    This tutorial shows how to quickly implement a basic AJAX CAPTCHA using PHP, jQuery, and Bootstrap. While not highly secure, it offers a simple, customizable solution for preventing automated form submissions. It's ideal for situations where a quic
    JS Tutorial 706 2025-02-23 11:41:09
  • Intuitive Scrolling Interfaces with CSS Scroll Snap Points
    Intuitive Scrolling Interfaces with CSS Scroll Snap Points
    CSS Scroll Snap Points: A Native CSS Technique for Smooth Scrolling Create effortlessly smooth scrolling and panning layouts using CSS Scroll Snap Points – a native CSS-only solution. This powerful technique offers precise control over scrolling beha
    CSS Tutorial 646 2025-02-23 11:39:11
  • FREE 100 jQuery Mobile ICON PACK!
    FREE 100 jQuery Mobile ICON PACK!
    Get 100 jQuery Mobile icon packs for free, specially provided for jQuery 4u blog readers! This icon pack contains 100 vector icons in the formats of Photoshop PSD, Illustrator AI/EPS and SVG. Download Icon Pack About the Author Freepik.com Freepik.com helps you find free photos, illustrations, PSDs and vectors that can be used in websites, banners, presentations, magazines and ads. There are currently 1,430,425 free vectors, photos and PSDs available for download! :) jQuery Mobile Icon Pack FAQ What is jQuery Mobile Icon
    JS Tutorial 633 2025-02-23 11:38:10
  • jQuery Ajax Error Handling Function
    jQuery Ajax Error Handling Function
    jQuery AJAX error handling function detailed explanation and FAQ This article will explore jQuery AJAX error handling functions in depth and answer common questions. Core code example: Use the .ajaxError() method to handle AJAX error globally: $(document).ajaxError(function(event, request, settings) { $("#msg").append("Request page " settings.url " An error occurred"); })
    JS Tutorial 561 2025-02-23 11:37:39
  • Free website creator by Imcreator
    Free website creator by Imcreator
    This sponsored review, courtesy of jQuery4u.com, explores Imcreator.com, a free online website builder. As a developer accustomed to frameworks like Bootstrap and Gumby, and CMS platforms such as WordPress and Joomla, I tested Imcreator's ease of us
    JS Tutorial 706 2025-02-23 11:34:15
  • Web App Image Preloading Setup in 2mins
    Web App Image Preloading Setup in 2mins
    A resource preloading method to speed up web applications. Trust me, this method works and it can be achieved in just 2 minutes. Modern browsers cache the plugin after it loads the resource, so it is actually only used when it is initially loaded (see screenshot below). There will be no longer any problem with slow image loading in web applications! The plugin can also be used to preload other content such as scripts, audio, video, etc... You can also set callback functions for a single project. This will be the content of another article, so stay tuned! Setup steps Includes preload.js plugin Create your image loading list (Optional): Show loading progress bar (Optional): Perform certain operations in the load completion callback Example code containing progress bars man
    JS Tutorial 507 2025-02-23 11:31:09
  • HTML5, Older Browsers and the Shiv
    HTML5, Older Browsers and the Shiv
    Key Takeaways HTML5 introduced new semantic elements that are not supported in older browsers, especially Internet Explorer versions 8 and under. To ensure compatibility, a CSS rule can be added to a website to make these elements behave like bloc
    JS Tutorial 736 2025-02-23 11:29:14
  • Debugging Mobile with jsconsole
    Debugging Mobile with jsconsole
    Mobile web development faces significant challenges due to the wide variety of screen resolutions, browsers, and operating systems across different devices. Debugging this complexity is difficult due to limited available tools and the small screen s
    JS Tutorial 311 2025-02-23 11:26:09
  • Use Google Chrome in Kiosk Mode
    Use Google Chrome in Kiosk Mode
    Use Google Chrome in Kiosk Mode. I just did some research and found something awesome. Chrome can start in Kiosk mode out of the box. Great for locking down and displaying any kind of web appication! This is what you do: Create a new chrome.exe s
    JS Tutorial 826 2025-02-23 11:25:11
  • Three.js and Babylon.js: a Comparison of WebGL Frameworks
    Three.js and Babylon.js: a Comparison of WebGL Frameworks
    Core points Three.js and Babylon.js are both powerful WebGL frameworks that provide web developers with an abstract foundation for creating feature-rich WebGL works such as animated logos and fully interactive 3D games. Three.js (started in 2009) aims to create GPU-enhanced 3D graphics and animations with web-based renderers, making it an ideal tool for universal web animation. Babylon.js (launched by Microsoft in 2013) takes a more targeted approach, focusing on web-based game development, and features such as collision detection and anti-aliasing. Both frameworks follow scene, renderer, camera, object animation models and can be used to create
    JS Tutorial 286 2025-02-23 11:24:13

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