2020年5月3日 星期日

,

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...
Share:
Read More

2019年8月10日 星期六

, ,

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

以下整理我自己一些常用的免費圖庫 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...
Share:
Read More

2018年12月3日 星期一

2018年11月27日 星期二

2018年11月11日 星期日

數字累加動畫

 <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&...
Share:
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:...
Share:
Read More

2018年10月18日 星期四

sketch 套件應用

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