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 時,可以參考看看。

JS IMAGE CARVER 自動感知圖片內容,調整圖片尺寸大小

JS IMAGE CARVER 自動感知圖片內容,調整圖片尺寸大小

有關圖片尺寸的調整,多數的時候都是寬度與高度只能兼顧一邊,調整寬度,就自動縮放高度,相反的,調整高度,就按比例縮放寬度,這樣來做最省事,且讓圖片不會扭曲變形。而 JS IMAGE CARVER 這個線上工具則是挑戰不等比例的來調整圖片尺寸,且又讓圖片內容看起來是正常的,怎麼做呢?其透過 Seam Carving 演算法 來實現,簡單來說就是根據感知圖片內容,自動擠壓空間進而達到圖片尺寸大小調整,姑且不論 Seam Carving 演算法有多厲害,使用者通常只看結果,畢竟效果不好,演算法再複雜都無用,經過實測,如果圖片內容是人物的話,基本上不甚理想,但對於某些風景照,卻有不錯的效果,大家可試試。

Just Proxy VPN 虛擬私人網路連線免費工具 - Chrome 瀏覽器擴充功能

Just Proxy VPN 虛擬私人網路連線免費工具 - Chrome 瀏覽器擴充功能

VPN(Virtual Private Network)可以將其想像成在不安全的網際網路上建構一條虛擬私人連線,透過該連線對外進行安全、保密的資源存取,不過對很多用戶來說,只有用了 VPN 的前半段,就只為隱藏自己的 IP 位址或是繞道存取有限制的位址路徑,而忽略其安全與保密功能。Just Proxy VPN 是一個應用在 Chrome 瀏覽器的虛擬私人網路連線免費擴充功能,免費提供美國與日本共三個 VPN 免費連線。

Kastor Free Video Converter 影片轉檔免費工具(繁體中文版)

Kastor Free Video Converter 影片轉檔免費工具(繁體中文版)

2013-1-28 更新:版本更新至 v2.3

想要將影片轉檔成不同的格式,讓影片可以在影音播放器或行動裝置(iPhne、iPod、iPad、Android)等不同的平台上都可觀賞嗎?可以來試試這套操作簡單又免費的 Kastor Free Video Converter 影片轉檔工具,支援 Avi、DVD、Flv、Wmv、Mp4、Ipod、Ipad、Iphone、Android... 等等所有主流的影片格式,Kastor Free Video Converter 除了轉檔之外,另外還有一項也是大家很喜愛的功能,就是可以將影片分割出其中的片段,讓你精彩片段隨身帶著走。

Ken Rename 檔案批次更名工具(免安裝 繁體中文版)

Ken Rename 檔案批次更名工具(免安裝  繁體中文版)

Ken Rename 是一套相當實用的檔案批次更名免費工具,在制定檔案新名稱時,提供相當多樣化的命名公式可供使用,像是使用 Macro 巨集、Replace 取代、Change Case、Remove、Insert、Script...等相當靈活的方式,且支援 Unicode,更名時也可即時預覽,重新命名作業完成後也能顯示完整記錄,若是操作錯誤或對檔案的新名稱不滿意時,還可以復原作業,是功能相當的齊全一套軟體。相關軟體可參考 Ant Renamer 批次更換檔名及副檔名,支援相片 EXIF 資訊及 MP3 ID3 標籤命名﹝免安裝繁體中文版﹞

KompoZer 實用的網頁編輯器

KompoZer 實用的網頁編輯器

