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

  • HTML5 method to call Baidu Map API to obtain the current location and directly navigate to the destination
    HTML5 method to call Baidu Map API to obtain the current location and directly navigate to the destination
    This article mainly introduces to you the implementation code for HTML5 pages to directly call Baidu Map API to obtain the current location and direct navigation destination. Friends in need can refer to it. I hope it can help you.
    H5 Tutorial 12671 2018-03-03 09:32:32
  • HTML5 method to implement mobile page adaptation to mobile phone screen
    HTML5 method to implement mobile page adaptation to mobile phone screen
    H5 mobile page adaptation is a commonly used method. In theory, using this tag can adapt to all screen sizes. However, the different interpretation methods and support levels of this tag by each device make it incompatible with all browsers or systems.
    H5 Tutorial 2545 2018-03-02 11:00:15
  • Detailed explanation of using html5 dialog
    Detailed explanation of using html5 dialog
    Speaking of the dialog tag, many people may be unfamiliar with it. After all, this tag was only supported by the Chrome browser until the HTML5.2 standard was fixed. As for the use of this tag, it can be clearly understood based on the semantics. Session . What we may think of here is alert, confirm and other pop-up windows. Yes, they are of the same family, they are all pop-up boxes. Next, we will briefly take a look at some properties and usage scenarios of the dialog tag.
    H5 Tutorial 6316 2018-03-01 09:18:31
  • Problems and solutions encountered in H5 video development
    Problems and solutions encountered in H5 video development
    Recently, I have done some activities to embed videos and accumulated experience in dotting videos. I will record the pitfalls that others and I have encountered and the corresponding solutions below.
    H5 Tutorial 2566 2018-02-28 14:18:23
  • HTML5 audio and video issues and solutions
    HTML5 audio and video issues and solutions
    ​Recently, we are studying the use of video to replace animation, and the use of video to replace sprite animation. We call this kind of video interactive video. This article mainly introduces to you the relevant information about mobile HTML5 audio and video problems and solutions. The editor thinks it is quite good, so I will share it with you now and give it as a reference. Let’s follow the editor to take a look, I hope it can help everyone.
    H5 Tutorial 2228 2018-02-23 09:37:11
  • Try to call up the APP instance code in the H5 page
    Try to call up the APP instance code in the H5 page
    This article mainly shares with you the example code of trying to call up the APP in the H5 page. I hope it can help you.
    H5 Tutorial 2516 2018-02-11 11:18:04
  • Problems and solutions encountered with HTML5 audio and video on mobile terminals
    Problems and solutions encountered with HTML5 audio and video on mobile terminals
    Recently, we are studying the use of video to replace animation, and the use of video to replace sprite animation. We call this kind of video interactive video. This article mainly introduces relevant information to you about mobile HTML5 audio and video problems and solutions, as a reference for you, and I hope it can help you.
    H5 Tutorial 2063 2018-02-11 10:04:00
  • Share an HTML5Plus mobile application
    Share an HTML5Plus mobile application
    What is HTML5Plus mobile application HTML5 Plus mobile App, referred to as 5+App, is an App written based on HTML, JS, and CSS that runs on the mobile phone. This App can call the native capabilities of the mobile phone through the extended JS API to achieve Native App has the same powerful functions and performance.
    H5 Tutorial 3028 2018-02-10 14:18:00
  • Getting started with HTML5Plus mobile development
    Getting started with HTML5Plus mobile development
    ​HTML5Plus is HTML5+, the core of the core, a dependency on calling native capabilities. In the development of 5+App, based on the original web development, developers need to focus on mastering this API specification.
    H5 Tutorial 4682 2018-02-10 14:02:28
  • H5 same layer video player access example sharing
    H5 same layer video player access example sharing
    This article mainly shares with you the H5 same-layer Video player access tutorial x5-video-player-type in WeChat. To enable the H5 same-layer player, enable the same-layer H5 player through the video attribute "x5-video-player-type" declaration. Value types supported by x5-video-player-type: h5
    H5 Tutorial 3983 2018-02-09 16:01:13
  • HTML5plus mobile application development examples sharing
    HTML5plus mobile application development examples sharing
    What is HTML5plusDCloud company offers solutions for developing mobile applications using traditional web technologies. This article mainly shares with you the development examples of HTML5plus mobile applications, hoping to help everyone.
    H5 Tutorial 3114 2018-02-08 15:23:13
  • JS code to implement waterfall flow plug-in
    JS code to implement waterfall flow plug-in
    The pictures in the waterfall flow layout have a core feature—equal width and variable height. The waterfall flow layout is used to a certain extent on domestic websites, such as Pinterest, Huaban.com, etc. This article mainly analyzes in detail a native JS waterfall flow plug-in and code-related explanations. Readers who are interested in this can refer to it and study it. I hope it can help everyone.
    H5 Tutorial 2501 2018-02-07 09:25:04
  • How to solve HTML5 Canvas image blur
    How to solve HTML5 Canvas image blur
    This article mainly introduces to you the perfect solution to HTML5 Canvas image blur. Friends who need it can refer to it. I hope it can help everyone.
    H5 Tutorial 3374 2018-02-07 09:19:20
  • HTML5 type=file file upload function
    HTML5 type=file file upload function
    This article mainly introduces the new feature of HTML5, the type=file file upload function. Friends who need it can refer to it. I hope it can help everyone.
    H5 Tutorial 3434 2018-02-05 10:19:10
  • Implementation method of repeatedly popping up the keyboard after clicking input on the H5 mobile page
    Implementation method of repeatedly popping up the keyboard after clicking input on the H5 mobile page
    This article mainly shares with you how to add canvas slideable code to the H5 mobile page. When the android phone clicks input to repeatedly pop up the keyboard, the canvas animation is used on the mobile page. In order to realize the touch sliding of the animation, createjs.Touch.enable(stage, true, false), but after adding this statement, clickable events such as input and click on the page will become invalid, so touch events will be used to implement related functions.
    H5 Tutorial 2818 2018-02-02 13:48:58

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