件描述：

xGallerify是一款輕量級響應(yīng)式j(luò)Query圖片畫廊插件。該圖片畫廊插件會根據(jù)圖片的尺寸智能生成網(wǎng)格布局，并且可以動態(tài)的添加圖片。它具有響應(yīng)式，易于實現(xiàn)等特點。

使用方法

使用該圖片畫廊插件需要在頁面中引入jquery和jquery.xgallerify.min.js文件

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.xgallerify.min.js"></script>

HTML結(jié)構(gòu)

可以使用一個<div>元素來包裹圖片畫廊。

<div class="photos">
<div class="photo"><img src="img/1.jpg"></div>
<div class="photo"><img src="img/2.jpg"></div>
<div class="photo"><img src="img/3.jpg"></div>
......
</div>

初始化插件

在頁面DOM元素加載完畢之后，可以通過gallerify()方法來初始化該圖片畫廊插件。

<script type="text/javascript">
var gallery = $('.photos').gallerify({
margin:10,
mode:'default',
lastRow:'adjust'
});
</script>

配置參數(shù)

建HTML網(wǎng)頁時，可以采用多種布局和設(shè)計風(fēng)格。以下是一些常見的網(wǎng)頁形態(tài)名稱，可用于不同的網(wǎng)站設(shè)計和功能需求：

1. **門戶網(wǎng)站** - 集成了新聞、天氣預(yù)報、郵箱等服務(wù)的網(wǎng)站。

2. **企業(yè)網(wǎng)站** - 用于展示公司信息、產(chǎn)品和服務(wù)。

3. **電子商務(wù)網(wǎng)站** - 用于在線銷售商品。

4. **博客** - 用于個人或公司發(fā)布文章和日志。

5. **社交媒體網(wǎng)站** - 如Facebook和Twitter，用于社交互動。

6. **論壇** - 用戶可以發(fā)帖和回帖討論特定主題。

7. **新聞網(wǎng)站** - 提供新聞文章和更新。

8. **教育網(wǎng)站** - 用于在線課程和學(xué)術(shù)資源。

9. **政府網(wǎng)站** - 提供政府服務(wù)和信息。

10. **非營利組織網(wǎng)站** - 用于宣傳和籌款。

11. **個人作品集** - 展示個人作品，如設(shè)計師和藝術(shù)家。

12. **在線百科全書** - 如維基百科，提供大量信息。

13. **食譜網(wǎng)站** - 提供食譜和烹飪技巧。

14. **健康與健身網(wǎng)站** - 提供健康和健身相關(guān)內(nèi)容。

15. **旅行網(wǎng)站** - 提供旅行信息和預(yù)訂服務(wù)。

16. **房地產(chǎn)網(wǎng)站** - 展示房產(chǎn)信息和經(jīng)紀(jì)人。

17. **汽車網(wǎng)站** - 提供汽車信息和銷售服務(wù)。

18. **科技新聞網(wǎng)站** - 關(guān)注最新科技發(fā)展和產(chǎn)品。

19. **音樂網(wǎng)站** - 提供音樂播放和下載。

20. **視頻分享網(wǎng)站** - 如YouTube，用戶可以上傳和分享視頻。

21. **電影數(shù)據(jù)庫** - 如IMDb，提供電影信息和評論。

22. **體育網(wǎng)站** - 提供體育新聞和賽事信息。

23. **財經(jīng)網(wǎng)站** - 提供股票市場和財經(jīng)新聞。

24. **攝影網(wǎng)站** - 展示和分享攝影作品。

25. **時尚網(wǎng)站** - 提供時尚新聞和趨勢。

26. **寵物網(wǎng)站** - 提供寵物護(hù)理和相關(guān)信息。

27. **美食博客** - 分享美食制作和餐廳評論。

28. **兒童網(wǎng)站** - 提供兒童教育和娛樂內(nèi)容。

29. **DIY網(wǎng)站** - 提供手工制作和DIY項目。

30. **游戲網(wǎng)站** - 提供在線游戲和游戲新聞。

31. **星座占卜網(wǎng)站** - 提供星座運勢和占卜。

32. **招聘網(wǎng)站** - 提供職位信息和求職服務(wù)。

33. **個人博客** - 個人分享生活和觀點的博客。

34. **科技博客** - 關(guān)注科技產(chǎn)品和公司動態(tài)。

35. **書評網(wǎng)站** - 提供書籍評論和推薦。

36. **旅游博客** - 分享旅行經(jīng)歷和攻略。

37. **藝術(shù)畫廊網(wǎng)站** - 展示和銷售藝術(shù)品。

