Blogs
CSS： letter-spacing 控制字元間 …
.res{ background-color: #111; color: #ddd; padding: 20px; text-align: center; } 基本上，CSS可以達成大部分網頁視覺設計，最近又常常看一些網頁設計教學，發現很常使用這個指令，就來簡單記錄一下。 <style> .res{ background-color: #111; color: #ddd; padding: 20px; text-align: center; } </style> 效果 1 <p class="res" …
CSS + swiper.js： 3D …
最近看到YouTube的影片是製作一個3D Responsive Slider 2的效果，裡面直接使用swiper.js + CSS，呈現出來感覺很不錯就試試看了。 基本上用官方程式範例先做個記錄，以後或許會加到網站中XD <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta …
CSS： 匯入 CSS 樣式表
每次都會忘記要如何匯入，乾脆直接記下來XD 樣式表和首頁放一起href="styles.css" ├── style.css └── index.html ``` 樣式表放在資料夾中，要把路徑也加進去href="css/style.css"。 ├── css | └── style.css └── index.html ``` 順便也記一下其他加入CSS的方法。 直接添加在HTML Tag中 <h1 style="text-align: center;">Title</h1> 加 …
CSS： display 屬性
display 屬性的語法 display: 顯示參數; 顯示參數 常用的有none、block、inline，其他參數不常用就先不研究了。 none：不顯示元素。 block：顯示為區塊元素。 inline：顯示為內行元素。 block、inline 差異 這兩者差異在於block會用掉一整行的空間，inline不會。 example HTML的Tag都有預設display屬性，使用CSS可以去自訂顯示屬性。 例如：<div>標籤預設是block，可以改成inline。 div display block 測試div display屬性<div>(div …
WordPress： 初步認識 Loop 的功能
這幾天網站的主題換掉，也刪除一些外掛，為了測試各種主題與外掛，我還把網站遷移到我的電腦中，結果再遷移的時候發現，之前裝的備份外掛只能還原不能遷移= =，所以又改裝WPvivid遷移，還好可以完美遷移到我的電腦上，為了遷移又研究半天，折騰一翻之後終於搞定，在本機上測試出喜歡的外掛之後，就直接在伺服器上進行修改。 除了換主題之外，同時也安裝一些新的外掛，並修改一些功能上去，比如說捲動至底下會自動載入文章的功能 (infinite scroll)。我是使用Ajax Load More外掛來加入達成此功能，而且這外掛可以自定你要顯示的內容 (Repeater Templates)，裡面也有提供範本讓人 …
C/C++： opencv 的 Mat type …
最近我在公司學習的VC程式中，都是宣告vetor來儲存資料，為了可以使用影像資料，因此在VC程式中導入了opencv library來讀取圖片檔。不過opencv的圖片都是宣告在Mat格式中，而原本程式是使用vector來輸入資料，因此需要將記憶體中的像素值，轉存成vector格式。 目前已經實現灰階影像互轉功能，還沒有測試RGB三通道的狀況，但是雛型是有先寫出來了。 vector convert to Mat int channels = 1; int rows = 96; int cols = 96; Mat M(rows, cols, CV_32FC1); std::vector< …