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：
-
- Examples of compression using gulp
- 1. Download and install node Visit http://nodejs.org, then click the big green install button. After the download is complete, run the program directly and you will be ready. npm will be installed together with the installation package. 2. Open the line of code node -v //Check the node version. If the version number is displayed, the installation is successful. npm -v //Check the npm version. If the version number is displayed, the installation is successful. position
- H5 Tutorial 1444 2017-06-21 15:21:18
-
- Online demonstration of a full-screen switching effect example
- Online demo: DEMO The code in the DEMO and below does not have compatible code. Please use an advanced browser to open it. The IE version is not very friendly to CSS3 support. There is no scrolling effect when opening it in IE11. Compatible code prefixes: -webkit- -moz- -o- -ms- Go directly to the code: <!DOCTYPE html> <html lang="en"> <head> <
- H5 Tutorial 1856 2017-06-21 14:57:30
-
- How to make dynamic visual difference background (h5)
- When making a website, visual difference effects may be used As shown in the picture Visual aberration has a very cool effect when making web pages. Today I want to talk about how to present dynamic visual aberration. The effect is as shown in the figure: The production method first requires a visual difference plug-in The plug-in I use is a more popular visual difference plug-in <link rel="stylesheet" type="text/css" href="css/reset.css?1.1.10" /> &l
- H5 Tutorial 5149 2017-06-21 14:34:40
-
- How can I implement a circular clickable area on the page?
- 1. map+area DW software implementation method Video: http://www.chuanke.com/3885380-190205.html 2. border-radius（H5） <style> .circle{ /*Circle settings*/
- H5 Tutorial 2384 2017-06-21 14:33:57
-
- Introduction to WEB front-end standard naming
- Header ----------------used for header Main content main ------------ used for main content (middle part) Left main-left -------------Left layout Right main-right -----------Right layout Coat wrap ------------------used for the outermost layer Navigation bar nav ------------------Web menu navigation bar content conte
- H5 Tutorial 1786 2017-06-21 14:33:16
-
- How to use Less and Sass framework?
- 1. Less syntax 1. Variable declaration: @Variable name: variable value; 1 @newHeight:20px; 2. Call variables: 1 .box { 2 width: @newHeight; 3 height: @newHeight; 4} 3. Multiple inheritance (Mixins): Call existing classes as their own members 1 .box1 { 2.box; 3}
- H5 Tutorial 2155 2017-06-21 14:28:56
-
- Detailed explanation of Html5 semantic tags and compatibility processing
- <header></header> Header Mainly used for information introduction at the head of the page, but can also be used for section headers <hgroup></hgroup> A title combination on the page, a title and a subtitle, or a combination of slogans <hgroup> <h1>Wonderful Classroom</h1> <h2>Take you into humane IT training</h2> </h
- H5 Tutorial 1393 2017-06-21 14:27:54
-
- 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 4442 2017-06-21 14:13:23
-
- 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 2201 2017-06-21 14:09:08
-
- 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 2073 2017-06-21 13:33:23
-
- 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 2223 2017-06-21 13:19:34
-
- 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 3747 2017-06-21 10:33:14
-
- 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 3938 2017-06-21 10:28:43
-
- 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 1741 2017-06-21 10:28:01
-
- 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 1379 2017-06-21 09:01:04
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
