導(dǎo)讀：這些工具與素材都來(lái)自與Google 代碼庫(kù)，有圖標(biāo)素材，JS框架，CSS工具等等都是與甘肅網(wǎng)頁(yè)設(shè)計(jì)前端有關(guān)的資源。

    Google 代碼庫(kù)是一個(gè)類(lèi)似于 SourceForge 的開(kāi)源社區(qū)，大量開(kāi)發(fā)者在那里上傳自己的代碼或素材同他人分享，Google 代碼庫(kù)于 2006 年啟動(dòng)，至今已積累了大量的好東西，本文從 Google 代碼庫(kù)搜集到 15 個(gè)非常出色的工具與素材，它們都是基于 GPL， BSD， MIT 或 Creative Common 協(xié)議，還可以免費(fèi)使用喔！

1. Twotiny

這是一套由 Paul Jarvis 設(shè)計(jì)的微圖標(biāo)系列，這些圖標(biāo)擁有各種尺寸，提供分層 PSD 文件，非常適合做 Web 設(shè)計(jì)。

2. Minify

    多數(shù) CMS 系統(tǒng)都包含內(nèi)置的代碼精簡(jiǎn)工具，用來(lái)過(guò)濾生成的頁(yè)面代碼中的空格，注釋?zhuān)宰畲蟪潭鹊丶涌祉?yè)面加載速度。該工具可以對(duì) PHP 文件進(jìn)行精簡(jiǎn)，對(duì) JavaScript 和 CSS 進(jìn)行壓縮。

3. Cleanstickyfooter

該項(xiàng)目由 Trevor Sheridan 創(chuàng)建，旨在不借助 CSS Hack 或 CSS z-index 技術(shù)實(shí)現(xiàn)讓 Web 頁(yè)面的頁(yè)腳部分自動(dòng)附著在指定對(duì)象下方。

4. Sexy Buttons

這個(gè) ZIP 壓縮包包含了 1500 個(gè)各種顏色，各種尺寸的圖標(biāo)，還提供相應(yīng)的 CSS/HTML 框架來(lái)實(shí)現(xiàn) Web 按鈕，支持所有主流瀏覽器。

5. php-email-address-validation

這是 AddedBytes.com 的 Dave Child 從 2004 年就開(kāi)始的一個(gè)項(xiàng)目，實(shí)現(xiàn)高級(jí) PHP email 地址驗(yàn)證。

作為 Web 設(shè)計(jì)師，我們經(jīng)常忘記一件事，就是用于打印的 CSS 設(shè)計(jì)。Hartija 針對(duì)頁(yè)面打印設(shè)計(jì)了一個(gè)干凈，巧妙的模式。

7. a-slideshow

這是為 jQuery 1.3 以上版本設(shè)計(jì)的幻燈插件，這里有個(gè)演示。

8. LargePhotoBox

這是一個(gè) jQuery 插件，用一種很巧妙的方式顯示大型圖片，點(diǎn)擊縮略圖，大圖很完美地適應(yīng)瀏覽器窗口，用鼠標(biāo)拖動(dòng)，可以在大圖的各個(gè)部分瀏覽。這里有個(gè)演示。