版塊設計口袋清單推薦：網站動態特效五大參考資源

多觀賞他人的作品，往往也能夠刺激自己的靈感。製作網站動態特效，有哪些優質的特效收集平台可供參考呢？獲獎無數的版塊設計團隊不藏私推薦。本文內容為你整理五大優質動態特效參考資源。

1、Codepen

這裡集結全世界大大小小前端特效，強的、弱的、趨勢的、流行的 Demo 都在這裡，是全球首屈一指的動態特效收集平台。

它可以直接在上觀看 Demo 以外，還可以直接開啟 Code Editor 即時編輯並觀看成果，非常的方便！且官方定期也會有「 Challenges 挑戰」的題目讓你發揮，版塊設計很常看的是「 Trending 趨勢」類別。建議註冊帳號後觀看，否則會一直跳出要推廣註冊的訊息。

2、Codrops

Codrops 經營較久，至少也有五年以上。

最開始 Codrops 自己會推出動態特效 Demo，到近幾年開始開放讓大家投稿，是個非常用心經營的網站。且每個 Demo 作者都會用心撰寫文章介紹、使用技術、瀏覽支援度、可能會有的問題等，非常的受用！

重點是這個網站的 Demo 完整度極高、設計品味極好！

網站內容會分為兩種大類別 Tutorials / Playground：

Tutorials

這個區塊的 Demo 比較會是利用已成熟的技術加入創意後所發展的動態特效，也是上述提到有詳細說明作法的。

Playground

這個區塊的 Demo比較會是以創新為主，或許是因為較不需考慮支援度與效能的動態特效，所以也都相對較誇張一點。

詳見原文>

https://hahow.in/cafeteria/articles/60b997bbec67eb80ac0dd1b2

隨著求職市場競爭日益激烈，許多學生為了提升自身競爭力，選擇參加各種專業證照考試。這些證照不僅能增加就業機會，還能提升職業素養，幫助學生在求職過程中脫穎而出。根據104學習精靈統計，分析學生族群最常瀏覽的Top10證照，幫助學生了解哪些證照對未來職涯發展具有重要價值。第一名🟢TOEIC (多益測驗) 證照資訊: https://nabi.104.com.tw/ability/10034532 ✍️線上模擬試題測驗: https://nabi.104.com.tw/assess/toeic 發行單位: https://nabi.104.com.tw/certify/unit/791f4d25-0e7f-41b7-b6fc-453d0fb44696 TOEIC測驗是國際上廣泛認可的英語能力證書。對於希望進入外商公司或有海外工作需求的學生來說，TOEIC證照可以幫助提高職場競爭力，並打開更多職業發展的大門。第二名🟢Google Analytics (分析) 個人認證資格證照資訊: https://nabi.104.com.tw/ability/10028451 ✍️線上模擬試題測驗: https://nabi.104.com.tw/assess/ceb78afe-8583-4273-97a3-66fe940374df 發行單位: https://nabi.104.com.tw/certify/unit/141cc2fe-394a-4820-8aed-4e8af84d0c3a Google Analytics認證證書是數位行銷領域的重要證書，適合對網路分析與數據追蹤有興趣的學生。透過此認證，學生能掌握網站分析工具，並能有效解讀數據，這對於數位行銷、網站優化等工作具有重要意義。第三名🟢丙級會計事務技術士證照資訊: https://nabi.104.com.tw/ability/10028814 ✍️線上模擬試題測驗: https://nabi.104.com.tw/assess/df09209a-c850-4fc8-8515-616c07252f11 發行單位: https://nabi.104.com.tw/certify/unit/d0a2b240-e759-4286-967b-cacf03d331cc 丙級會計事務技術士證照是會計領域的入門級證書，主要考核基本的會計操作和財務報表的編製。這項證照適合有意從事會計、財務及相關工作的學生，是踏入會計行業的敲門磚。第四名🟢Adobe Photoshop 證照資訊: https://nabi.104.com.tw/ability/10000359 發行單位: https://nabi.104.com.tw/certify/unit/eb65e05b-1847-4dc9-894a-e4895071a527 Adobe Photoshop證書是數位設計領域的核心資格之一，學生通過此證書認證，能熟練運用Photoshop進行圖像處理、設計和創意工作。對於有志於從事平面設計、數位媒體及視覺藝術領域的學生，這是一項不可或缺的技能。第五名🟢證券商業務員證照資訊: https://nabi.104.com.tw/ability/10028869 發行單位: https://nabi.104.com.tw/certify/unit/045c949f-a7ef-4966-a0fa-18daec5eaf34 證券商業務員證照是金融領域的重要資格，專門針對證券行業的專業人士。持有此證照的學生能夠從事證券經紀、投資顧問等相關業務。對於想要進入證券、金融業的學生來說，這是一項關鍵的證書。第六名🟢乙級職業安全衛生管理員證照資訊: https://nabi.104.com.tw/ability/10028467 ✍️線上模擬試題測驗: https://nabi.104.com.tw/assess/9e3f75d6-01c6-4d46-98b6-347dc9f76b35 乙級職業安全衛生管理員證照是針對有意從事企業安全管理的學生設計的。這項證照可以幫助學生了解和實施企業安全政策、風險評估與事故處理，對於職場安全管理至關重要，尤其在製造業等行業中具有高度需求。第七名🟢TQC-OA-中文輸入證照資訊: https://nabi.104.com.tw/ability/10028186 發行單位: https://nabi.104.com.tw/certify/unit/0f2ca6b0-ffed-40bb-a37f-877da772b5e6 TQC-OA中文輸入證照是一項專業的打字證照，旨在提升學生的中文輸入速度與準確度。這項證照對於辦公室工作需求較高的學生尤為重要，能有效提高工作效率，並在行政或秘書等職位中獲得更多機會。第八名🟢公共工程品質管理人員證照資訊: https://nabi.104.com.tw/ability/10029243 公共工程品質管理人員證照是針對從事建設及工程管理的專業證照，學生擁有此證照後，可以參與公共工程的質量監控與管理。這對於有意從事建設、施工監理或品質控制工作的學生來說，是提升專業競爭力的好選擇。第九名🟢CPR證照證照資訊: https://nabi.104.com.tw/ability/10029188 ✍️線上模擬試題測驗: https://nabi.104.com.tw/assess/826acb37-e22b-4101-9098-28528ab18514 CPR證照是一項急救技能證書，證明學生掌握心肺復甦術等基本急救技術。無論是醫療、運動還是教育等行業，這項證照都能展示出學生的應急處理能力，是具有實際應用價值的重要資格。第十名🟢金融市場常識與職業道德證照資訊: https://nabi.104.com.tw/ability/10028883 ✍️線上模擬試題測驗: https://nabi.104.com.tw/assess/7006d9f4-c61e-4e20-91c0-3a709e21568d 金融市場常識與職業道德證照針對學生的金融知識和職業道德進行考核，適合有志於從事金融、銀行、保險等行業的學生。這項證照能幫助學生了解金融市場運作原理及相關的道德規範，對提升專業素養和業務能力非常有幫助。

Hahow 好學校

Photoshop修圖、Adobe Illustrator、Photoshop、Adobe Photoshop、Illustrator、SSE Adobe Illustrator CC、影像處理Photoshop、TQC-IP-影像處理Photoshop-實用級PT1 (停考)、Illustrator證照、SSE Adobe Photoshop CC、電腦圖像編輯製作Illustrator、電腦繪圖設計Illustrator

版塊設計口袋清單推薦：網站動態特效五大參考資源