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

  • Summary of usage examples of various image styles implemented in html5
    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 4752 2017-06-12 11:04:44
  • Recommended 5 articles about design reference
    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 1848 2017-06-12 10:50:27
  • What is standard mode? Summarize the example usage of standard mode
    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 4866 2017-06-12 10:28:55
  • Summary of usage examples of html5 canvas drawing
    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 2757 2017-06-12 09:55:29
  • How to use drawing tools? Summary of usage examples of drawing tools
    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 3289 2017-06-12 09:35:18
  • Recommended articles about localStorage and sessionStorage
    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 1970 2017-06-12 09:17:07
  • Course recommendations on basic templates
    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 --&gt
    H5 Tutorial 1669 2017-06-12 09:15:50
  • Detailed introduction to FileAPI
    Detailed introduction to FileAPI
    In HTML5, an API for file operations is provided. Through this API, the related processing of accessing the local file system from the web page becomes very simple. So far only some browsers support it. 1. FileList object and File object The FileList object represents a list of files selected by the user. In HTML4, only one file is allowed to be placed in the file control, but in HTML5, multiple files are allowed to be placed in the file control by adding the multiple attribute. Each user-selected file within the control...
    H5 Tutorial 1900 2017-06-11 16:32:54
  • Detailed introduction to animation forms
    Detailed introduction to animation forms
    The main knowledge used in this article: This article mainly uses the drawImage method in the Canvas API. This method is briefly introduced below. To draw an image in the Canvas API, use the drawImage method, which is an overloaded method defined as follows: context.drawImage(image,x,y);context.drawImage(image,x,y,w,h);context.drawImage( image,sx,sy,sw,sh,...
    H5 Tutorial 1778 2017-06-11 15:03:50
  • How to use mobile station? Summarize the usage of mobile station examples
    How to use mobile station? Summarize the usage of mobile station examples
    At present, more and more people are using mobile phones to shop, and the traffic on mobile terminals has exceeded that on PCs. Many merchants have directly launched their own mobile sites, and some even only build mobile sites, abandoning traditional PC sites. Since mobile sites are so popular , PHP Chinese website also recommends 5 stylish mobile mall front-end templates for everyone, welcome to download! 1. Full download demonstration and download address of the mobile WAP version of the Fruit Mall website template: http://www.php.cn/xiazai/code/184 Full set of download of the mobile WAP version of the Fruit Mall website template. It is very beautiful. Welcome to download! ...
    H5 Tutorial 1626 2017-06-11 13:56:48
  • Detailed introduction to browser history
    Detailed introduction to browser history
    The window object in the DOM provides access to browser history through the window.history method, allowing you to move forward and backward in the user's access record. Starting with HTML5, we can start manipulating this history stack. 1. History uses the back(), forward(), and go() methods to move forward and backward in the user's history. Forward and backward: window.history.back(); This method will appear as if the user clicked on the browser tool. Same as the return key on the bar. same...
    H5 Tutorial 1980 2017-06-11 13:29:14
  • Detailed introduction to mobile pages
    Detailed introduction to mobile pages
    When dealing with mobile pages, we sometimes need to make the banner image into a square with the same width as the screen to obtain the best experience, such as Flipbord's mobile page: So how to use pure CSS to make a square that can adapt to the size? Woolen cloth? Solution 1: CSS3 vw unit CSS3 adds a new set of length units vw, vh, vmin, vmax relative to the percentage of the visible area. where vw is the unit relative to the percentage of the viewport width, 1vw = 1% viewport width...
    H5 Tutorial 1951 2017-06-11 13:25:32
  • Summary of example usage of %r and %s
    Summary of example usage of %r and %s
    HTML5 supports cross-document messaging (Cross-Document Messaging). Since message communication is used, events must occur. According to the generation and consumption of events, we can find the sender and receiver, that is, Sender and Listener. Litener needs to do the following work: write a message processing function; register the message processing function: addEventListener('message', function, fal...
    H5 Tutorial 2072 2017-06-11 13:16:00
  • How to use responsive web pages? Summarize the usage of responsive web pages
    How to use responsive web pages? Summarize the usage of responsive web pages
    Responsive web design is a great solution to the multi-screen problem, but is a bit difficult from a print perspective. There are no fixed page sizes, no millimeters or inches, no physical limitations, no way to start. The exclusive use of pixel design methods for desktop and mobile is also a thing of the past, as more and more devices can open websites. Therefore, we need to clarify some basic principles of responsive web design and embrace fluid web pages instead of fighting against them. 1. Responsive vs Adaptive Web Design They may seem to be the same, but they are not. ...
    H5 Tutorial 1944 2017-06-11 10:52:01
  • 10 recommended articles about somatosensory
    10 recommended articles about somatosensory
    1. Introduction What kind of game are we going to make? At the Chengdu TGC2016 exhibition not long ago, we developed a somatosensory game for "Naruto Mobile", which mainly simulates the mobile game chapter "Nine-Tails Attack". The user becomes the fourth generation and competes with the Nine-Tails, attracting a large number of players. participate. On the surface, this game is no different from other somatosensory experiences. In fact, it has been running under the browser Chrome. In other words, we only need to master the corresponding front-end technology to develop a web based somatosensory game based on Kinect. 2. What is the implementation principle and idea? Use H5...
    H5 Tutorial 2027 2017-06-11 10:36:45

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
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!