Bootstrap相關套件整理

適用Bootstrap的Modal https://lunar.atomui.com/ Bootstrap多層分類選單 https://codepen.io/JacobLett/pen/jaaQYG InputSpinner(購物車數量) https://shaack.com/projekte/bootstrap-input-spinner/ Social Buttons for Bootstrap (社群按鈕) https://lipis.github.io/bootstrap-social...

Read More

[視覺設計] 免費圖庫整理

以下整理我自己一些常用的免費圖庫 smartmockups http://smartmockups.com/ FindA.Photo (以顏色與標籤分類) http://finda.photo/ GRATISOGRAPHY http://www.gratisography.com/ Unsplash https://unsplash.com/ pexels https://www.pexels.com/ pixabay https://pixabay.com/ cc0photo http://cc0photo.com/ cc0圖庫 https://visualhunt.com/ 日本商用免費圖庫寫真素材 https://www.pakutaso.com/ 日本CC0 https://www.photock.jp/ 美食圖庫 https://www.foodiesfeed.com/ 免摳圖庫 http://www.58pic.com/tupian/miankoutu-0-0-2.html 千圖網 http://www.58pic.com/ StockSnap...

Read More

ios設計準則

https://www.ui.cn/detail/361967.html https://www.ui.cn/detail/393282.html https://www.ui.cn/detail/142476.html ...

Read More

設計師每日必逛書籤

CollectUI http://collectui.com/ Dribble https://dribbble.com/ Pinterest https://www.pinterest.com/ Behance https://www.behance.net...

Read More

數字累加動畫

 <script src="@Url.Content("~/Scripts/jquery.waypoints.min.js")"></script>     <script src="@Url.Content("~/Scripts/jquery.countup.min.js")"></script>       <script type="text/javascript">         $('.counter').countUp();     </script> <span class="counter">274</span&...

Read More

視差動畫css

   color: rgba(255, 255, 255, 0.75);     background-attachment: fixed;     background-image: linear-gradient(rgba(96, 96, 96, 0.25), rgba(0, 0, 0, 0.82)), url(../Img/last_letter_img.jpg);     background-position: bottom;     background-repeat: no-repeat;     background-size: cover;     text-align: center;     z-index:...

Read More

sketch 套件應用

Alembic（推薦） 功能：滑鼠選取一張圖，就可以取得該圖所使用的顏色。 Material Theme Editor （推薦） 功能：有豐富的 Material Design 元件庫，還能夠使用非常簡單且所見即所得的介面調整整體風格與色系。 教學文章：https://sspai.com/post/44609 Craft （推薦） 教學網站：https://www.zcool.com.cn/article/ZNDE0MjI0.html...

Read More