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
  • Getting Started with DIV+CSS Web Page Layout

    Getting Started with DIV+CSS Web Page Layout

    Are you learning CSS layout? Are you still unable to fully master pure CSS layout? There are usually two situations that hinder your learning: The first possibility is that you have not yet understood the principles of CSS processing pages. Before you con
    2025-01-17
  • Delete current row, add row with javascript (sample code)

    Delete current row, add row with javascript (sample code)

    The code to delete rows is as follows:<script> function del(obj) { obj.parentNode.parentNode.removeNode(true); } </script><body><table><tr><td>
    2025-01-17
  • Use js to dynamically add a text box in the foreground and obtain the content of the text box in the background (sample code)

    Use js to dynamically add a text box in the foreground and obtain the content of the text box in the background (sample code)

    There are two pages in total, as follows: 1. Create the page create.jsp and copy the code as follows: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    2025-01-17
  • How to operate custom properties of web controls through javascript

    How to operate custom properties of web controls through javascript

    When programming, you sometimes use custom properties of web server controls. For example, there is no IsNotNull property in the TextBox control, but we can add an IsNotNull property ourselves to use it as a mark to facilitate our programming. Although, t
    2025-01-17
  • Sample code for canvas searchlight effect

    Sample code for canvas searchlight effect

    The clip() method in canvas is used to cut arbitrary shapes and sizes from the original canvas. Once a certain area is clipped, all subsequent drawings will be limited to the clipped area (other areas on the canvas cannot be accessed). You can also use th
    2025-01-16
  • Correct use of HTML5 Geolocation API

    Correct use of HTML5 Geolocation API

    Geolocation is a Web API under the HTML5 standard, which can be used to obtain the current location information (coordinates) of the device. This API has three methods: getCurrentPosition, watchPosition and clearWatch, of which the most commonly used is g
    2025-01-16
  • JavaScript 32-bit integer unsigned operation example

    JavaScript 32-bit integer unsigned operation example

    In JavaScript, all integer variables are signed integers by default. What does this mean? Signed integers use 31 bits to represent the value of the integer, and bit 32 to represent the sign of the integer. 0 represents a positive number, and 1 represents
    2025-01-16
  • How to achieve the carousel effect of big in the middle and small in the middle with html5+css

    How to achieve the carousel effect of big in the middle and small in the middle with html5+css

    According to international practice, the effect is best if you go on first. Don’t say much, just go on and masturbate. css:<style> *{margin: 0;padding: 0} .wrap{ } .container{ width: 100%;
    2025-01-16
  • js quick sort implementation code

    js quick sort implementation code

    However, there are many books that do not explain it very clearly, and different teaching materials have different implementation methods. I will write down the simplest quick sorting idea here for your reference. I hope that no matter what language you u
    2025-01-16
  • Example of how to implement a 2-column layout in HTML (fixed width on the left, adaptive on the right)

    Example of how to implement a 2-column layout in HTML (fixed width on the left, adaptive on the right)

    HTML implements a 2-column layout, with a fixed width on the left side and an adaptive implementation on the right side:<style> body, html{padding:0; margin:0;} // 根据CSS定位,利用浮动或绝对定位,使左侧的块元素脱离常规文档流,可以与右边块元素并列
    2025-01-16
  • Example of how canvas implements Tetris

    Example of how canvas implements Tetris

    I haven’t used canvas for a long time, so I became familiar with canvas again by writing a small game Tetris. If you have a certain canvas foundation, it is not difficult to implement. Detailed explanation of the principle. Looking at the final interface
    2025-01-16
  • Add powerful Web 2.0 features to WordPress

    Add powerful Web 2.0 features to WordPress

    The recently discovered WordPress plug-in Lifestream can achieve a function similar to Friendfeed, displaying dynamic integrations from the many Web2.0 services you use into WordPress. Lifestream supports quite a few Web2.0 services by default
    2025-01-16
  • In-depth understanding of the use of HTML5 timer requestAnimationFrame

    In-depth understanding of the use of HTML5 timer requestAnimationFrame

    Preface Timers have always been the core technology of JavaScript animation. The key to writing an animation loop is to know how long the delay time is. On the one hand, the loop interval must be short enough to make different animation effects appear smo
    2025-01-16
  • Hand-in-hand, I will teach you how to draw a simple poster using canvas.

    Hand-in-hand, I will teach you how to draw a simple poster using canvas.

    La la la, let’s talk about the requirements first. The product wants users to share a picture to WeChat, QQ and other platforms within our app. The image contains the user's name, avatar, and a QR code with their own information. Then, how to generate
    2025-01-16
  • IE9: Why Acid3 doesn't matter

    IE9: Why Acid3 doesn't matter

    The development direction of Microsoft IE9 is very clear, supporting HTML5 and supporting standards. At this week's MIX10, IE project manager Dean Hachamovitch said so. In the development of IE9, Microsoft began to focus on real-world needs. They moni
    2025-01-16