A little front-end desinger say little things

身為一個前端工程師，一定要用網頁來刻一下愛鳥啦～

See the Pen Playing with Chinese bulbul by 577 (@thisis577) on CodePen.

郵箱只吃寫在 html tag 裡面的 inline style

所以寫完以後需要先轉 inline 再寄出，使用 CssToInlineStyles 這套可以把 css 轉為 inline style。

iOS 的毛

• 要送 click 的對象應該設定 cursor: pointer 才會動（不然會無法點擊）
  • 可解決手機上 click delay 300ms 的問題

Flex 真是個好東西

1
2
3
4
5
6
7

display: flex; // 用flex方式顯示
flex-direction: column; // 排列方向, column垂直排, row為水平
flex-basis: auto; // 初始的 size
flex: 1;  // 設定佔滿空間的比例, 若同階層兩元件一為2一為3則分別佔2/5與3/5的空間
          // 若只有自己的話會把剩餘的空間佔滿, 用在垂直方向則可以把其後方元件推到最底部
          // flex-grow + flex-shrink + flex-basis 的濃縮寫法
order: 1; // flex元件的排列順序, 照數字大小排

實作參考：How to Build a News Website Layout with Flexbox

透過 bower 安裝 package

在 bower 上找相關的 package，找到以後在 bower.json 檔案裡面的 dependencies 設定 package name 與版本號(或用 * 代表任一版本, 會自動裝最新的)：

Git 情境劇 這篇文章應該已經涵蓋了大部分的使用情境，教學也寫得很清楚，以下只列出一些我自己比較常用或比較記不住的指令XD

基本原理是去監聽 hexo new 這個指令，但網路上找到的文章大部分是在 OS X 或根本就是 Linux 環境，指令怎麼跑都不會動～（哭哭）
後來翻到的一篇文章裡面提到 windows 的指令不一樣：

• 要用 start 取代 open -a
• sublime 的執行路徑也需要另外設置

總之終於可以自動打開瀏覽器跟編輯器，愉快的進行編輯啦～