current location：Home > Technical Articles > Web Front-end > H5 Tutorial
- Direction：
- All web3.0 Backend Development Web Front-end Database Operation and Maintenance Development Tools PHP Framework Daily Programming WeChat Applet Common Problem Other Tech CMS Tutorial Java System Tutorial Computer Tutorials Hardware Tutorial Mobile Tutorial Software Tutorial Mobile Game Tutorial
- Classify：
-
- How to use popstate? Summary of popstate instance usage
- This article mainly introduces the history of pushstate and popstate operations in HTML5, and the relevant information about changing the current URL without refreshing. Friends in need can refer to the next article. Understanding window.history. Window.history represents the history of the window object, which is actively generated by the user. And accept global objects controlled by javascript scripts. The window object provides access to the browser history through the history object. It exposes some very useful methods and properties...
- H5 Tutorial 5876 2017-06-12 13:43:21
-
- 10 recommended articles about mobile pages
- This article mainly introduces the relevant information on the solution to the problem of disabling paste and copy when long pressing the mobile page in HTML5. It is very good and has reference value. Friends in need can refer to the solution as follows: Directly add the following to the CSS file code, you can realize the function of prohibiting pasting and copying on the mobile phone: XML/HTML Code copy content to the clipboard*{ —-webkit-tou...
- H5 Tutorial 2268 2017-06-12 13:33:14
-
- Recommended 8 html5+JavaScript example tutorials
- <!doctype html><html><head><meta charset=utf-8 /><title>html5 Web page effects Email address verification</title><style>body, inpu
- H5 Tutorial 3466 2017-06-12 13:25:41
-
- Summary of 10 basic drawing usage example tutorials
- Pseudo-classes and pseudo-elements are independent of the document structure. The way they obtain elements is not based on basic element characteristics such as id, class, and attributes, but on elements in a special state (pseudo-classes), or on special content in the elements (pseudo-elements). The differences are summarized as follows: CSS pseudo-classes (Pseudo-classes): used to add special effects to certain selectors, that is, add special effects (usually dynamic effects) based on the current static style of the element, so an element achieves a When in a specific state, it may get a pseudo-class style; when the state changes...
- H5 Tutorial 1686 2017-06-12 13:16:59
-
- Summary of articles about the design of button backgrounds
- xml template, custom button background<?xml version="1.0" encoding="utf-8"?><corners android:bottomleftradius="4dp" android:bottomRightRadius="4dp"
- H5 Tutorial 1786 2017-06-12 12:00:27
-
- Summary of the detailed introduction to CreateJS
- The CreateJS library is an engine for HTML5 game development. It is an open source toolkit that can build HTML5 games with rich interactive experiences. It aims to reduce the difficulty and cost of developing HTML5 projects and allow developers to create more modern games in a familiar way. network interaction experience. Mastering CreateJS can more easily complete HTML5 game development. CreateJS provides four tools: EaselJS, TweenJS, SoundJS and PreLoadJS: EaselJS: Simplify processing of HTML5 canvas Tw...
- H5 Tutorial 5013 2017-06-12 11:49:36
-
- Share 10 articles related to fire effects
- Canvas is a very important and useful thing in HTML5. We can draw any element on Canvas, just like you make Flash. Today we will create a flame emission effect on Canvas. It's like an ancient fireball cannon, and it can bounce off the edge of the browser, which feels pretty cool. Let’s take a look at the renderings: We can view the DEMO demonstration of the flame ball here. Of course, we have to analyze the source code, mainly some JS code. First, simply put a canvas tag on the page and give it a simple style: &...
- H5 Tutorial 2342 2017-06-12 11:45:30
-
- Detailed introduction to HTML5 audio and video
- 1. What is Pyglet: Pyglet is a cross-platform framework written in pure Python language for developing multimedia and window special effects applications. Why you need it: Developing the functional modules required for graphical interface applications from scratch is very cumbersome. Pyglet provides a large number of ready-made modules, which saves a lot of time: window functions, OpenGL special effects, audio and video playback, keyboard and mouse processing, and pictures. deal with. (However, Pyglet does not provide UI components such as buttons, toolbars, or menus.) All the above modules are in W...
- H5 Tutorial 2164 2017-06-12 11:16:47
-
- Summary of usage examples of various image styles implemented in html5
- In our daily web page layout, we often encounter the control of the mouse pointer within an object, such as the mouse passing through the pointer and changing into a finger shape. It is common for some websites to have various small picture styles for the mouse pointer. So how to implement this What about mouse style? Below we will give you a summary of how to implement mouse styles! Implementing mouse styles in CSS: 1. Details of mouse styles in CSS This article details some common parameters for implementing mouse styles in CSS, which is very helpful for implementing mouse styles in CSS! 2. Customize mouse style in web...
- H5 Tutorial 4885 2017-06-12 11:04:44
-
- Recommended 5 articles about design reference
- Today's Web pages are becoming more and more high-end and easy to operate. The extensive application of jQuery makes it easier for Web developers to control front-end pages. The introduction of HTML5 also makes the elements of website pages more vivid and dynamic. This article mainly shares with you some HTML5/jQuery animation plug-ins that can make the page more eye-catching, as a design reference. 1. HTML5 Canvas implements dancing time animation. This HTML5 animation is very interesting. First of all, its prototype is a clock, but the use of canvas technology keeps the clock from running...
- H5 Tutorial 1988 2017-06-12 10:50:27
-
- What is standard mode? Summarize the example usage of standard mode
- 1. New Doctype Although using <!DOCTYPE html>, even if the browser does not understand this sentence, it will render according to the standard mode. You can also consider using the weird box mode. 2. Figure elements use <figure> and <figcaption> To semantically represent pictures with captions <figure> <img src=”path/to/i
- H5 Tutorial 4994 2017-06-12 10:28:55
-
- Summary of usage examples of html5 canvas drawing
- HTML5 canvas DrawingThe HTML5 <canvas> tag is used to draw images (via script, usually JavaScript). However, the <canvas> element itself has no drawing capabilities (it's just a container for graphics) - you have to use a script to do the actual drawing. The getContext() method returns an object that provides methods and properties for drawing on the canvas. This manual provides the complete getContext("2d&q...
- H5 Tutorial 2923 2017-06-12 09:55:29
-
- How to use drawing tools? Summary of usage examples of drawing tools
- Following the last time I learned the HTML5 path and circle drawing to make a dynamic clock, and the inversion of different-dimensional space to make a moving solar system, in the past two days I have combined knowledge points such as line drawing, circle drawing, and filling to make a simple online drawing. Tools: View DEMO: HTML5 simple online drawing tool functions include free brushes, erasers, text filling, drawing triangles, drawing circles, etc. It is quite difficult for a novice like me, but I still refer to the information and slowly "work it out" Out. The idea of Free Brush: /******* Free Brush *******/fun...
- H5 Tutorial 3467 2017-06-12 09:35:18
-
- Recommended articles about localStorage and sessionStorage
- 1. Overview LocalStorage and sessionStorage are collectively called Web Storage, which allows web pages to store data on the browser side. The data saved by sessionStorage is used for a browser session. When the session ends (usually the window is closed), the data is cleared; the data saved by localStorage exists for a long time. The next time you visit the website, the web page can directly read the previously saved data. data. Except for the different storage periods, the properties and methods of the two objects are exactly the same. They look a lot like coo...
- H5 Tutorial 2119 2017-06-12 09:17:07
-
- Course recommendations on basic templates
- Example code sharing of HTML5 basic template<!doctype html><!-- simplified doctype works for all previous versions of HTML as well -->
- H5 Tutorial 1790 2017-06-12 09:15:50
Recommended Articles
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.
Player special effects
2024-02-29
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
