Raspberry pi 使用USB To TTL連接
樹莓派平常大多透過網路連 SSH 操作，但只要 DHCP、Wi-Fi、網卡或設定出問題，整台機器就像失聯一樣。這時 USB To TTL 連線就很有價值，因為它不依賴網路，可以直接進到系統主控台做排錯。
程式狂想筆記
動畫特效繪制框架(Sketch.js)
Sketch.js
最近看到TVアニメ『LOST SONG』網站還滿酷的
所以研究了一下，發現是使用sketch.js
本來想說是很復雜的東西
結果看了一下，發現是用官網範例Plasmatic Isosurface
好像把dat.ui拿掉就跑出上面樣子
插點看WebGL那邊去了XD
不過發現圖象矩陣，感覺也是一門大坑學問
TVアニメ『LOST SONG』
sketch.js
2018鐵人賽索引和心得(圖多慎入) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天
Plasmatic Isosurface
WebGL 技术储备指南 | Taobao FED | 淘宝前端团队
soulwire/Plasmatic-Isosurface: A 2 dimensional plasma simulation running on the GPU, written in GLSL and CoffeeScript and rendered with WebGL.
矩陣
详解CSS的矩阵变换函数matrix() | 中二病也要玩 front end 【介紹】Geogebra 與線性變換矩陣（1／8）：矩陣變換與圖形 - YouTube 详解CSS的矩阵变换函数matrix() | 中二病也要玩 front end CSS3 transform-function matrix 變形矩陣 CSS3 matrix双板划水、拉伸、打板动画实例animation-亮术网 THE MAGNIFICENT 2D MATRIX 如何通过js获取到CSS3里面transform rotate旋转角度的度数，matrix解析 - CSDN博客 Matrix rain animation using HTML5 canvas and javascript
連續打指令 && 與 ; 差別
在 Shell 裡面連續執行多個指令時，; 和 && 看起來都像是把兩條命令接在一起，但語意其實差很多。這種差異平常手打指令時也許不明顯，一旦放進 Script、Cron 或部署流程裡，就很容易影響結果。
開機執行程式(/etc/rc.d/rc.local、Update-rc.d)筆記
在 Linux 伺服器上，常常需要在開機時自動執行某些程式或腳本，例如啟動自訂服務、設定系統參數、執行初始化腳本等。本文整理三種常見的方式，從傳統到現代逐一說明。
Raspberry pi 遇到emergency mode問題
很奇怪…今天Raspberry pi 開機遇到emergency mode
|
|
平常沒有用鍵盤USB，剛好最近買一個機械式鍵盤剛好是USB
剛好可以插在上面，原本還滿擔心可能不能用的問題
好險沒有
css的小箭頭原理
CSS border 繪製三角形的原理 CSS 的 border 屬性在元素寬高為零時，會顯示出四個三角形。這是因為四邊 border 的交界處本來就是斜角切割的，只是在正常情況下因為元素有寬高，這個特性並不明顯。
原理示意 當元素的 width 和 height 都是 0 時：
1 2 3 4 5 6 7 8 .triangle-demo { width: 0; height: 0; border-top: 50px solid red; border-right: 50px solid blue; border-bottom: 50px solid green; border-left: 50px solid yellow; } 你會看到四個三角形分別指向四個方向，各佔一角。
製作各方向三角形 要製作指向某方向的三角形，就把該方向的對面 border 設為有色，其他三邊設為 transparent：
向上三角形（▲） 1 2 3 4 5 6 7 .triangle-up { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 40px solid #333; /* 底部有色 = 三角形朝上 */ } 向下三角形（▼） 1 2 3 4 5 6 7 .
svg畫邊特效
例用CSS ANIMTION畫邊框
https://jsbin.com/huteruhopa/edit?html,css,output
上面例用CSS Animation做繪制邊框、填色動作
參考了CSS + SVG stroke 動態描繪 | 前端，沒有極限
終端機錄制工具 asciinema
最近想記錄我在筆電上面的終端機設定
但以經放著多天，最近在最有空的時候準備整理一下
本來想用圖片整理，但logdown不能上傳圖片
未來會考慮用hexo來用…
不過在用hexo之後，剛好看到asciinema可以錄制command指令
想說先用這個東西來試試
Certbot更新憑證失敗記錄
之前有做TSL加密自動化憑證
但是遇到一些問題
例否我更新Linux導至Certbot壞掉
但重安裝Certbot就沒有這個問題
除了我有設定防火牆問題
但還是失敗
不過最後還是找到原因，記錄一下
超級終端機 enhancd
enhancd 是一個增強版的 cd 指令，能夠記錄你曾經造訪過的所有目錄，並在你輸入 cd 時，透過互動式的模糊搜尋介面讓你快速跳到目標目錄，不需要輸入完整路徑。