2015年8月29日 星期六

gulp + browser-sync 同步的 RWD 開發環境

webber0928
Responsive Web Design(RWD) 是現在網頁式設計時必須要考慮的要件,但是在開發的過程中,需要同時對於不同的 Device 檢視效果,gulp + browser-sync 是一種可以同時更新不同 Device 的 workflow,設定的步驟如下:

2015年8月26日 星期三

Bootstrap 其淫巧計- 用 fieldset 讓區塊內全部 Disabled

webber0928
Bootstrap 4 強勢襲來!!

上面那行是廣告 XD


切入主題, 要怎麼讓區塊內全部都 Disabled 的狀態呢?

給他包進一個 <fieldset> tag, 然後搞定!

[CSS] 改變網頁反白顏色

webber0928
還記得小時候的實驗課, 紙用火烤一烤文字就會顯現

其實網頁也可以有類似的效果喔!

就是用 偽元素 ::selection 的效果,其CSS樣式如下:

2015年8月20日 星期四

Quip:可取代電子郵件與共享、協作文件

webber0928

使用 google 帳號就可以直接註冊使用喔, 


最近覺得 quip 可以取代 hackpad 了 lol

而且速度更順暢,以及免費版就有私密文件功能~

2015年8月16日 星期日

權威的前端性能指南

webber0928

網站性能真的重要嗎?

你當然知道它很重要。所以為什麼我們還要做出速度很慢的網站,給用戶一個糟糕的體驗

呢?這是一份由社區驅動的實用指南,它能幫助你讓你的網站更快。我們沒有必要再浪費時


Coprights @ 2016, Blogger Templates Designed By Templateism | Distributed By Gooyaabi Templates