38. **在線市場** - 如Etsy，提供手工藝品和獨特商品。

39. **在線課程平臺** - 提供各種在線課程和培訓(xùn)。

40. **語言學(xué)習(xí)網(wǎng)站** - 提供語言學(xué)習(xí)和練習(xí)工具。

41. **健康咨詢網(wǎng)站** - 提供健康和醫(yī)療建議。

42. **心理健康網(wǎng)站** - 提供心理健康信息和資源。

43. **個人財務(wù)網(wǎng)站** - 提供個人理財建議和工具。

44. **投資網(wǎng)站** - 提供投資策略和市場分析。

45. **環(huán)境與自然網(wǎng)站** - 關(guān)注環(huán)境保護(hù)和自然話題。

46. **歷史與文化網(wǎng)站** - 提供歷史和文化知識。

47. **宗教與靈性網(wǎng)站** - 提供宗教和靈性內(nèi)容。

48. **政治評論網(wǎng)站** - 提供政治新聞和評論。

49. **在線論壇** - 用戶可以討論各種主題。

50. **慈善網(wǎng)站** - 用于宣傳和籌集慈善捐款。

這些形態(tài)的名稱代表了不同的網(wǎng)站類型和功能，可以根據(jù)您的需求和目標(biāo)受眾選擇合適的網(wǎng)站形態(tài)。

ello，這里是同捉

作為設(shè)計師，工作之余就是想收集多一些優(yōu)質(zhì)、高格逼的設(shè)計網(wǎng)站，但是單靠一己之力想要在茫茫設(shè)計領(lǐng)域中遇見對的那個，往往都要付出很大的時間代價。

你是否早已等不及了？畢竟同行的激烈競爭，早已讓你無路可退。小編又要做好事啦，來一波國外頂尖的設(shè)計網(wǎng)站，你就偷著樂吧。

1、css design awards

css Design Acssdcss Design Awards是歐美畫廊的css和css網(wǎng)頁設(shè)計獎。一個css Gallery，可授予著名網(wǎng)頁設(shè)計獎，以激勵使用css設(shè)計的網(wǎng)站。

css設(shè)計獎項是一個聚集創(chuàng)意的地方，世界很多有知名度的網(wǎng)站都會想盡辦法在這里展示，這是實力的象征，也是榮譽的象征。

而新興css設(shè)計獎品的目標(biāo)則是獲取每個網(wǎng)站設(shè)計的每一個步驟，讓設(shè)計師發(fā)揮洪荒之力，腦洞大開。

網(wǎng)站評選的過程就是，所有網(wǎng)站都會自動添加到提名目錄里面，然后讓評審進(jìn)行審核。

而審核的標(biāo)準(zhǔn)一般是圍繞用戶界面設(shè)計、UX設(shè)計和創(chuàng)新性進(jìn)行考核，獲獎?wù)叩拿麊螌谑醉摮霈F(xiàn)并添加到獲獎?wù)叩漠嬂犬?dāng)中。

往年的獲獎?wù)咦髌芬矔尸F(xiàn)出來：

同時發(fā)現(xiàn)，不少設(shè)計工作者都在工作中遇到諸多煩惱，例如壓力大，精神滿，與設(shè)計的對話太少，酬勞不理想...

所以呢，如果諸位向和更優(yōu)秀的設(shè)計師看齊，不妨到這個國際設(shè)計平臺讓高人指點下，或多或少都能鍍鍍金。

2、uplabs

uplabs是一個交互設(shè)計作品集的優(yōu)秀網(wǎng)站，這個網(wǎng)站的界面設(shè)計很簡約，推薦的作品及質(zhì)量也都很高。

Uplabs匯集了很多交互設(shè)計和前端設(shè)計作品，例如家居應(yīng)用、游戲網(wǎng)頁、社交約會、尋找附近景點等，還有大量Android和iOS的UI設(shè)計資源。

為了幫助用戶提高工作效率，用戶可以在網(wǎng)站上通過軟件分類去搜索不同的軟件，然后繪制自己需要的交互設(shè)計原型，除了展示作品之外，Uplabs還支持部分作品原型文件的免費下載。

3、trend list

TrendList是美國的一個平面設(shè)計視覺趨勢博客。平面設(shè)計，如時尚或音樂，受當(dāng)代趨勢的影響。在數(shù)字信息以光速傳輸?shù)氖澜缰校@種情況得到了加強。

