current location:Home > Technical Articles

  • 10 jQuery HTML5 Audio Players
    10 jQuery HTML5 Audio Players
    This article explores ten HTML5 audio players, both open-source and commercial, suitable for website integration. It highlights the increasing popularity of audio streaming, noting a significant rise in audio streams alongside a decline in music sal
    JS Tutorial 594 2025-02-16 11:08:10
  • A Practical Guide to Planning a MEAN Stack Application
    A Practical Guide to Planning a MEAN Stack Application
    This article is excerpted from Manning Press's "Mastering MEAN: Using Mongo, Express, Angular and Node, Second Edition". The second edition has been fully revised and updated to cover Angular 2, Node 6 and the latest mainstream JavaScript version ES2015 (ES6). This edition will walk you through learning how to develop web applications using the updated MEAN stack. Key Points When planning a MEAN stack application, you first need to conceive the screen you want without having to dig deep into what is on each page. Sketches at this stage help visualize the entire application and organize the screen into collections and processes. Will
    JS Tutorial 666 2025-02-16 11:07:09
  • 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 849 2025-02-16 11:06:11
  • CSS Architecture and the Three Pillars of Maintainable CSS
    CSS Architecture and the Three Pillars of Maintainable CSS
    Key Points A maintainable CSS architecture is essential to avoid difficult-to-maintain stylesheets, as difficult-to-maintain stylesheets can have unexpected side effects and require a thorough rewrite of the application's CSS. Three basic concepts or pillars form the cornerstone of CSS architecture design: building blocks (such as Sass, efficient CSS selectors, BEM syntax, etc.), orchestrating these building blocks into reliable and maintainable hierarchical CSS, and software engineering principles Application. Software engineering principles such as separation of concerns and SOLID principles can be applied to CSS to ensure that code models reality in a maintainable way. This includes applying principles such as DRY (don't repeat yourself) and WET (we like to type) to improve the maintainability of the code
    CSS Tutorial 212 2025-02-16 11:05:10
  • Easily Migrate Your Existing Users to Auth0
    Easily Migrate Your Existing Users to Auth0
    This article details a smooth user migration from Stormpath to Auth0, a process often dreaded by developers but made simpler with Auth0's custom database connection feature. This method avoids user password changes, ensuring a seamless transition.
    JS Tutorial 277 2025-02-16 11:04:11
  • Unit Test Your JavaScript Using Mocha and Chai
    Unit Test Your JavaScript Using Mocha and Chai
    This article was peer reviewed by Panayiotis «pvgr» Velisarakos, Mark Brown and Tom Greco. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! Have you ever made some changes to your code, and later found it
    JS Tutorial 878 2025-02-16 11:03:10
  • Easy AngularJS Authentication with Auth0
    Easy AngularJS Authentication with Auth0
    This article has been updated (11.05.2017) to reflect changes to Auth0's API. Securing single-page applications (SPAs) can be challenging. SPAs often consist of a separate front-end (e.g., AngularJS) and a back-end data API. Traditional session-base
    JS Tutorial 795 2025-02-16 11:02:09
  • JavaScript Design Patterns: The Observer Pattern
    JavaScript Design Patterns: The Observer Pattern
    Key points of JavaScript Observer Pattern Observer pattern in JavaScript allows one-to-many data binding between elements, which is especially useful for keeping multiple elements synchronized with the same data. Observer pattern contains three main methods: subscribe (add new observable events), unsubscribe (remove observable events), and broadcast (use bound data to execute all events). Using ES6 features such as classes, arrow functions, and constants can effectively implement observer patterns, making the code more concise and easier to reuse. Observer pattern can be used to solve practical problems in JavaScript, such as updating words in blog posts every time you click
    JS Tutorial 923 2025-02-16 11:00:15
  • Why I'm Switching from React to Cycle.js
    Why I'm Switching from React to Cycle.js
    Many developers today rely on frameworks to streamline application development. Frameworks provide structure and efficiency, but choosing the right one is crucial. This article shares my experience transitioning from React to Cycle.js. React's popu
    JS Tutorial 285 2025-02-16 10:59:13
  • Alibaba Cloud, AWS & DigitalOcean: Cloud Services Compared
    Alibaba Cloud, AWS & DigitalOcean: Cloud Services Compared
    Key Points Alibaba Cloud, AWS and DigitalOcean provide similar cloud computing services, including virtual machines, load balancing, content distribution networks and firewall protection. However, their operating systems, storage solutions and database products differ. AWS is a market leader with data centers on all continents, while Alibaba Cloud focuses on the Asian market, DigitalOcean is mainly aimed at Western countries. The pricing models of the three are different: AWS provides on-demand pricing, DigitalOcean adopts a monthly subscription model, and Alibaba Cloud provides both on-demand and package plans. Currently, Alibaba Cloud's fast setting monthly fee is the lowest, at US$4.5. All three services provide support for work order systems and a large number of online support
    It Industry 665 2025-02-16 10:58:09
  • Create Your Own Yeoman-Style Scaffolding Tool with Caporal.js
    Create Your Own Yeoman-Style Scaffolding Tool with Caporal.js
    This tutorial shows how to create a Node.js command-line interface (CLI) tool using Caporal.js to automate the creation of new JavaScript projects. Tired of repetitive project setup? This solution lets you build a customizable scaffolding tool to st
    JS Tutorial 882 2025-02-16 10:57:14
  • Advanced Timing & Easing for Web Animations with Tumult Hype
    Advanced Timing & Easing for Web Animations with Tumult Hype
    Key Takeaways Tumult Hype is a modern web animation tool that allows animators to create keyframes (start and stop points) and the computer dynamically fills in all the in-between frames. The way the computer generates these frames can impact a vi
    It Industry 373 2025-02-16 10:55:11
  • Filling out PDF Forms with PDFtk and PHP
    Filling out PDF Forms with PDFtk and PHP
    This article explains how to use PHP and PDFtk Server (referred to as PDFtk) to populate PDF forms. It's a common need when handling document workflows, especially for client documents needing processing by third parties or when submitting CVs. PDFs
    PHP Tutorial 789 2025-02-16 10:54:12
  • An In-depth Walkthrough of Supercharging Apps with Blackfire
    An In-depth Walkthrough of Supercharging Apps with Blackfire
    Blackfire.io: A Deep Dive into Performance Profiling for Faster PHP Applications No one enjoys slow, unwieldy applications, especially when dealing with rapidly expanding databases and millions of daily requests. Profiling offers a solution, providi
    PHP Tutorial 810 2025-02-16 10:53:09
  • Make Your Website Earn for You with Google AdSense
    Make Your Website Earn for You with Google AdSense
    This article is sponsored by Google. Thank you for supporting the partners who made SitePoint possible. Regardless of the size of your website, you may want to earn extra income from it. Google AdSense is an easy and free way for website publishers to make money by showing relevant and engaging ads next to their online content. AdWords allows you to take advantage of the world's largest network of online advertisers. They will bid for your ad spaces, helping you make the most of your ads while saving you time and allowing you to focus on other aspects of your business. Setting up is simple: - Select the type and format of ads you want to include on your website. - Copy and paste a piece of code on the page you want the ad to display. -
    It Industry 970 2025-02-16 10:52:11

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