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

  • Should Users be Permitted to Disable JavaScript?
    Should Users be Permitted to Disable JavaScript?
    This article explores the implications of disabling JavaScript in web browsers, offering a balanced perspective on its benefits and drawbacks. It emphasizes that while disabling JavaScript can lead to a cleaner browsing experience by removing ads an
    JS Tutorial . edge 229 2025-02-16 11:18:11
  • Which Browsers Should Your Website Support?
    Which Browsers Should Your Website Support?
    This article is part of a series of articles created in collaboration with SiteGround. Thank you for supporting the partners who made SitePoint possible. Which browsers should the website/app support? This is a question that customers and developers often ask. The simple answer is to list the top N mainstream applications. But has this strategy become irrelevant? Important points The question of which browsers the website should support is not easy, it depends on various factors such as the target audience, the type of website, and the available resources. Despite all kinds of browsers, they all have the same goal: rendering web pages. However, no two browsers are rendered in exactly the same way, which leads to subtle differences that are using cutting-edge techniques
    It Industry . edge 852 2025-02-16 11:06:11
  • A Guide to Testing React Components
    A Guide to Testing React Components
    Key Takeaways React components are inherently testable due to their object composition and relationships, and they don’t rely on inheritance to build reusable components, making testing easier. The Shallow Renderer utility in React allows for un
    JS Tutorial . edge 184 2025-02-16 10:13:09
  • Redux vs MobX: Which Is Best for Your Project?
    Redux vs MobX: Which Is Best for Your Project?
    Key Takeaways Both Redux and MobX are open-source libraries that provide client-side state management, support time-travel debugging, and have extensive support for React/React Native frameworks. However, they differ in their core philosophies and
    JS Tutorial . edge 806 2025-02-16 09:40:10
  • Building a WordPress Carousel Plugin: Part 2
    Building a WordPress Carousel Plugin: Part 2
    A carousel is not just a list of links, it exists to display the links as items in a way that makes them more attractive. In our previous article we saw how to create a carousel, and how to display the HTML elements we need. Now it’s time to build an
    WordPress . edge 764 2025-02-16 09:37:12
  • Using the RulerZ Rule Engine to Smarten up Playlist Building
    Using the RulerZ Rule Engine to Smarten up Playlist Building
    Rule engines are fascinating tools, often complex but designed to replace simpler conditional logic. Their true power lies in handling scale. In large applications, managing display logic or enabling functionality across vast codebases with simple c
    PHP Tutorial . edge 140 2025-02-16 09:27:10
  • Functional Programming, Distributed Databases, JSON-Patch...
    Functional Programming, Distributed Databases, JSON-Patch...
    WebCamp ZG 2025: A Deep Dive into Modern Web Development WebCamp ZG, Zagreb's premier international web development conference, delivered a comprehensive exploration of cutting-edge technologies and best practices. This year's event focused heavily
    PHP Tutorial . edge 695 2025-02-16 09:23:09
  • Upgrade Your Project with CSS Selector and Custom Attributes
    Upgrade Your Project with CSS Selector and Custom Attributes
    This article was originally published by TestProject. Thank you for supporting the partners who made SitePoint possible. The element selector of Selenium WebDriver is one of the core components of the automation framework and is key to interacting with any web application. In this review of automated element selectors, we will discuss various strategies, explore their capabilities, weigh their pros and cons, and ultimately recommend the best selector strategy—in combination with custom properties of the CSS selector. Key Points The element selector of Selenium WebDriver is essential for interacting with any web application. The best selector strategy is customization with CSS selectors
    CSS Tutorial . edge 862 2025-02-16 09:20:37
  • Progressive Web Apps: A Crash Course
    Progressive Web Apps: A Crash Course
    Progressive Web Apps (PWAs) try to overlap the worlds of the mobile web apps and native mobile apps by offering the best features of each to mobile users. They offer an app-like user experience (splash screens and home screen icons), they’re serv
    JS Tutorial . edge 717 2025-02-16 08:56:15
  • CSS font-display: The Future of Font Rendering on the Web
    CSS font-display: The Future of Font Rendering on the Web
    Key Takeaways The CSS font-display descriptor provides developers with more control over how fonts are displayed while loading, aiming to improve user experience and perceived performance. The descriptor works within the @font-face at-rule, and
    CSS Tutorial . edge 419 2025-02-16 08:49:17
  • How to Use Web Fonts in WordPress
    How to Use Web Fonts in WordPress
    Recently, everybody seems to be talking about Lobster. Not the crustaceans from the ocean, but the Web Font. For those who haven’t heard of it, Lobster is a good example of a popular Google Font that is embedded into web pages. Embedding fonts is no
    WordPress . edge 173 2025-02-16 08:47:09
  • 20 Tips for Optimizing CSS Performance
    20 Tips for Optimizing CSS Performance
    This article discusses 20 methods to optimize CSS, aiming to improve loading speed, simplify development and improve efficiency. According to the latest HTTP Archive report, there is a widespread problem of resource redundancy on websites, median websites require 1700KB of data, 80 HTTP requests, and it takes 17 seconds to fully load on mobile devices. A complete guide to reducing page weight provides a variety of suggestions, and this article will focus on CSS optimization. Although CSS is usually not the culprit of performance issues, a typical website uses only 40KB of CSS scattered in five style sheets, there is still room for optimization, and changing the way CSS is used can also improve website performance. Key Points Leverage browser tools and online analyzers: Use browser developer tools
    It Industry . edge 485 2025-02-16 08:42:09
  • League Of Legends: Wild Rift - Best Settings
    League Of Legends: Wild Rift - Best Settings
    This guide optimizes your League of Legends: Wild Rift settings for enhanced visuals and gameplay. The right FPS, controls, and UI significantly impact your performance. Let's fine-tune your Wild Rift experience! We'll cover graphics, controls, UI,
    Mobile Game Guide . edge 662 2025-02-15 17:00:17
  • How to fix WebView2 runtime error in Outlook?
    How to fix WebView2 runtime error in Outlook?
    When I try top open the new Outlook on Windows 11 I keep getting the following error: Installation failed. The Microsoft Edge WebView2 Runtime is already instal
    Troubleshooting . edge 523 2025-02-15 16:05:49
  • Setting up an ES6 Project Using Babel and webpack
    Setting up an ES6 Project Using Babel and webpack
    In this article, we’re going to look at creating a build setup for handling modern JavaScript (running in web browsers) using Babel and webpack. This is needed to ensure that our modern JavaScript code in particular is made compatible with a wider r
    JS Tutorial . edge 653 2025-02-15 13:13: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