自動產生「原始碼」的 JavaScript

2016-01-05 03-37-44 的螢幕擷圖

最近一直在忙於 Tocas UI 阿,

然後在尋找 Semantic UI 到底是怎麼做出「自動產生原始碼」的功能,

所以後來我的想法就是自己做一個,

基本上概念就是:

  1. 取得指定容器內的 HTML
  2. 透過 Tidy 去清潔這個 HTML
  3. 輸出到指定容器

不過卻少了一個功能,就是「重點標記」,所以後來我又新增了這個功能,

最後概念變成:

  1. 取得指定容器內的 HTML
  2. 透過 Tidy 去清潔這個 HTML
  3. 輸出到指定容器
  4. 檢查每個容器想要標示的重點
  5. 把容器內的文字新增重點樣式

我想之後應該會在 Github 公開這個原始碼,因為真的是很方便,

其實使用起來也很方便就是了。

NWZ-A15 購入。

20151203_16391920151203_11083920151203_11092520151203_174916

是說第一張圖片中的功能「SensMe」讓我有點喜歡阿w

能夠分析音樂中的資訊,然後就可以讓你自己選「休閒」,「午夜」,「沙發音樂」有的沒有的種類,

這一點,我好想替 TeaMeow 也加入一下。

三個 Logo 更新— Tocas 和 Avane 和 Staend

亞凡芽

TeaMeow 開發基於 PHP 的模板引擎,Logo 由 Muli 轉換成 Comfortaa

Avane-Old
舊,Muli
Avane
新,Comfortaa

 

Staend

DNA 功能,S 由圓角轉為偏直角。之後可能會再調一下那個幾條線的角度。

Staend
舊,圓角 Muli
Staend-直角-01
新,偏直角 Muli

 

Tocas

TeaMeow 基於 SASS 和 CSS3 與 JavaScript 的元素設計,

字體由 Muli 轉換成全符號,之後可能還會變厚就是了。

Tocas-01
舊,帶有 Muli
Tocas-閃電S
新,全符號

亞凡芽.JS

2015-11-12 17-47-32 的螢幕擷圖

自從什麼都用過之後,就會什麼都想自己建立一個,

亞凡芽原本是在 PHP 上面的啦 .. 不過我摸過 AngularJS 跟 VueJS 之後,

我開始想 .. 如果亞凡芽也能再客戶端上面跑的話速度一定也很快,

所以我就花了半天的時間暫時生出這個基本能解析 {{ 變數 }} 標籤的骨架

2015-11-12 17-48-32 的螢幕擷圖

然後你上面看到的就是 AvaneJS 會在 Element 裏面所存的資料,

不過我也不是很萬能,如果遇到我不會的地方 .. 大概又完蛋了。