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
  • Use css to achieve perspective effect

    Use css to achieve perspective effect

    Use css to achieve perspective effect. At first, I thought of our common method of adding shadow effects, which is achieved by using multiple divs through offset, but this requires many divs, which is not ideal. Then, I thought of a property of CSS: borde
    2025-01-20
  • A sense of hierarchy in page design

    A sense of hierarchy in page design

    The design needs to have a sense of layering, which may be of many types, such as the layering of colors or the layering of elements. When a design lacks a sense of hierarchy, the page will show only two possibilities, one is monotonous, and the other is
    2025-01-20
  • Quick solution to js is empty or not an object problem

    Quick solution to js is empty or not an object problem

    1. Added a parameter <script language="javascript" defer="defer">2. 'null'为空或不是对象:<script type="text/javascript"> 里面加个defer=true属性试试看,
    2025-01-20
  • CSS minification and compression: tips and tools (1)

    CSS minification and compression: tips and tools (1)

    GZIP is a really useful tool for compressing many types of code. It may not be the simplest compression method, and it may be a bit confusing for beginners.
    2025-01-20
  • Solve the problem of numbers and letters making the container larger

    Solve the problem of numbers and letters making the container larger

    Automatic line wrapping problem, line wrapping of normal characters is more reasonable, but continuous numbers and English characters often expand the container, which is quite a headache. The following is how to implement line wrapping in CSS.
    2025-01-20
  • Summary of four ways to pass parameters to event response functions

    Summary of four ways to pass parameters to event response functions

    How to pass parameters to event handler? When I first came into contact with Javascript, I often struggled with this problem because I didn't have a deep understanding of closures. We often encounter this problem in discussion groups. The code is copi
    2025-01-20
  • How to preview PDF files in HTML using the PDF.JS plug-in

    How to preview PDF files in HTML using the PDF.JS plug-in

    PDF.js is a PDF reader based on HTML5. It is compatible with most mainstream browsers and is relatively simple to use. The steps are as follows: 1. Download the PDF.js plug-in download address: http://mozilla.github.io/pdf.js/getting_started/#
    2025-01-20
  • Essential skills for designing web front-end interfaces

    Essential skills for designing web front-end interfaces

    Cooperate with artists to form sketches into specific designs that conform to WebPage. Ability to quickly create layered high-quality PSD and PNG. Can quickly conceptualize PSD and PNG content into HTML codes such as div+css or table.
    2025-01-20
  • CSS Minification: Tips and Tools

    CSS Minification: Tips and Tools

    Learning to write clean, optimized CSS takes a lot of practice and an unconscious, compulsive desire to clean. Keeping your CSS tidy isn't just about your crazy psychological need to be clean, though, especially for larger sites, it will make pages lo
    2025-01-20
  • List of new features in CSS3

    List of new features in CSS3

    CSS3 can achieve many effects that previously required the use of images and scripts in just a few lines of code. Such as rounded corners, picture borders, text shadows and box shadows, etc. CSS3 not only simplifies the design process for front-end develo
    2025-01-20
  • javascript reads xml to implement javascript paging

    javascript reads xml to implement javascript paging

    Copy the code code as follows:
    2025-01-18
  • Detailed explanation of how HTML uses relative paths to obtain files in directories at all levels

    Detailed explanation of how HTML uses relative paths to obtain files in directories at all levels

    The concept of relative path uses the current file location as the reference point to establish the path of the target file. The concept of absolute path is the complete path of the entire file, such as X:/www/web/index.html, or http://waldo.com.cn/index.
    2025-01-18
  • Sample code for Html5 canvas to implement particle clock

    Sample code for Html5 canvas to implement particle clock

    Let’s first take a look at the effect of the particle clock, as follows: Next we will implement it through canvas and js. First, we must create an html file and add a canvas canvas, as follows:<!DOCTYPE html><html lang=en><head>
    2025-01-18
  • Sample code for drawing electrocardiogram using canvas

    Sample code for drawing electrocardiogram using canvas

    This article introduces the sample code for using canvas to draw an electrocardiogram and shares it with everyone. The details are as follows: Rendering: Ideas: 1. Simulation points (if you have real data, then transform the data into coordinate points co
    2025-01-18
  • js makes the drop-down list box editable beyond selection

    js makes the drop-down list box editable beyond selection

    Copy the code code as follows:<script> function clearOption(obj,e){ var currKey=0,e=e||event; currKey=e.keyCode||e.which||e.charCode; if(cur
    2025-01-18