TrendList的任務(wù)是搜索，命名和排序這些圖形設(shè)計趨勢。TrendList試圖發(fā)現(xiàn)它們在何時何地上升，它們受歡迎的國家以及它們?nèi)绾坞S著時間的推移而發(fā)展。

TrendList展示海報，書籍，目錄，雜志，專輯封面和文化領(lǐng)域的邀請。這項工作通常是實驗空間和“最新”的圖形設(shè)計。它主要是指出圖形設(shè)計受某些趨勢的影響。

主頁面右側(cè)的列表非常實用，精準(zhǔn)的分類提高了用戶篩選的效率和自由度，例如有趨勢列表：

• 國家列表

• 工作室列表

有了這些列表，在查詢的時候就方便很多了。

對了，這個網(wǎng)站還有很多國外頂尖藝術(shù)學(xué)院的優(yōu)秀設(shè)計作品展出，在這里，你可以盡情的學(xué)習(xí)、交流、共享、進(jìn)步。

4、FWA

The FWA全稱Favourite Website Awards，成立于2000年5月份，是設(shè)計師們最喜歡的網(wǎng)站，擁有超過1.4億的網(wǎng)站訪問量，它展示最前沿的網(wǎng)站設(shè)計與網(wǎng)站設(shè)計趨勢。

The FWA是全球最喜歡的網(wǎng)站獎，行業(yè)認(rèn)可的互聯(lián)網(wǎng)獎勵計劃和鼓舞人心的門戶網(wǎng)站。

同時The FWA也是一個網(wǎng)頁設(shè)計素材豐富的網(wǎng)站。包含flash動畫，全flash網(wǎng)站，thefwa圖片庫，thefwa視頻庫，thefwa圖書，thefwa優(yōu)秀的設(shè)計機構(gòu)等相關(guān)欄目。

是一個世界著名的互動多媒體網(wǎng)站收錄平臺，F(xiàn)WA一直被列為世界上最頂級、最具有精英意義的評價網(wǎng)絡(luò)媒體交互藝術(shù)創(chuàng)作的權(quán)威機構(gòu)，其收錄的作品也不斷成為備受追捧的創(chuàng)意科技標(biāo)桿。

FWA每日收錄一個互動站點，月度年度評選最佳。凡是被收錄的站點都會被光榮的授以FWA角標(biāo)，這是國內(nèi)外無數(shù)設(shè)計師與互動網(wǎng)站開發(fā)機構(gòu)夢寐以求的標(biāo)識。

5、The Design Inspiration

The Design Inspiration是一個就有深受專業(yè)設(shè)計師喜愛和好評的一個平臺，它向用戶展示世界各地以及各大知名網(wǎng)站的高品質(zhì)素材。

它是一個內(nèi)容十分豐富的平臺，領(lǐng)域涵蓋了設(shè)計標(biāo)志：

• 插圖藝術(shù)

• 網(wǎng)站展示

• 名片設(shè)計

除此之外，還有排版靈感、創(chuàng)意照片、海報設(shè)計等等，這里面無論是產(chǎn)品設(shè)計還是平面設(shè)計，都是可圈可點，對于同行有著超高的吸引力，也適合各個水平階段的人士學(xué)習(xí)借鑒。

另外，這個網(wǎng)站還有一個亮點，那就是“顏色搜索”功能，只要把鼠標(biāo)放在色卡上，就會顯示對應(yīng)的色號。

這大大便利了設(shè)計師的取色工作，畢竟設(shè)計師也需要具備色彩能力嘛。

山外有山，人外有人，設(shè)計這個行業(yè)一入深似海，終生學(xué)習(xí)是在所難免的了，畢竟它引領(lǐng)著社會潮流。

本次推薦的這5個設(shè)計網(wǎng)站，可都是界內(nèi)的搶手貨，希望能幫助大家在設(shè)計方面有新的突破。

【 鏈 接 集 合 】在這里啦：（tip：部分需要備翻墻軟件喲）

css design awards

網(wǎng)站鏈接：https://www.cssdesignawards.com/

uplabs

網(wǎng)站鏈接:https://www.uplabs.com/

trend list

網(wǎng)站鏈接:http://www.trendlist.org

FWA

網(wǎng)站鏈接：https://thefwa.com/

The Design Inspiration

網(wǎng)站鏈接：https://thedesigninspiration.com/

更多優(yōu)質(zhì)文章/推薦，請持續(xù)關(guān)注哦~
1、右上角關(guān)注同捉~
2、評論文章，讓小仙知道你喜歡這類文章，往后會更努力寫優(yōu)質(zhì)文分享，愛你（づ￣3￣）づ╭