前言
我的 "關於 PoE 以及 Raspberry Pi 的 PoE" 這一篇貼文裡, 有來自 "維基百科" 的三張 Raspberry Pi 的照片及一張從網路搜來的圖片. 而我, 需要在它們上頭作一些標記. 由於圖片已經上傳到 pixnet 了, 不想用小畫家改圖後再重新上傳, 於是突發奇想: 是否可以在貼文中直接利用 HTML 語法將 SVG 疊在它們上面?
- Sep 27 Fri 2024 13:14
-
HTML: 如何將 SVG 疊在一般圖片上 (二種方法)
前言
我的 "關於 PoE 以及 Raspberry Pi 的 PoE" 這一篇貼文裡, 有來自 "維基百科" 的三張 Raspberry Pi 的照片及一張從網路搜來的圖片. 而我, 需要在它們上頭作一些標記. 由於圖片已經上傳到 pixnet 了, 不想用小畫家改圖後再重新上傳, 於是突發奇想: 是否可以在貼文中直接利用 HTML 語法將 SVG 疊在它們上面?
- Sep 12 Thu 2024 20:03
-
HTML: 如何使用 ZWSP 在特定位置上斷行
unicode 中編碼 U+200B 是為 ZWSP (zero-width space, 零寬空格), 它是一個不可列印的字元. 你可以將它安插在超長字串裡可能需要換行的位置.
在 HTML 頁面中我們可以用 <wbr> tag 來代表它.
- Jul 17 Wed 2024 16:24
-
非同步序列 (串列) 傳輸 UART vs RS-232
這一篇我們來談非同步序列 (串列) 傳輸以及一個古董級的傳輸技術: RS-232.
RS-232 是一種常用的序列傳輸技術, 和另外二個我們在嵌入式系統 (embedded system) 常用的序列傳輸技術 I2C 和 SPI 有很大的差異:
- Jun 25 Tue 2024 16:01
-
關於 PoE 以及 Raspberry Pi 的 PoE
PoE 標準
目前主要的 PoE 標準有 3:
IEEE 802.3af-2003 函蓋 Type 1 設備.
IEEE 802.3at-2009 函蓋 Type 1 及 Type 2 設備.
IEEE 802.3bt-2018 函蓋 Type 1 至 Type 4 設備.
- Feb 18 Sat 2023 19:43
-
WSL 2 快速使用指南 (含 GUI 及遠端桌面)
安裝/啟用 WSL 2
如果你現在用的是 Win11 (或者 Win10 21H2), 那麼恭喜你, 你只要以系統管理員身分執行以下指令即可 "啟用執行 WSL 並安裝 Linux 的 Ubuntu 發行版本".
- Feb 12 Sun 2023 05:43
-
Python: 在 Win10/Win11 平台裡啟用 GPU 加速 TensorFlow
重要提示
TF 2.10 是 Windows 平台上 原生環境最後一版可以支援 GPU 的版本.
如果需要在 Windows 中使用 TF2.11 及以後的版本, 請改用WSL 2 環境.
- May 31 Tue 2022 16:46
-
HTML: 在 HTML, CSS, JS 中表示 Unicode 字元
有關 Unicode 的編碼規則及 Unicode 的 BOM 可以參閱我的這一篇貼文:
"Python: 關於 Unicode 的 BOM"
在 HTML 中表示 Unicode 字元
"Python: 關於 Unicode 的 BOM"
在 HTML 中表示 Unicode 字元
- May 03 Tue 2022 08:36
-
關於 embedded system 的 C/C++
前言
這一篇原本是 2017-12-21 寫的 (Pixnet 後台文章日期 2017-12-21 18:18:53), 但是因為後面一小段卡了, 一直沒發表. 後來因為工作內容轉為開發前台系統, 由於工作上有許多以前未接觸過的, 實在是空不下來, 也就很少有時間再碰 embedded system. 除非接手的團隊有問題回頭來請教, 非得要試一下才能給答案, 幾乎是沒機會再把它接上電源開起來. 所以它也就在未完成文章中趟了 4 年多, 今天就把後面一小段有關 std io 的 sample code 先拿掉, 作個小結. 發表出來. 至於有關 std io 的部份我想...就以後有緣再寫吧!?
這一篇原本是 2017-12-21 寫的 (Pixnet 後台文章日期 2017-12-21 18:18:53), 但是因為後面一小段卡了, 一直沒發表. 後來因為工作內容轉為開發前台系統, 由於工作上有許多以前未接觸過的, 實在是空不下來, 也就很少有時間再碰 embedded system. 除非接手的團隊有問題回頭來請教, 非得要試一下才能給答案, 幾乎是沒機會再把它接上電源開起來. 所以它也就在未完成文章中趟了 4 年多, 今天就把後面一小段有關 std io 的 sample code 先拿掉, 作個小結. 發表出來. 至於有關 std io 的部份我想...就以後有緣再寫吧!?
- Apr 26 Tue 2022 23:42
-
CSS: 漂亮的按鍵用 CSS
- Apr 11 Mon 2022 21:29
-
CSS: 可拉動+可調整大小的視窗
前言
這二天在整理一個系統前端時, 發現需要一個可拉動位置的彈出視窗. 最初一直卡在拉動時移動量非常大. 網路上貼的例子雖然都可以正常動作, 可是都沒有明確的說明重點, 套到自己的程式時就是不正常. 最後經過大半天的測試修正, 總算找到問題點, 搞定! 故特記下一點心得.
這二天在整理一個系統前端時, 發現需要一個可拉動位置的彈出視窗. 最初一直卡在拉動時移動量非常大. 網路上貼的例子雖然都可以正常動作, 可是都沒有明確的說明重點, 套到自己的程式時就是不正常. 最後經過大半天的測試修正, 總算找到問題點, 搞定! 故特記下一點心得.
- Feb 28 Mon 2022 03:35
-
CSS: don't use @import [備份]
本篇來源
這一篇是 High Performance Web Sites 的作者 Steve Souders 在 2009 年寫的一篇部落格, 我在 2014 年時研究網站效能時找到的. 原本只記下 URL, 但是隔年回頭查閱時發現圖片都不見了, 幾經辛苦查找, 終於找到有圖片的轉載, 於是複製了圖片, 並把原部落格的整份文章也複製下來作為備份 (原備份貼文時間戳記是 2015-10-08 12:06:56)
- Dec 28 Tue 2021 01:21
-
CSS: CSS 小技巧--以改造 pixnet 部落格為例
改造 pixnet 部落格
十二月初小空閒了幾天, 把我的 pixnet 部落格小小的改造了一下. 順便把以前改的和這一次更動的部份記錄一下作為備忘.
整體來說大概完成了以下幾樣工作:
