星期三, 6月 28, 2017

CSS3 will-change 屬性

透過 CSS3 中的 will-change 可以提前讓瀏覽器知道某個區塊將會發生什麼動畫效果,
對於在 Safari 中某些動畫造成文字粗細閃爍的 bug,可以用這個方法修復,
對於其他動畫不夠順暢時,或許可以試試看這個屬性,
但這屬性還滿新的,使用前必須看看有沒有支援。


img{

    will-change: transform;
}


關於CSS的will-change屬性的介紹

上述文章建議使用 will-change 時,在需要打開的時候再打開比較好,
減少瀏覽器一直處在隨時待命耗費效能的狀況。

例如,
Button 在 active 時會變化,可以將 will-change 下在其 hover 時;
Button 在 hover 時會變化,可以將 will-change 下在其父層 hover 時。

其他參考:
https://developer.mozilla.org/zh-CN/docs/Web/CSS/will-change

星期一, 3月 07, 2016

InVision e-courses - Design Workflow with Sketch


-----------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------

星期日, 1月 31, 2016

Akane UX/UI課程 (2015/12/18)

  1. 使用者經驗設計範圍圖
  2. 使用者經驗分層元素
  3. 產品功能

    功能、任務
    操作、行為
    外觀
    情境
  4. 產品擬人

星期三, 1月 20, 2016

Daily UI Challenge




我參加了這個挑戰:Daily UI

之前有設計師分享了自己的 100 Days UI 作品,於是有團隊受到啟發發起了這個活動,在網頁輸入了Email後,往後的100天內他都會寄一個UI設計的題目讓大家練習。

希望我能持之以恆。

>> --------------------------------- Daily UI 台灣自發性社團 -------------------------------- <<



目前進度:                                                   4.5% (悽慘 )


>> -------------------------------------- 以下每日任務 -------------------------------------- <<

星期二, 12月 22, 2015

星期日, 12月 20, 2015

設計資源參考網站

這是上課後老師丟給我們的設計相關網站。
加上我以前知道的網站,全部都整理在這裡了,方便以後找東西。
以後會慢慢新增新找到的,或刪除壞掉的網站。

( 最近更新 2015/12/20 )

CSS3 will-change 屬性

透過 CSS3 中的 will-change 可以提前讓瀏覽器知道某個區塊將會發生什麼動畫效果, 對於在 Safari 中某些動畫造成文字粗細閃爍的 bug,可以用這個方法修復, 對於其他動畫不夠順暢時,或許可以試試看這個屬性, 但這屬性還滿新的,使用前必須看看有沒有支援。...