flex-Concepts.png
前言


最近經常用到 flex box, 但又常常看完把問題解決了, 過幾天要用時又忘了. 雖然網路上也有其他人整理的, 但總是這篇少這個, 那篇又有些設定沒說清楚, 最慘的是有些還弄錯了, 最後只好自己花時間整理.
目前相容性較高的 flex 語法大約是依據 2012 年的 "CSS Flexible Box Layout Module W3C Candidate Recommendation" 這一份文件. 比這個新的文件當然還有好幾份, 但是當中大部份的新設定目前 (2020/03) 幾乎都只有 1 個 browser 支援 (FireFox, 一小部份功能 Chrome 也有支援). 因此, 這裡還是以 2012 版的功能為主, 至少絕大部份 browser 都支援的, 用戶端不至於出現大問題.

MagicJackTing 發表在 痞客邦 留言(1) 人氣()

LSE_Web_Site
今天來介紹一下如何使用 Link Shell Extension (以下簡稱 LSE) 這個第三方圖形化的操作介面 來建立 Windows 檔案 (或者目錄) 的連結 (link).

下載及安裝

MagicJackTing 發表在 痞客邦 留言(0) 人氣()

mklink
前言


對於 Windows 系統的上連結 (link)功能, 一直以來我都只是照著小抄輸入指令, 沒有太深入的研究. 直到最近在 VM 上測試 git 的一些進階功能時, 遇到一些需要使用連結的地方, 吃到了苦頭, 才下定決心研究清楚. 因此產出了這一篇貼文.

MagicJackTing 發表在 痞客邦 留言(6) 人氣()

python_console_font
前言


前一陣子用python寫了一支 Windows 的 Console 程式: 因為需要為程式的輸出訊息加一點顏色而小小的 '卡' 了一陣子; 上個月底終於把它解決了, 特別記錄一下免得日後給忘了.

MagicJackTing 發表在 痞客邦 留言(0) 人氣()

內容-選項
這個主題網路上很多人寫, 我原來不想 "參一咖". 不過今天因為整理開發環境, 重新翻看了一下以前的小抄, 並上網找了相關的資料, 又發現了一些新材料, 所以就順手匯整並補充一下.
這個問題可以分二部份來說:

不加裝字型的狀況下, 改用英文 Consolas 字型 (或其他等寬英文字型).
這一部份是原本的舊資料.
加裝中英文字型給CMD視窗用
這一部份是新資料.

MagicJackTing 發表在 痞客邦 留言(0) 人氣()

字集設定
Git for windows 疑難雜症


這一篇會不定期附加新的問題解決方法. Enjoy it!

MagicJackTing 發表在 痞客邦 留言(0) 人氣()

我不知道大家在痞客邦上貼文是怎麼處理的, 以下是我過去用過的方法:
直接用痞客邦提供的 '發表文章' 介面. (舊版的 '發表文章' 介面很令人抓狂, 應該是沒人還在用?)
後來試過所謂的所見即所得 (WYSIWYG)的離線編輯器, 如: Microsoft Word, WLW (Windows Live Writer) 或者其他類似的離線編輯器 (Open Live Writer). 我原本是用 WLW, 但是後來 WLW 被微軟完全停掉了, 電腦重新安裝時下載不到 Windows Live Essentials 了, 不得已只好試用 Word 打, 但是試了一次內建的 '上傳部落格' 功能就放棄, 原因是:
  • 它無法像 WLW 那樣自動下載網站的樣式, 離線檢查上傳之後的外觀.

  • 它無法像 WLW 那樣切換成純文字模式模式來直接檢視或修正 HTML tag. (我需要修改 HTML 附加 CSS 和 JavaScript)

  • 直接由 Word 剪下貼在痞客邦提供的網頁介面上則貼文中殘留太多不必要的樣式設定. 雖然這樣可以大致上保持原本 Word文件的外觀, 但也意味著貼文用的樣式必需一開始就完全固定下一來, 否則日後要修改並維持整體貼文風格的一致性代價是很高.


至於 OLW (Open Live Writer) 雖然保留了 WLW 的大部份功能, 但是:
  • 無法下載貼文回來修改. (只能修改由 OLW 送出的貼文)

  • Plugins 功能整個都不相容, OLW 官網也沒有提供任何 plugins, 所以沒辦法修改樣版, 也沒辦法客製快速功能.


MagicJackTing 發表在 痞客邦 留言(0) 人氣()

fontello-01
在網頁中使用 Font Awesome 加一些圖形字元 (icon) 大概很多人都會: 下載 font awesome 提供的壓縮檔 (內含 fonts, CSS ...), 並放到 web server 上, 然後在網頁的前頭加上 <link> tag 來下載就完成了必要的準備工作.

<link type="text/css" rel="stylesheet" href="css/font-awesome.min.css" />

MagicJackTing 發表在 痞客邦 留言(1) 人氣()

pacman00
前言


現在的 git for windows 已經改用 MSYS2 當作執行環境的基礎了. 如果需要自己重新編譯 git for windows 的話, 也有 git for windows SDK 可用, 不再需自己重新由 MSYS2, GCC, git... 一路安裝設定, 接著還要下載原始程式, 上 patch, 才能開始編譯 git. 我以前自己試著作過一次, 結果是一關接著一關的卡, 卡關卡得非常嚴重... 不只是挑戰你對 unix/linux 環境及指令的了解, 更要具備對 GNU cygwin 開發環境的知識. 總之就是沒有神人帶你走過一遍真的很難順利把建置的環境弄好.
日前想為 git for windows 加裝個 python, 可是一直找不到直接給 MSYS2 用的(註一), 只找到獨立安裝的 python for windows. 雖然一樣可以在 git for windows 的 bash 視窗中使用, 但是 git for windows SDK 裡明明就有 python 可用啊! 於是想到何不想辦法自行安裝這個版本的 python 呢? 但是問題來了 git for windows 內部沒有附 pacman 指令, 沒辦法像 git for windows SDK 或者是 MSYS2 那樣直接用 pacman 安裝. 於是再一次的找 Google 大神幫忙, 找到了 StackOverflow 這一篇 很快的就把它搞定了.

MagicJackTing 發表在 痞客邦 留言(0) 人氣()

今天在網上爬文, 無意間學到了 named initializer 這個到 C99 才出現的語法.

enum 的應用例子


MagicJackTing 發表在 痞客邦 留言(0) 人氣()

Scan 7 Seg LED drive
連結


上一篇: 嵌入式系統之軟體架構-1 (Software Architecture of Embedded System)

MagicJackTing 發表在 痞客邦 留言(2) 人氣()

struct alignment
C 語言的編譯器有一個內建的巨集 sizeof() 可以用來取得配置給變數的記憶體大小. 例如:

uint32_t varX = 1234;
int size;

size = sizeof(varX);

MagicJackTing 發表在 痞客邦 留言(7) 人氣()

Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲,請立即離開。

已滿十八歲者,亦請勿將內容提供給未成年人士。