Web design tutorial_Professional web design basic and advanced tutorial-Downcodes

English

中文(简体) 中文(繁体) 한국어 日本語 English Português Español Русский العربية Indonesia Deutsch Français ภาษาไทย

Home> Web design tutorial

All Dreamweaver tutorial Javascript tutorial HTML tutorial CSS tutorial Experience and skills DHTML tutorial Web effects WEB standardization

Web design tutorial

Comprehensive list of new features and usage of html5

Many friends have privately messaged me and asked me about the new features and usage of html5. Let me give you a detailed introduction to the new features of html5. Let me summarize them for you. 1) New semantic tags footer header, etc. 2) Enhanced form

2025-01-18
HTML5 new tag compatibility——&gt; Two methods

First method: (use html5shiv)<!--[if lt IE9]><script src=http://html5shiv.googlecode.com/svn/trunk/html5.js></script>

2025-01-18
Solution to the conflict between two tabs navigation in HTML

Let’s start with a description of the problem: On the same page, one of the two tabs needs to be float: left, and the other needs to be flat: right, which creates a conflict; the reason: the controls in each div are not carefully positioned, and global de

2025-01-18
Analyze page loading and js function execution onload or ready

First, the page loading sequence: parsing the HTML structure. Load external scripts and stylesheet files. Parse and execute script code. Construct HTML DOM model. Load external files such as images. The page is loaded. That is: html → head → title → #text

2025-01-18
js implementation of pop-up plug-in function example code sharing

Currently tested: supports IE6+ Firefox, Google browser, etc. Let's first take a look at the basic configuration items of this component: as follows: Copy the code as follows: this.config = {targetCls: '.clickElem', // Click on the element tit

2025-01-18
Detailed explanation of how to solve the cross-domain problem of canvas image getImageData and toDataURL

1. First, the image server needs to be configured with Access-Control-Allow-Origin. Generally, teams will have a special domain name to place static resources. For example, Tencent is gtimg.com, Baidu is bdimg.com; or many teams use Tencent Cloud or Aliba

2025-01-18
Solution to the problem of flashing or black background after clicking the button on the HTML5 page developed on the mobile terminal

When the H5 page was tested on the IOS side, it was found that clicking the button would flash and a black background would flash past, affecting the user experience. Finally, through Du Niang, I found a solution: add a CSS attribute to the clicked elemen

2025-01-18
js+css realizes the masked pop-up layer in the center (scrolling with the browser window scroll bar)

js+css implements a masked center pop-up layer (scrolling with the browser window scroll bar). Copy the code as follows:<!doctype html><head><meta charset="utf-8" /><title></title>

2025-01-18
Press Enter to move focus to the next control's implementation js code

Copy the code code as follows:<html><head><title> Enter2Tab</title><script type="text/javascript"> window.onload=function(){ var list = ne

2025-01-18
Analysis and usage examples of window.open full-screen command in JS

1. Code example Copy the code as follows: window.open(url,'new window','width='+(window.screen.availWidth-10)+',height='+(window.screen.availHeight-30) +

2025-01-18
Implementation method of simulating long press event in HTML5 on mobile terminal

Why I wrote this article I recently received a request to long press a label to display a floating delete button. This requirement is actually very common on apps, but in mobile h5, we don’t have a long press event, so we need to simulate this event ourse

2025-01-18
Detailed explanation of left and right width fixed middle adaptive html layout solution

This article introduces the detailed explanation of the left and right width fixed middle html">adaptive html layout solution and shares it with everyone. The details are as follows: a. Use floating layout html structure as follows<div class=box><

2025-01-18
HTML5 and small programs implement the functions of rotating, compressing and uploading photos

Original address: github.com/whinc/blog/… I recently received a request to post a comment: the user enters a comment and can take a photo or select a picture from the album to upload, that is, it supports graphic and text comments. It needs to be implemen

2025-01-18
HTML5 video playback (video), JavaScript control video example code

The specific code is as follows:<html lang=en><head><meta charset=UTF-8><title> Documenttitle><style>figcaption {text-align: center;line-height:

2025-01-18
Use javaScript to realize pop-up form selection information by clicking on the input box

Here is the source code, no style processing has been done, but the function is ok, I hope everyone can communicate with me! Copy the code code as follows:<html><head><title> Click to pop up DIV selection information</title>

2025-01-18

Prev 13 14 15 161718 19 20 21Next