AjaxDaddy 精選的Ajax範例展示網站,並可將程式碼加到自己的網頁中

AjaxDaddy  精選的Ajax範例展示網站,並可將程式碼加到自己的網頁中

AjaxDaddy 是一個專門蒐集Ajax程式碼並將它寫成可在網頁中展示其效果的範例,讓想要使用這些Ajax程式碼的網站只要參考其範例就可以很輕易的就將它放到自己的網頁上。AjaxDaddy 網站內有非常明確的分類,包含有手風琴(accordion)、自動完成(autocomplete)、圖形(charts)、菜單(menu)、分頁(tabs)、提示(tooltip)...等20多個分類,想要在網站上添加一些Ajax效果的朋友,可以試試!

ajaxload.info 網頁資料讀取時的等待圖示

ajaxload.info 網頁資料讀取時的等待圖示

常在網頁看到當網頁在讀取資料時,會先出現一個等待的圖示來告訴使用者網頁資料目前在讀取中,最常看到的像是 FaceBook 或 Plurk 網站在讀取資料時的等待圖示。ajaxload.info 就是專門提供該類圖示的免費網站,可線上自訂該圖示的顏色及背景色,並提供 GIF 格式檔案下載。

CDNJS 網站開發資源託管免費服務 CDN

CDNJS 網站開發資源託管免費服務 CDN

網站開發免不了都要使用到 JavaScript、CSS、SWF、images 等專屬前端網頁的開發應用,例如 JQuery 程式庫,若自己的網站流量夠大,當然可以將其下載到自己網站上來應用,若想節省自身網站的流量,也可以在網頁裡直接引用有提供 CDN 的網站上的程式庫,像是 Google CDN 或是 Microsoft runs their own CDN,若在前述兩個網站上找不到要應用的資源,可以到 CDNJS 網站上找找看,其穩定性與效能也還算不錯喔。

2010 年 jQuery 的最佳 10 個 Plugins(Slideshow、Tooltip、Chart...)

2010 年 jQuery 的最佳 10 個 Plugins(Slideshow、Tooltip、Chart...)

jQuery 是一個相當簡潔的 JavaScript 程式庫, 簡化了原本在 JavaScript 對 HTML 網頁裡面的物件綁定、事件處理、動畫製作及處理 Ajax 互動的過程等,正因為寫得少,做得多的特性,就連在微軟的 Visual Studio 的網頁程式開發工具裡,也正式的支援 jQuery。jQuery 的(Plugins)外掛相當多,而由 WebDesignLedger 所選出的 2010 年 jQuery Plugins 的最佳 10 個 外掛,都是網頁裡常會用到的像是 Slideshow、Tooltip、Chart...等等,都是相當實用的 Plugins,若是有使用或想嘗試使用 jQuery Plugins 時,可以參考看看。

24個純 CSS 打造的等待動畫圖示 隨取即用

24個純 CSS 打造的等待動畫圖示 隨取即用

網頁處理、運算、傳輸都需要時間,如果讓使用者乾等待,就容易產生當機的錯覺,因此,在這段時間產生一個提示訊息藉此告訴使用者耐心等待是有必要的,而現行網頁最常見的就是使用等待動畫圖示,負責處理到呈現這段時間的呈現,這個動畫可以使用 GIF 圖檔,也可以使用純 CSS 語法打造,24 PURE CSS3 PRELOADERS 這個網站展示了 24個純 CSS 等待動畫圖示,只需在網頁中引用該 CSS 檔案,就可輕易實現等待中使用動畫圖示來提示。

Tartan Maker 線上免費的網頁背景圖片製作服務

Tartan Maker 線上免費的網頁背景圖片製作服務

Tartan Maker 是一個可用來製作網頁背景圖片的免費線上服務,透過 Tartan Maker 網站所提供的格子原圖片素材,後續可自訂其線條與格子顏色、格子數及格子大小、線條粗細等等,方便且快速的用來設計自己喜歡的背景樣式,設計好的樣式圖片提供全螢幕即時預覽與下載,相當方便。

Uiball.com 免費使用 CSS 打造的網頁等待動畫圖示

Uiball.com 免費使用 CSS 打造的網頁等待動畫圖示

瀏覽網頁之所以會覺得網站可能沒有回應,原因有可能出在網頁需要運算時間較久、網路傳輸速率較慢或的數據過多...等等,總之,在這之前如果適時地放上一個等待圖示或是加載中,請稍後...的字樣,都比讓用戶空等帶來的好,如果是要放等待動畫圖示,GIF 是個選擇,而另一選擇則是使用 CSS,Uiball.com 這個網站提供 24個以 CSS 打造的等動畫圖示,喜患的就可以直接複製其 html 與 css語法,直接放到想要顯示的位置即可。

WebSiteIcons 精美美工圖示下載

WebSiteIcons 精美美工圖示下載

若想美工自己的網頁,圖示肯定少不了,網路上有提供可下載圖示類的網頁素材網站也不少,像是 VistaIcons.com 提供豐富且風格一致的成套 ICO 圖示,且均附 PNG 檔案Preloaders.net 線上產生動態圖示,可調整顏色、背景色、尺寸及動畫速度等ajaxload.info 網頁資料讀取時的等待圖示 都是不錯的美供應用圖示。WebSiteIcons 所提供的圖示雖不多,卻是相當精美,且附上 PNG 圖檔,方便後續的編輯。