Article Tags
Tempting examples of HTML5/CSS3 - Detailed explanation of imitating Youku video screenshot function
For general video websites, after the user uploads the video, they can take a screenshot of the played video and then use it as a display image of the video. Such a function can also be introduced in the project to give users a good experience, instead of asking users to upload an additional display picture. Rendering: It still looks very good. Let me analyze it for you. The core code is very simple: _canvas = document.createElement(canvas);_ctx = _canvas.getConte
Mar 09, 2017 pm 04:42 PM
HTML5/CSS3 classic case - drag and drop to upload images without plug-in (2)
The previous article has implemented the overall HTML and CSS of this project: HTML5 CSS3 Classic case: Drag and drop to upload images without plug-ins (supports preview and batch) (1) This blog is directly based on the previous article. The final effect is: Rendering 1: Rendering 2: Okay, please allow me to post the image twice so that everyone can see the effect~ It can be seen that the html of the li of our image is actually quite complicated, so I made the html document Some modifications:
Mar 09, 2017 pm 04:38 PM
HTML5/CSS3 classic case - drag and drop to upload images without plug-in (1)
Form submission will refresh the page, making it difficult to upload asynchronously; flash may be used more often because it can take into account almost all browsers. I have always used jQuery's uploadify as the upload tool in the project, and uploadify is also based on Html5 seems to be charged, you can go to the official website to take a look; of course, now html5 provides API and powerful APIs such as File, FileReader, XMLHttpRequest, etc., which makes it possible for us to drag and drop to upload.
Mar 09, 2017 pm 04:36 PM
HTML5 CSS3 exquisite case - details of realizing personalized slideshow on VCD packaging box
Ha, first of all, thank you to the teacher of w3cfuns. Well~ okay, this time I will share a CSS3+Javascript VCD packaging box personalized slideshow case with Hairpin. Rendering: The picture switching is very personalized and the effect is very good. You can use it on your own website. Let’s take a look at the html first: Mar 09, 2017 pm 04:32 PM
HTML5 CSS3 special topic Detailed explanation of sample code for creating photo album effect using pure CSS
Today I accidentally discovered that there is such an example in my computer. I feel that the effect is pretty good. I don’t remember when I downloaded it. I haven’t used w3cfuns for a long time. I miss the days of learning the front desk, so I would like to share it with you. Rendering: Is the effect still very good? The most important thing is that it does not use a single line of js. This is the highlight. Let’s look at the html file first: Pure CSS3 photo album effect
Mar 09, 2017 pm 04:31 PM
Detailed explanation of graphic and text code for building a high-performance parallax website using HTML5
This article introduces a fashionable website design method and how to build a high-performance site through HTML5 and browser rendering mechanisms from shallow to deep. The article involves many principles of browser redrawing and performance optimization. It is also an expansion and continuation of "Web Scrolling Performance Optimization in Practice". The difficulty level is intermediate and advanced. Please read this article before reading. Introduction Parallax sites are all the rage lately, just check out these sites: Old Pulteney Row to the Pol
Mar 09, 2017 pm 04:25 PM
How to develop excellent HTML5 games - Detailed explanation of Disney's 'Finding Road to Oz' game technology (2)
(Continued from above) Tabletop games are usually created with a core physics engine. Therefore, to simulate a soft object in the 3D world requires a complete physics simulator and establish a believable behavior. WebGL and JavaScript are not yet luxurious enough to run a full-fledged physics simulator. So in this game we have to find a way to create the effect of wind. We embed “wind sensitivity” information for each object in the 3D model. Each vertex of the 3D model has a "wind attribute" that specifies that the vertex should
Mar 09, 2017 pm 04:22 PM
How to develop excellent HTML5 games - Detailed explanation of Disney's 'Finding Road to Oz' game technology (1)
Foreword: Disney's "Find Your Way to OZ" is a local game that I mentioned in the article "Discussing Development Trends from the Current Situation of HTML5 Mobile Applications" in the latest issue of "Programmer" magazine. It borrowed from the recently released The setting of the "Oz" movie (the setting comes from the classic story "The Wizard of Oz", students who have watched this movie will be deeply touched), builds an equivalent grand game world. At the same time, Disney cooperated with Google to use it as a show ca of Chrome browser performance and HTML5 technology.
Mar 09, 2017 pm 04:17 PM
A detailed introduction to the development trends from the current status of HTML5 mobile applications
Time flies, five years have passed since the birth of HTML5 in 2008. As a new generation of Web standards, it has received strong attention from all aspects since its inception, and has also caused many controversies. Supporters are attracted by its open and powerful characteristics. While advocating its bright prospects, skeptics doubt its actual effect because it has not been able to be implemented well. Now we start from the current situation and analyze the development trend of HTML5 on mobile platforms by asking questions, so that everyone can have a clearer understanding and understanding of the future of HTML5 from the complicated information.
Mar 09, 2017 pm 04:12 PM
Detailed explanation of web cross-device ultrasonic communication solution based on HTML5
Foreword: Chirp kicked off the audio transfer of files on the iPhone. We no longer need MMS, Bluetooth pairing, or IM to transfer data. It shares data through the chirping of birds, which is simple and interesting, and can quickly achieve one-to-many sharing. In addition, Alipay has tried to promote "sound wave payment", which uses the mobile phone to send ultrasonic waves to the terminal as a transaction password to further complete the transaction. However, Alipay's technology is currently only used for payment, and it requires specific vending machines that can accept sonic payments before it can be used. "Advan"
Mar 09, 2017 pm 04:09 PM
HTML 5.1 - Detailed explanation of 14 new features and usage sample codes (picture)
HTML5 belongs to the World Wide Web Consortium (W3C), an organization that provides standards for the entire Internet community, so that the protocols formed can be used around the world. In November 2016, the W3C updated the long-standing HTML 5 standard, its first minor update in 2 years. Many of the features originally proposed for HTML 5.1 were removed due to design flaws and lack of support from browser vendors.
Mar 09, 2017 pm 04:03 PM
Detailed introduction of 20 very gorgeous HTML5/CSS3 application plug-ins (pictures)
Applications based on HTML5 are now very widespread. Today we will share with you 20 very gorgeous HTML5/CSS3 application plug-ins. Hope you all like it and share it with your friends. 1. HTML5 video fragmentation and reorganization special effects, powerful visual impact. There are many HTML5 video players, but HTML5 video special effects are still rare. This HTML5 video fragmentation and reorganization special effect is very exciting and gives people a strong visual impact. Click anywhere in the video, and HTML5 will break these areas into pieces. After a while, these broken video fragments will automatically reassemble. It is a very good HTML5 video..
Mar 09, 2017 pm 03:58 PM
Detailed explanation of the super cool HTML5 Canvas network drawing board code example
In today's HTML tutorial, we are going to learn how to use HTML5 Canvas to implement a cool and simple web drawing board function. In this tutorial, we can choose the type of brush, the size of the brush, and the color of the brush. Of course, as a drawing board, it also needs many functions. Here are only the most basic drawing functions. You can implement complex elements such as rectangles and ellipses by yourself. of drawing. You can also view the DEMO demonstration here. Let's briefly analyze the principle and code of implementing this HTML5 web drawing board. The code consists of HTML and Javascript, mainly Javascr..
Mar 09, 2017 pm 03:54 PM
ECharts - JavaScript charting library based on HTML5 Canvas with detailed graphics and text
ECharts is an open source source from Baidu's commercial front-end data visualization team. Based on html5 Canvas, it is a pure Javascript chart library that provides intuitive, vivid, interactive, and customizable data visualization charts. Innovative drag-and-drop recalculation, data views, value range roaming and other features greatly enhance the user experience and empower users with the ability to mine and integrate data. ECharts (Enterprise Charts commercial product chart library) provides commonly used charts for commercial products. The underlying layer is based on ZRender (a new lightweight canvas class library) and creates a coordinate system...
Mar 09, 2017 pm 03:52 PM
Hot tools Tags
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
What's New in Windows 11 KB5054979 & How to Fix Update Issues
How to fix KB5055523 fails to install in Windows 11?
InZoi: How To Apply To School And University
How to fix KB5055518 fails to install in Windows 10?
Roblox: Dead Rails – How To Summon And Defeat Nikola Tesla
Hot Tools
vc9-vc14 (32+64 bit) runtime library collection (link below)
Download the collection of runtime libraries required for phpStudy installation
VC9 32-bit
VC9 32-bit phpstudy integrated installation environment runtime library
PHP programmer toolbox full version
Programmer Toolbox v1.0 PHP Integrated Environment
VC11 32-bit
VC11 32-bit phpstudy integrated installation environment runtime library
SublimeText3 Chinese version
Chinese version, very easy to use