想寫網頁程式,透過網頁編輯器等的輔助工具,應該能加快產能,KompoZer 是一套免費的網頁、CSS 編輯器,除了基本的 HTML 程式碼編輯、版面預覽、多分頁編輯模式,可同時開啟、編輯多個網頁內容等功能外,並可透過網站管理,將編輯好的網頁,方便發佈到自己的網站裡,簡單好用,且編輯好馬上就能看到效果。若能搭配使用 Free JavaScript Editor 實用的 HTML 及 JavaScript 整合編輯器,具 Intellisense 功能Free Colored ScrollBars 瀏覽器彩色滾動條(ScrollBar) CSS 及 JavaScript 特效產生器 JavaScript Collector 1.1.0.4 - 蒐集超過200個JaveScript語法 等工具來輔助,相信新手也能將網頁編輯工作,快速上手。

KuaiZip 檔案壓縮/解壓縮免費工具

KuaiZip 檔案壓縮/解壓縮免費工具

對於檔案的傳送,若檔案不大,當然可以直接傳,若是檔案較大或是防毒軟體會針對某些特定的副檔名加以攔截,當然少不了就要使用檔案壓縮/解壓縮工具,好用又免費的檔案壓縮/解壓縮工具不少,而這套 KuaiZip 據官網的介紹,其特色在於壓縮比率與知名的 WinZIP、Winrar 比較時都來的高,且支援的壓縮與解壓縮格式有 ZIP、RAR、7Z......等 40多種的常見格式,且介面簡潔,操作方便,若還在使用破解版的壓縮與解壓縮軟體,不彷可以來試試 KuaiZip。

letsname.com 網域名稱產生器及檢查是否已被註冊

letsname.com 網域名稱產生器及檢查是否已被註冊

「網域」最簡單的概念大概就是用來對應一組 IP 位置,使得原本難以記憶的 IP 位置,變得較有意義,也方便記憶,即便是網站變更了 IP 位置,還是可以找到該網站。因此,若想要自行架站,慎選個網域名稱,也會對你的網站有加分效果,那麼有哪些網域是大家還沒註冊過的呢?又有哪些網域是可以註冊,來試試 letsname.com 網站所提供的網域名稱產生器,letsname.com 除了會隨機幫你產生上可以註冊的網域名稱之外,還會告訴你該網域名稱已經被查詢過多少次,另外若自己已經有喜歡的網域名稱,也可以輸入後,letsname.com 就會幫你檢查 .com、.net 及 .info 這三個網域的後綴名稱是否可用。

Loaders 讓瀏覽者在等待網頁載入的同時出現動畫圖示

Loaders 讓瀏覽者在等待網頁載入的同時出現動畫圖示

網頁在呈現之前是需要運算及傳輸時間的,如果可以在這個等待時間加入一個進度條,讓瀏覽者知道還要等多久,會是較理想的網頁設計,但進度條的準確度會受到很多條件的限制,因此,大部分的網頁都是提供一個等待圖示動畫,藉此提示瀏覽者,不需要有多餘的動作靜待網頁呈現。以往要加入此類的等待圖示動畫,我們會使用 Gif 圖檔,而現在我們可以更方便的使用 JavaScript 或是純 CSS 就能加入,Loaders 這個網站提供獨特且具有質感的 24個免費 loader ICON,每個均提供 REACT、HTML 及 CSS 原始碼,讓網頁設計使用 loader ICON可以更方便且有更多選擇。

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

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

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

Loads.in 網頁載入速度測試免費服務,可選擇測試地點及測試時所使用的瀏覽器

Loads.in 網頁載入速度測試免費服務,可選擇測試地點及測試時所使用的瀏覽器

有自己架設網站或部落格的朋友,可能會很在意或好奇自己網站裡各網頁在世界各個地方使用不同瀏覽器的載入速度,若有此需求可以來 Loads.in 這個網站所提供的網頁載入速度測試免費服務,測試地點可以選擇美國、歐洲、亞洲...等,瀏覽器則可以選擇 IE、FireFox、Chrome、Safari 等,使用方式相當簡單,選擇好要測試的地點,使用的瀏覽器,輸入要測試的網址,稍後,便可得到一份相當詳盡的圖形報告,包含像是網頁裡圖片、CSS、JavaScript 等等的每個載入所花費的時間。