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

Code to implement simple arrow icon using div+CSS in HTML

In web design, we often use some arrows as decoration to embellish our web pages. Although many website designers now like to use font icons to achieve the effect of arrows, this will also give There is some impact on the loading of web pages. Today, the

2025-01-17
JS small function (checkbox realizes all selection and all cancellation) example code

Effect: Code: Copy the code. The code is as follows: <head runat="server"><title></title><script type="text/javascript">window.onload = function () {var ckall

2025-01-17
JS small function (onmouseover implements month selection) example code

Effect: Code: Copy the code. The code is as follows: <head runat="server"><title></title><style type="text/css">#backcolor{width: 400px;height: 400px;backgrou

2025-01-17
Use Canvas to draw an unclosed circle with a progress bar

Final rendering 1. Define variables to define radius, define ring thickness, define circle center position, and define default fill color let radius = 75let thickness= 10let innerRadius = radius - thicknesslet x = 75let

2025-01-17
8 common mistakes novices make when writing CSS

In general, the most common error in CSS is that the attribute names in the style and HTML are inconsistent. As a result, the style is obviously written, but it has no effect.

2025-01-17
What are static web pages and dynamic web pages?

Whether the program is running on the server side is an important sign. Programs, web pages, and components running on the server are dynamic web pages. They will return different web pages with different clients and at different times, such as ASP, PHP,

2025-01-17
Implementation of Canvas image segmentation effect

When I was browsing CSSDesignAwards, I found an effect that splits the image content (website: https://weareludwig.com). You can click on it to have a look. It felt very cool, so I tried to implement it myself, and the effect was pretty good. . View the e

2025-01-17
How to implement the Web Notification desktop notification function in HTML5

Sometimes we will see such a prompt in the lower right corner of the desktop: This desktop prompt is the new Web Push Notifications technology of HTML5. Web Notifications technology enables pages to issue notifications that will be displayed at a system l

2025-01-17
Implementation of html5 colon delimiter alignment

<!DOCTYPE html><html><head> <meta charset=utf-8> <meta name=viewport content=width=device-width,initial-scale=1.0,

2025-01-17
Summary of javascript list box operation function collection

Copy the code code as follows: <script language="javascript">/* 列表框互相操作函数集 *///描述: 添加不重复列表框元素function selAdd( srcList, dstList ){var selectedI

2025-01-17
Example code for front-end implementation of background blur but clear and adaptive content

Let’s talk about the practical stuff without being verbose. Sometimes the front-end will encounter the requirement of blurring the background but requiring clear content. Let’s take a look at the effect first: The following is the specific implementation:

2025-01-17
HTML5 realizes mobile terminal barrage animation effect

Idea 1. Edit a single content, calculate its own width, and determine the initial position. 2. The moving distance is the width of the screen. 3. Dynamically add css animation functions in js, and use random number control codes for height, animation move

2025-01-17
Windows drawing program based on HTML5

The Windows Paint program has been accompanying all versions of Windows. This very simple, almost useless program has the most basic drawing functions and is very suitable for doodling. HTML5's Canvas object makes online drawing possible. Although HTM

2025-01-17
Comprehensive basic literacy post about uploading files on the front end (getting started)

Why is the preface divided into chapters? Because it covers a lot of knowledge points, I may try my best to introduce it in detail to take care of people with poor foundation, so as to review the past and learn the new. At the beginning, I really planned

2025-01-17
Detailed explanation of hyphens in JavaScript

I spent 2 hours at night to use Javascript to process a simple string filtering function. The code is pasted below. It is actually very simple. I just want to <b/>filter out the query results returned by the Google AJAX Search API. One of the important re

2025-01-17

Prev 21 22 23 242526 27 28 29Next