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