Paul Li – Medium

Paul Li

Paul Li

CSS Nesting & @starting-style

@starting-style 於 2023 年正式推出，主要用來設置 CSS 動畫的原初狀態。對於 popover 可以說有如神助一般，輕輕鬆鬆便可以讓 popover 具備三態（進場 / 一般 / 退場）變化。

21h ago

CSS Nesting & @starting-style

21h ago

Paul Li

How to opt-in AI on Chrome ?

I will like to discuss how to opt-in AI on Chrome through few steps.

2d ago

How to opt-in AI on Chrome ?

2d ago

Paul Li

How to print custom content in current web page ?

Let’s discuss how to print custom content in current web page ? Here comes two methods to resolve this request.

Aug 30

How to print custom content in current web page ?

Aug 30

Paul Li

How to make Media Session support Document Picture-in-Picture API ?

Let’s talk about how to adopt Document Picture-in-Picture feature in media widget.

Jun 19

How to make Media Session support Document Picture-in-Picture API ?

Jun 19

Paul Li

Some Tips for Print Dialog Content

I would like to share some tips to make web page suitable for printing through CSS setting.

May 29

Some Tips for Print Dialog Content

May 29

Paul Li

First touch with Drag & Drop API

Drag & drop is a very common effect in web page. Developers usually apply it for sorting purpose. Let’s check how to apply Drag & Drop API.

Apr 23

First touch with Drag & Drop API

Apr 23

Paul Li

CSS: light-dark()

light & dark mode 嚴然已是 web page 101 必要的支援了，透過這個新穎的 method 可以在撰寫上更加直接清晰，一起來看看怎麼使用它吧～

Apr 11

CSS: light-dark()

Apr 11

Paul Li

Stretching From elements !!

field-sizing 這是一個 Chrome VER.123 率先支援的屬性，透過這個屬性的設置，便可以讓 form elements 的 size 依照內容物來自動調整。是的，有了這個屬性的支援之後，便可以輕輕鬆鬆使用原生支援的 auto stretch 功能了。

Apr 8

Stretching From elements !!

Apr 8

Paul Li

CSS Media feature > display-mode: picture-in-picture

隨著 display-mode:picture-in-picture 支援後，要跟大家介紹三種裝飾 pip 化 element 方式，讓大夥們都能開心愜意地完成美化需求～

Mar 22

CSS Media feature > display-mode: picture-in-picture

Mar 22

Paul Li

A new step for Shadow DOM: Declarative Shadow DOM

Let’s check how Declarative Shadow DOM (DSD) remove limitation, bringing Shadow DOM to the server.

Mar 8

A new step for Shadow DOM: Declarative Shadow DOM

Mar 8

Paul Li

Paul Li

Paul is the lead programmer of the AMP project at Yahoo Taiwan and is always eager for modern web technologies. He is also focusing on UX for vivid user flow.

Following

Help
Status
About
Careers
Press
Blog
Privacy
Terms
Text to speech
Teams