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 CC 0圖片
https://stocksnap.io

日本生鮮食物、食材免費圖庫

http://www.sozai-page.com/index.html

日本免費照片素材

https://photo-ac.com/tw/

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: 1;
    padding: 50px 0px;

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