Feb 18, 2021
GUYS STOP FLIRTING PLS 😭😭 YOU HAVE WORK TO DO 😭😭😭😭
seen from France
seen from Malaysia
seen from United States
seen from China
seen from China
seen from Australia
seen from Serbia
seen from China
seen from Malaysia
seen from United Kingdom
seen from Italy
seen from China
seen from United States
seen from Spain
seen from United States
seen from China
seen from South Korea
seen from Italy
seen from Taiwan
seen from Indonesia
GUYS STOP FLIRTING PLS 😭😭 YOU HAVE WORK TO DO 😭😭😭😭
Player’s teacher has been making an awful lot of appearances he’s sus
What is CSS4? Is it a real thing? I hate to break it to you, but not really. But maybe we could make it a thing? CSS3 was successful, so why
CSS 的 :has() 有新進展了
CSS 的 :has() 有新進展了
在「Using :has() as a CSS Parent Selector and much more」這邊看到 Safari 宣佈對 :has() 的支援，查了一下 Can I use… 上面的資料「:has() CSS relational pseudo-class」，看起來是從 15.4 (2022/05/14) 支援的。 隔壁 Google Chrome 將在下一個版本 105 (目前 stable channel 是 104) 支援 :has()，沒意外的話 Microsoft Edge 應該也會跟上去，看起來只剩下 Firefox 要開了。 先前在「Chromium 的 :has() 實做進展」這邊有翻一下進度，看起來 Chromium 這邊要進入收尾階段了。 等普及後一些延伸套件裡的寫法也可以用 :has() 來處理了，就不用自己在 javascript 裡面檢查半天…
View On WordPress
CSS4 的 aspect-ratio
在 Hacker News Daily 上看到 aspect-ratio 這個新的 CSS property 的介紹：「Aspect Ratio is Great」，對應的 Hacker News 討論則是在這：「Aspect-ratio is great (css-irl.info)」。 在 MDN 上的解釋是這樣： The aspect-ratio CSS property sets a preferred aspect ratio for the box, which will be used in the calculation of auto sizes and some other layout functions. 對於圖片來說，這可以用來指定希望 crop 多少的範圍。 作者也有提到以往的 hack 方式是透過 padding 與 calc + var…
View On WordPress
Chromium 的 :has() 實做進展
Chromium 的 :has() 實做進展
前陣子在「Chromiu 看起來正在實做 CSS4 的 :has()」這邊提到了 Chromium 的 :has() 實做，對應的票在「Issue 669058: CSS selectors Level 4: support :has()」這邊，不過看起來當時沒有實做完整，而且有測出問題： The following css/selectors web tests are failing on below platform: css/selectors/has-basic.html - Failing on chrome/edge/firefox/safari/webkit css/selectors/parsing/parse-has.html - Failing on chrome/edge/firefox/safari/webkit 昨天又看到新進度了：「Supports…
View On WordPress
Chromium 看起來正在實做 CSS4 的 :has()
Chromium 看起來正在實做 CSS4 的 :has()
先前一直都有在盯著「Issue 669058: CSS selectors Level 4: support :has()」這個，主要是有這個功能會對於很多應用很方便，無論是對 designer 在設計上，或是對 javascript developer 的操作。 在 Chromium 上對應的 commit 在「Supports :has() pseudo class matching」這邊，可以看到目前只實做了一部分： So this CL only supports :has argument selectors starting with descendant combinator. Argument selectors starting with other combinators are not supported yet. - .a:has(.b) :…
View On WordPress