Home>Web design tutorial> HTML tutorial
All Dreamweaver tutorial Javascript tutorial HTML tutorial CSS tutorial Experience and skills DHTML tutorial Web effects WEB standardization
HTML tutorial
  • Implementation of barrage component based on Canvas+Vue

    Implementation of barrage component based on Canvas+Vue

    Recently, because the project needed to customize a barrage function, I tried to use canvas to develop components. After testing, there is no obvious lag in the effect on some low-end machines. Let me share with you the introduction of the barrage effect
    2025-01-28
  • A brief discussion on WebWorkers in Html5 multi-thread development

    A brief discussion on WebWorkers in Html5 multi-thread development

    We all know that the browser executes js code in a single thread. When the page step is executed, the page cannot respond to anything else until the step ends. The WebWorkers introduced here can change everything. WebWorkers are js codes that run in the b
    2025-01-28
  • Introduction to HTML5 video playback plug-in video.js

    Introduction to HTML5 video playback plug-in video.js

    video.js is a very popular HTML5 video playback plug-in. It is very suitable for playing videos on mobile terminals (such as WeChat web pages). It has powerful functions, supports downgrading to flash, and is compatible with IE8. Official website: http://
    2025-01-28
  • RSS 2.0 Specification

    RSS 2.0 Specification

    What is RSS? RSS is a web content syndication format. Its name is the abbreviation of Really Simple Syndication. RSS is a type of XML. All RSS documents follow the XML 1.0 specification
    2025-01-28
  • Sample code for canvas imitation of Bezier curve

    Sample code for canvas imitation of Bezier curve

    The sky is waiting for misty rain, and I am waiting for you, la la la, welcome to follow my short book. What I am sharing today is the original method of imitating Bezier curves on canvas. The details are as follows: Rendering: html<canvas id=mycanvas wid
    2025-01-28
  • Example of making a modal box using HTML5 and CSS3

    Example of making a modal box using HTML5 and CSS3

    This article introduces an example of using HTML5 and CSS3 to create a modal box, and shares it with everyone. The details are as follows: Source code example. Maybe you don’t want to read a bunch of lengthy instructions below, and want to directly view t
    2025-01-28
  • HTML realizes double 11 grabbing (setting time to open the pages of the coupon grabbing)

    HTML realizes double 11 grabbing (setting time to open the pages of the coupon grabbing)

    I do n’t say much nonsense, I will post code directly. The specific code is shown below:<!DOCTYPE html><html lang=en xmlns=http://www.w3.org/1999/xhtml><head>
    2025-01-28
  • Set the center anchor point for Chinese text in mini program canvas

    Set the center anchor point for Chinese text in mini program canvas

    We often encounter the need to generate pictures in small programs. The pictures are usually added with the user's avatar and nickname. For the avatar, you only need to add the Tencent domain name to the request and download lists, and use wx.getImage
    2025-01-28
  • Canvas study notes: drawing simple paths

    Canvas study notes: drawing simple paths

    1 Line segment (straight line path) General steps for drawing a line segment: moveTo(x,y) Move the brush to the specified coordinate point (x,y) lineTo(x,y) Use a straight line to connect the current endpoint and the specified coordinate point (x,y) strok
    2025-01-28
  • Solution to cross-domain pollution of canvas caused by image resources not under the same domain name

    Solution to cross-domain pollution of canvas caused by image resources not under the same domain name

    We want to draw a picture, which includes a background image and a dynamically generated QR code. The premise is that the background image is a static resource of the project itself, and the QR code is dynamically generated by the server, and the two are
    2025-01-28
  • A brief discussion on some thoughts on the parabolic motion of images in HTML5

    A brief discussion on some thoughts on the parabolic motion of images in HTML5

    It is common for objects/pictures to move in a parabola or, more accurately, along a Bezier curve. This is a common requirement in H5 development. So how to quickly calculate the movement path based on the design draft is the first problem that developers
    2025-01-28
  • How to implement element picture mirror flip animation effect on canvas

    How to implement element picture mirror flip animation effect on canvas

    1. To preview the horizontal mirror flipping effect of Canvas pictures, you can click here: The horizontal mirror flipping animation of canvas pictures can be seen by clicking on the picture animation effect on the demomo page. 2. Implementation of image
    2025-01-28
  • html5 layered screen adaptation method

    html5 layered screen adaptation method

    The design is great, this time it is really based on the design draft, because now, any machine is a standard machine according to the design draft! Developer classmates, now you can just read the design draft annotations directly! Screen Adaptation Scree
    2025-01-28
  • Detailed explanation of the problem summary of h5 pages on different ios devices

    Detailed explanation of the problem summary of h5 pages on different ios devices

    Recently, I was writing an h5 page embedded in the mini program webview, which is a function of article comments. In the process, I encountered many compatibility issues, and the performance on different models was also very inconsistent, so I summarized
    2025-01-28
  • Example of html5 calling app sharing function (WebViewJavascriptBridge)

    Example of html5 calling app sharing function (WebViewJavascriptBridge)

    The editor received a leadership task to write an h5 mobile activity page, click on the page content to retrieve ios and Android and develop the sharing function (including WeChat, WeChat Moments, QQ, QQ Space, etc.) that the user has not logged in. You c
    2025-01-27
Prev 222324252627282930Next