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

  • How to download Sina Weibo videos and Miaopai videos
    How to download Sina Weibo videos and Miaopai videos
    Although the Sina Weibo APP itself does not provide the function of downloading Weibo videos, we can use third-party tools to download Weibo videos. Many software on the Internet must be installed on a computer to use it, but if we want to use it on a mobile phone, we cannot use it. So today I will share a method to download Weibo and Miaopai videos on your mobile phone. How to download Sina Weibo videos and Miaopai videos: 1. Open the Sina Weibo APP, find the video you want to download, on the Weibo page containing the video, click the three dots (...) in the upper right corner, and then a sharing pop-up window will appear. Click to copy the link or pass point
    H5 Tutorial 4807 2017-06-21 14:13:23
  • How to use CSS3 Flexbox?
    How to use CSS3 Flexbox?
    Article source: http://www.zhufengpeixun.cn/article/173 I. Introduction Flexbox is a CSS3 box model. As the name suggests, it is a flexible box. Why has this attribute become popular recently? The main reason is that the CSS3 specification has finally become popular (or IE has finally failed), and the development of mobile devices has promoted the rise of responsive layout, and the adaptive length and width are quite flexible.
    H5 Tutorial 2369 2017-06-21 14:09:08
  • Detailed explanation of the use of jQuery Validation
    Detailed explanation of the use of jQuery Validation
    jQuery validation framework: basic html code: 1 <script src="js/jquery-1.9.1.js?1.1.10"></script> 2 <script src="js/jquery.validate.min.js?1.1 .10"></script> 3 <script> 4 $(functio
    H5 Tutorial 2197 2017-06-21 13:33:23
  • Web SQL database usage tutorial
    Web SQL database usage tutorial
    The Web SQL Database API is not part of the HTML5 specification, but it is an independent specification that introduces a set of APIs for operating client databases using SQL. Core method: openDatabase - creates a database object using an existing database or a new database; transaction - can control a thing, and perform commit or rollback based on this situation; executeSql - execute the actual SQL statement to open the database // use the openDatabase() method
    H5 Tutorial 2359 2017-06-21 13:19:34
  • Quick start createjs example tutorial
    Quick start createjs example tutorial
    When I started using the createjs framework, I found that there were still very few related tutorials on the Internet, so I wrote an article for easy reference in the future. The official website of createjs introduction: http://www.createjs.cc/createjs contains the following four parts: EaselJS: used for drawing Sprites, animations, vectors and bitmaps, and creating interactive experiences on HTML5 Canvas (including multi-touch ) TweenJS: used for animation effects SoundJS:
    H5 Tutorial 4162 2017-06-21 10:33:14
  • Learn HTML5 from scratch
    Learn HTML5 from scratch
    1 basic HTML5 introductory tutorial and 4 HTML5 small project tutorials to help you learn HTML5 from scratch. [HTML5 Basics Introduction] The tutorial will introduce the new features in HTML5, including structure tags, new form tags, file operations, Canvas, local storage, etc. It is suitable for people who are interested in front-end programming and have already learned HTML. Experiment list: [Local image cropping based on HTML5] This project implements the use of HTML5 canvas technology and combines HTML5 File AP
    H5 Tutorial 4062 2017-06-21 10:28:43
  • How to write arc and sector loading animation?
    How to write arc and sector loading animation?
    0. Static rendering 1. Code for drawing arc width: 3em; height: 3em; border: 7px transparent solid; border-left: 7px #4DB6AC solid; border-radius: 50%; * Here is another way border- left:7px #4DB6AC solid; border-radius: 50%;bor
    H5 Tutorial 1868 2017-06-21 10:28:01
  • A small JS slideshow every day. Main knowledge points: event
    A small JS slideshow every day. Main knowledge points: event
    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">body { margin: 0;} #wrap { margin: 100px auto; positi
    H5 Tutorial 1483 2017-06-21 09:01:04
  • How to use header tags on mobile
    How to use header tags on mobile
    1.meta tag http-equiv attribute syntax format: ​ <meta http-equiv="expires" content="wed,20 Jun 2007 22:33:00 GMT"/> <!--expires period, which can be used for the expiration time of web pages. Once the web page expires, it must be retransmitted to the server--> 2.content-type (display character set settings) settings page
    H5 Tutorial 2247 2017-06-20 14:02:06
  • How to draw a path - line segments
    How to draw a path - line segments
    Some drawing methods in the Canvas drawing environment are immediate drawing methods, and some drawing methods are path-based. There are only two methods for drawing graphics immediately: strokeRect() and fillRect(). Although the strokezText() and fillText() methods are also drawn immediately, text is not considered a graphic. Path-based drawing system Most drawing systems, such as: SVG (Scalable Verctor Graphics, scalable vector graphics), Adobe Illustrator, etc.
    H5 Tutorial 2916 2017-06-20 14:00:45
  • Music player production example (html5)
    Music player production example (html5)
    related skill HTML5+CSS3 (to achieve page layout and dynamic effects) Iconfont (use vector icon library to add player related icons) LESS (dynamic CSS writing) jQuery (quickly write js scripts) gulp+webpack (automated build tool to compile and compress LESS, CSS, JS, etc. code) Implemented functions Playback is paused (click to switch playback status) Next song (switch to next song) Random play (automatically play the next song after the current song is played) Single loop (click
    H5 Tutorial 3868 2017-06-20 14:00:00
  • Some interesting new features in HTML5
    Some interesting new features in HTML5
    HTML5 is the biggest leap forward in web development standards in the past decade. HTML5 is not just used to represent Web content. It brings the Web into a mature application platform. On the HTML5 platform, video, audio, images, animations, and interactions with computers are standardized. This tutorial will teach you the new features in HTML5 and the use of each tag Some interesting new features in HTML5: canvas element for painting video and audio elements for media playback away from local
    H5 Tutorial 2241 2017-06-20 13:58:16
  • WeChat development practical sharing function
    WeChat development practical sharing function
    By understanding the requirements, it can be broken down into: (1) WeChat mobile phone users can use WeChat’s JSSDK. (2) Select the image and use "chooseImage" of JSSDK. Since the local address cannot be shared when sharing the image, "uploadImage" of JSSDK is also required. (3) Sharing to Moments requires "onMenuShareTimeline" of JSSDK. Taken together, business logic
    H5 Tutorial 3117 2017-06-20 13:57:28
  • Web storage--detailed introduction to webstorage
    Web storage--detailed introduction to webstorage
    web storage classification Client and server Understanding web storage With the development of web applications, client-side storage has more and more uses, but the ways to implement client-side storage are also becoming more and more diverse. The simplest and most compatible way is cookies, but there are still many disadvantages to storing cookies as a real client. At the same time, various browsers also have their own storage methods. For example, userData Behavior can be used in IE6 and above. In F
    H5 Tutorial 2280 2017-06-20 13:55:49
  • How to operate mobile page layout
    How to operate mobile page layout
    Things about mobile page layout http://www.xiaoxiangzi.com/Programme/CSS/4298.html 1. viewport what is viewport To put it simply, the viewport is the part of the browser that is used to display the web page. In other words, the actual width of the browser is different from the width of our mobile phone, whether the width of your mobile phone is 320px or 640px , the width inside the mobile browser will always be the vi of the browser itself
    H5 Tutorial 3243 2017-06-20 13:50:26

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