Zhangxuxin | 张鑫旭

Tossing around, using JS to make Chinese content inexplicable and nonsensical

Original link: https://www.zhangxinxu.com/wordpress/2023/03/js-disorder-chinese/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10791 Xin space – Xin life This article is welcome to share and aggregate, there is no need to reprint the full text, respect copyright, the circle is so big, if you need it urgently, you can contact for authorization. 1. Text protection whim Suddenly, I wrote a piece […]

Tossing around, using JS to make Chinese content inexplicable and nonsensical Read More »

Driven by curiosity, I tested chatGPT’s ability to write CSS code

Original link: https://www.zhangxinxu.com/wordpress/2023/03/chatgpt-write-css/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10786 Xin space – Xin life This article is welcome to share and aggregate, there is no need to reprint the full text, respect copyright, the circle is so big, if you need it urgently, you can contact for authorization. I thought about 10 CSS-related writing cases to see

Driven by curiosity, I tested chatGPT’s ability to write CSS code Read More »

Another CSS trick that allows elements to overlap without absolute positioning

Original link: https://www.zhangxinxu.com/wordpress/2023/03/css-container-rule-overlap/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10770Xin Space-Xin Life This article is welcome to share and aggregate, there is no need to reprint the full text, respect copyright, the circle is so big, if you need it urgently, you can contact for authorization. 1. Knowing the past by reviewing the past The classic method of

Another CSS trick that allows elements to overlap without absolute positioning Read More »

Reverse and reverse order in web front-end development

Original link: https://www.zhangxinxu.com/wordpress/2022/11/web-direction-reverse-css-dom/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10609 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. There are many HTML attributes or CSS attributes in the web

Reverse and reverse order in web front-end development Read More »

Things you should know about list-style-type bullets

Original link: https://www.zhangxinxu.com/wordpress/2022/11/about-css-list-style-type-item/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10607 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. 1. Must list-item horizontal elements A normal ordered list HTML code:

Things you should know about list-style-type bullets Read More »

Say goodbye to pointer-events:none using the HTML inert attribute to really disable

Original link: https://www.zhangxinxu.com/wordpress/2022/10/html-inert-disabled-attribute/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10597 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. 1. The past prohibition In the past, the following two methods

Say goodbye to pointer-events:none using the HTML inert attribute to really disable Read More »

Introduction to the CSS ::file-selector-button pseudo-element

Original link: https://www.zhangxinxu.com/wordpress/2022/10/css-file-selector-button/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10572 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. 1. Background For a long time, the file-type <input> file selection

Introduction to the CSS ::file-selector-button pseudo-element Read More »

CSS media query Range syntax that is more in line with writing habits

Original link: https://www.zhangxinxu.com/wordpress/2022/10/css-media-range-syntax/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10569 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. One, in a nutshell In the past, media queries for device

CSS media query Range syntax that is more in line with writing habits Read More »

Introducing the most anticipated and officially supported CSS container query in 2022

Original link: https://www.zhangxinxu.com/wordpress/2022/09/css-container-rule/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10554 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. 1. The browser officially supports Chrome 105 and Safari 16 have

Introducing the most anticipated and officially supported CSS container query in 2022 Read More »

Commenting on words and sharing some experience in Range development

Original link: https://www.zhangxinxu.com/wordpress/2022/09/js-selection-range/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10541 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. First, look at the big screen Recently, I have been working

Commenting on words and sharing some experience in Range development Read More »

Use the :is() or :where() pseudo-class to make the scoped style still match globally

Original link: https://www.zhangxinxu.com/wordpress/2022/09/css-is-where-scoped-style/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10535 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. I. Introduction In front-end frameworks such as Vue or React, in

Use the :is() or :where() pseudo-class to make the scoped style still match globally Read More »

Chat: autofill and autocomplete autofill

Original link: https://www.zhangxinxu.com/wordpress/2022/09/css-autofill-html-autocomplete-off/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10525 Xin Space-Xin Life This article welcomes sharing and aggregation. It is not necessary to reprint the full text. The copyright is respected. The circle is so big. If you need it urgently, you can contact for authorization. 1. About form autofill Form autofill is a good feature because

Chat: autofill and autocomplete autofill Read More »

A @mention item similar to the Feishu OKR input box was posted on gitee

Original link: https://www.zhangxinxu.com/wordpress/2022/08/gitee-feishu-okr-at-mention/ by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=10513 Xin Space-Xin Life This article can be reproduced in full text without authorization, welcome to share, welcome to like. 1. Effect preview First look at the demo: https://zhangxinxu.gitee.io/okr-at-mention/ The effect is shown in the video below (click to play without moving), enter the @ character and a list

A @mention item similar to the Feishu OKR input box was posted on gitee Read More »