全方位幫你的網站把脈,Google 推 TestMySite 網頁品質測試工具

全方位幫你的網站把脈,Google 推 TestMySite 網頁品質測試工具

對網站經營與開發者來說,要做好一個網站並不容易,撇開完成開發後要經營的層面來說,光是要讓網頁能夠完美的呈現在電腦、平板、手機各種不同裝置的螢幕尺寸上就是一個不小的課題,再加上各家瀏覽器對 HTML、CSS、JavaScript 等版本技術支援程度各有不同,讓網頁加載的速度也會有差別。網路上有不少網站品質與 SEO的檢測工具,各有各的著眼點,但應該沒人會否認現在網站做得好不好,還是會以 Google 說了算,現在 Google 推 TestMySite 網頁品質測試工具,從友善程度到移動設備的呈現全面幫你的網站總體檢,只要輸入網站網址,除了幫你打分數,還告訴你該如何改進。

ThumbIndex 替相片建立 HTML 的縮圖索引目錄

ThumbIndex 替相片建立 HTML 的縮圖索引目錄

還記得以前相機用底片的時候,每當拿去沖洗後,店家都會製作一張所沖洗相片的縮圖,方便後續的搜尋,而在數位相片的時代,相片多數儲存在電腦的硬碟哩,真有必要才會拿去沖洗,想要將圖片做好管理,可以試試 ThumbIndex 這個可以替相片建立 HTML 的縮圖索引目錄,免去從頭看到尾還找不到相片的困境。

Type Anything 視覺化調整網頁文字字體、間距、大小...的 CSS 語法產生器

Type Anything 視覺化調整網頁文字字體、間距、大小...的 CSS 語法產生器

初學網頁編輯,除了功能外、美工外,還有排版用到的 CSS,樣樣都不是省心的事情,如果可以靠一些輔助工具來協助,絕對可以事半功倍,Type Anything 是一個可以用視覺化的方式來調整 H1、H2、H3 及 paragraph 等 HTML 元素的 Font family、Font Size、Font weight、Line height、Opacity、Margin top、Margin bottom、Letter spacing、Word spacing 及 Capitalization 等屬性的免費網站服務,每次的調整都會即時反映到樣板文字上,讓使用者檢視,完成調整後,就可以產生 CSS 排版語法,讓使用者複製到要應用的網頁,相當方便。

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

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

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

uuom 免費的圖片分享服務

uuom 免費的圖片分享服務

想在論壇、部落格或是一些問答服務的網站裡留言,若想要加入圖片作為說明,可以參考 uuom 這個免費的圖片分享服務,支援本機電腦與遠端圖片使用 URL 的 PNG、JPG、JPEG、GIF 及 BMP 圖檔格式上傳,最大單一檔案限制為 10 MB,應該相當夠用,上傳後除了提供 HTML Code 以及論壇使用的 BBCode 外連語法之外,也提供進行縮短網址服務,另外也可以搜尋上傳者所上傳的圖片。

Video Speed Controller 可用來控制影片播放速度的追劇輔具工具 - 瀏覽器擴充功能

Video Speed Controller 可用來控制影片播放速度的追劇輔具工具 - 瀏覽器擴充功能

在網路上的追劇族應該都知道,不論是在哪個影音網站看影片,除非是該站內有提供快進或後退的功能,不然就是只能使用滑鼠來控制影片的進度條,這樣的結果就是要調整好幾次,才能到達自己預計的定點,而 Video Speed Controller 是個 Chrome 瀏覽器的擴充功能,既然是 Chrome 那也就是說 Microsoft 的 Edge 瀏覽器也可以安裝,該擴充功能可以控制使用 HTML 5 做出的播放器,換句話說,YouTube、LINE TV、LiTV、Gimy、獨播庫...等眾多影音網站接受其支援,其在播放影片時,可以使用快速鍵來控制影片快進或後退的倍速,協助使用者追劇過程有更好的體驗。