Html Tutorials

Recently, a website that is similar to a web version has a new requirement. It needs to implement desktop notification when new messages are connected, so I will take a look at the new html5 attribute recently. There is a good demo here: html5 web

Canvas application example-Mind MapAs follows:Function Description: // Obtain the coordinates of a point on the circle and return the coordinate point function circlePoint (x, y, r, a) {var tmpx = x + r * Math. cos (a * Math. (PI/180); var tmpy = y +

  Programmers can drag and drop a 3D Album Made with HTML5 to show the 3D Rotation effect, click a photo, and zoom in and move closer to the photo. Programmers give full play to their expertise, which is beyond the reach of those who do not

I didn't go anywhere during the May Day holiday. I slept for three days. Today I am dizzy and put into my work, but I have made some results. Last week, we used the html5 touch event to make a simple slide, achieving the effect of continuous page

# WebApp development experiences (Mobile front-end) # preface this article aims to record my experiences in Mobile webApp development. Please share with me and correct me. # Goodbye, IE678 mobile devices. Android and iPhone are the mainstream

When we use highchart, we find that it uses svg to draw images. What should we do with canvas. In the past, when I used the AS chart plug-in, I used the Graphics object of the container to draw the image. The context of the canvas is the same AS

Comments: This article mainly introduces the HTML 5 input placeholder attribute perfectly serves as ie. If you need it, please refer to the reference jquery class library.The Code is as follows:$ (Document). ready (function (){If ($. browser. msie)$

When using a Mobile device for touch operations, the most common is to tap, hold down the screen or gesture operations, jQuery Mobile can respond to a user's specific touch behavior through bound touch events. 1. Click and hold Directly add the code

Today, we use jQuery and CSS3 to create a simple and scalable Tab menu. This Tab menu also has the slider effect during Switching. Let's take a look: Compared with the Tab menu, you can also use CSS code to customize the appearance you need. After

A few days ago, I shared two cool CSS3 Loading animations in the garden. Today, we have 10 new Loading animations, all of which have different styles, it is not difficult to implement them. You can easily apply them to projects. Let's take a look:

Comments: I have been paying close attention to the latest HTML5 innovations. Do you think I am wasting my time? HTML5 brings us many "heavy" features, such as WebSockets, Web Workers, History, Storage, and some tool classes like classList. However,

CutJS is a lightweight and fast HTML5 2D rendering engine developed based on Canvas and can be used for game development. It is open-source, cross-platform, and compatible with modern browsers and mobile devices. CutJS provides a data model similar

We have seen a lot of Tooltip boxes created using background images, but the disadvantage is that expansion is troublesome and images need to be changed frequently. There is also the use of multi-layer CSS stack implementation, but the effect is

Canvas is generally a Canvas. Recently I am interested in playing games with html5, So I simply used Canvas. Previously, Canvas was used on silverlight and wpf. On silverlight, Canvas is an absolutely positioned container, which can contain any

We have seen many web menus, and various cool and practical menus are everywhere. Yesterday I saw a very special CSS3 menu. Its shape is wavy, curved, and combined with the background, it looks quite good. Let's take a look at the next one. I

Comments: This article mainly introduces the effect of the four gradient playback buttons drawn by using javascript and HTML5 Canvas. For more information, see is a new tag in html5. Like all dom objects, it has its own attributes, methods, and

Comments: This article mainly introduces the HTML5 Canvas jagged image code example. For more information, see : Tip: copy the code to an html file and save it. Open it directly to see the effect. Implementation Code:The Code is as follows:

In the era of WEB3.0, our website must not only realize practical value, but also design excellent user experience for users. JQuery is a good JS framework. Combined with the latest HTML5 technology, we can replace our website and immediately move

Comments: This article mainly introduces how to use html5 code to obtain geographical locations. The specific implementation code is as follows. For more information, seeThe Code is as follows:/*** The following is the html5 code used to obtain the

Comments: HTML5 registration page. If you are studying html5, referThe Code is as follows: register.html Member registrationEmployee ID:Password: Password confirmation:Birthdate:Sex: male femaleMail box:Mobile:Address: Shanghai Beijing Jiangsu