radius

各家瀏覽器與工具對於 blur 效果的實際呈現比較

在 Hacker News 上看到「Blur Radius Comparison (bjango.com)」，原文在「Blur radius comparison」。

重點在這張：

前面九個分成三種效果在三個不同的瀏覽器呈現的結果，然後是 Figma、Illustrator、Photoshop 與 Sketch 的效果。

可以看出來在瀏覽器上的部分，大家的 rendering 沒有差太多。

而 Figma 所有 blur 類的效果，在瀏覽器上比較接近的只有 box-shadow，其他三套則是有不同的變化...

前員工監控公司網路的抓包過程...

看到「The curious case of the Raspberry Pi in the network closet」這篇有趣的過程，先從開頭與最後面開始看。首先是他們在辦公室裡面發現有個奇怪的設備：

追查後發現不是公司的人放的，最後發現是前員工放的，後來轉給法務部門處理了：

I checked the DNS logs and found the exact date and time when the Pi was first seen in the network. I checked the RADIUS logs to see which employee was at the premises at that time and I saw multiple error messages that a deactivated account tried to connect to wifi.

That deactivated account belongs to an ex employee who (for some reason) made a deal with management that he could still have a key for a few months until he moved all his stuff out of the building (don't ask..).

中間的過程還蠻有趣的，包括研究是什麼擴充卡 (以及用途)，然後從 SD card 上面挖資料，配合 Google 找線索，還有透過 WiGLE 定位，以及透過內部系統交叉比對，最後找到兇手...

然後發現是離職員工以搬東西當作理由，讓他在離職後還有辦公室鑰匙而導致的 XDDD

對於現在的瀏覽器，CSS 是否還需要加上 vendor prefix...

在「Do we need box-shadow or border-radius prefixes anymore?」這篇文章開頭就先給懶人包：

如果沒有圓角 (border-radius) 或是陰影 (box-shadow) 會造成使用者不順。
如果這四個平台 (以及瀏覽器) 的量夠大的話：Firefox 3.6-、Safari 4-、iOS 3.2-、Android 2.3-。

在這兩種情況下，你仍然需要加上 vendor prefix...

而比較長的說明，可以參考原文後半段，把這兩個效果分開說明。

如果是 Sass (SCSS) 使用者，就直接加吧，反正程式都幫你做好了... 雖然 validator 會叫 CSS 不合法，但也沒印象看過哪家瀏覽器會因為 css vendor prefix 就罷工... (真的有嗎？XD)