Eva Design System- 深度學習的配色工具，幫你找出跟網站符合的配色系統

Eva Design System 是一個指定主配色後，利用深度學習幫你算出可以跟這個主配色搭配顏色的網站，網路上有不少這樣幫你算配色的工具，這個也可以當成是一個選擇。

使用方式很簡單，只要在 Primary 輸入主要的配色後，會幫你算出 Success、info...等顏色，看起來是用 bootstrap 的系統，這樣如果你的網站是用 bootstrap 跟這個配色系統就能搭配得更完美了。

Read more

[HiRM] Wing Gundam Zero EW

打著比 MG 更高品質的 HiRM 系列，在有飛翼零式 EW 的訊息後就成了我入手的目標，也因為飛翼零式 EW 的關係讓我睽違很久又完成了這隻組裝模型。




組好後先不說造型，那個全身的小零件掉個不停就讓我非常討厭，不知道網路上看到那些開箱文或影片是怎麼補強這點還是我組起來有問題。



也因為零件太容易掉我也不大敢擺太多動作大的姿勢。




可動性應該是很好，但拿劍跟盾的時候一直讓我想罵髒話。




翅膀也因為重心的關係，沒有放在腳架上很難站得穩。





還好設計上解決了以往槍很難拿得住的問題。






最近出的 W 的模型都以近期完結的漫畫「敗者的榮光」裡的機設為主，所以有盾牌也能變形，但因為太害怕變形零件會亂噴我就沒有嘗試了。



飛翼零式對我在入坑機器人模型有很大的意義，可是這款 HiRM 實在讓我很失望啊.. 這樣變成接下來的神威鋼彈我可能就不會入手了。
RoboInfo 的介紹

Read more

40 個用純 CSS 寫的網頁背景底圖

CSS3 之後因為多了一些屬性，讓要用 CSS 來畫圖變得有更多可能，這裡是一些用純 css 做出來的網頁背景底圖，有興趣的可以看一下別人是怎麼應用的。


40 CSS Background Patterns

Read more

svg 的文字- text

要在 svg 裡繪製文字需要使用 text 的標籤，這邊可以替文字設定外框及填滿顏色，是跟一般網頁文字比較不一樣的地方。

See the Pen
svg text by deathhell (@deathhell)
on CodePen.

還可以使用以下屬性調整文字樣式
font-family: 字型
font-weight: 文字粗細
font-style: 大概就是正常跟斜體
text-decoration: 文字裝飾，有 none, underline, overline, line-through 可以用
word-spacing: 字與字的間距
letter-spacing: 字母與字母的間距


可以用 text-anchor 調整文字對齊位置，跟 text-align 不大一樣大家可以注意一下

See the Pen
svg text-anchor by deathhell (@deathhell)
on CodePen.

在 html 內想要調整某段文字的樣式，我們可以利用 span 包起來後再設定，而 svg 的 text 則可以使用 tspan 這個標籤。

See the Pen
svg text 2 by deathhell (@deathhell)
on CodePen.

設定 dy 可以調整垂直位置

See the Pen
svg text 3 by deathhell (@deathhell)
on CodePen.

寫在一起可以個別影響每個字母

See the Pen
svg text 3 by deathhell (@deathhell)
on CodePen.

Read more

svg 的漸層- linearGradient 與 radialGradient

在 svg 要使用漸層，需要使用 linearGradient 這個標籤，然後再使用 stop 去設定每個點的間層顏色就好，若使用 defs 可以設定完再利用 fill 的 url 去指定 id 即可。

簡單雙色：

See the Pen
svg gradient by deathhell (@deathhell)
on CodePen.

多個顏色：

See the Pen
svg gradient 2 by deathhell (@deathhell)
on CodePen.

利用 stop-opacity 設定透明度，值為 0~1

See the Pen
svg gradient 3 by deathhell (@deathhell)
on CodePen.

要改變角度的話則是要設定起點跟終點的座標

See the Pen
svg gradient 4 by deathhell (@deathhell)
on CodePen.

還可以利用 spreadMethod 去設定間曾如果起點跟終點位置以外還有空間的漸層方式，分為 pad(延續前後的顏色)、repeat(重複)和 reflect(鏡射)這樣。

See the Pen
svg gradient 5 by deathhell (@deathhell)
on CodePen.

放射狀漸層則使用 radialGradient

See the Pen
svg gradient 6 by deathhell (@deathhell)
on CodePen.

利用 cx 跟 cy 改變圓心位置，以及用 r 改變漸層半徑

See the Pen
svg gradient 7 by deathhell (@deathhell)
on CodePen.

如果希望圓心不是在 cx 跟 cy 的地方，可以使用 fx 跟 fy 去調整圓心的點，調整完後會變成這樣，圓是以圓心畫出來的，但漸層的中心點不是在圓心。

See the Pen
svg gradient 8 by deathhell (@deathhell)
on CodePen.

一樣可以設定 spreadMethod 來改變起點跟終點外空間的樣式，可以設定的值跟線性漸層一樣。

See the Pen
svg gradient 9 by deathhell (@deathhell)
on CodePen.

Read more

svg 的 pattern

我們可以利用 pattern 來定義圖案，定義的時候若將 patternUnits 設定為 objectBoundingBox，由於我們定義的 pattern 的尺寸長寬都為 20%，所以在繪製的時候若無法剛好將圖片塞滿，則會像這樣感覺很不整齊。

See the Pen
patternUnits by deathhell (@deathhell)
on CodePen.

若想讓 pattern 可以照我們設定的大小填滿框框，則可將 patternUnits 設定為 userSpaceOnUse。

See the Pen
patternUnits2 by deathhell (@deathhell)
on CodePen.

patternUnits 預設的值為 objectBoundingBox


可以用 patternContentUnits 設定 pattern 以容器為基準，值設定為 objectBoundingBox

See the Pen
svg patternContentUnits by deathhell (@deathhell)
on CodePen.

這邊則是在 pattern 裡使用 pattern 的方法，可以讓你的圖樣更為活用。

See the Pen
svg pattern by deathhell (@deathhell)
on CodePen.

Read more

說不定是水逆

Read more

[NXEDGE STYLE] EVA 二號機

NXEDGE STYLE 推出的新劇場版 EVA 二號機一樣維持很高的水準，看起來應該是賣得不錯所以不只新劇場版的福音戰士陸續推出，連舊 TV 跟電影版的也都陸續推出中，對於喜歡 SD 版比例的真的也算是一個福音。



正面背面，塗裝的很不錯，新劇場版不是很強調電力補給這塊，但模型有附感覺還是讓人會心一笑。





滿喜歡新版的頭上有角的感覺還有新的配色。




拿小刀隨便擺也很帥。




飛行裝置。




可以踢球可是感覺沒很好裝我就放棄了。



步槍也是研究了半天裝不大上去放棄，不過光小刀就很帥了。


福音戰士新劇場版：破的介紹

Read more