關鍵應用
用EMail訂閱文章 用RSS訂閱文章 搜尋文章
˄

Blend-CSS 漸層色彩 CSS 語法產生器

網頁有需要使用色彩漸層來布置時,有些人會使用圖片來避開因不同瀏覽器對 CSS 支援各有不同的問題,但也有網站採主要瀏覽器才支援的 CSS 語法來支應,Blend-CSS 是一個可以線上產生漸層色彩的 CSS 語法產生器,操作方法非常直覺,透過設計好的左、右可選不同色彩的介面,直接就可混合成漸層色彩,且可直接預覽,滿意後,就可複製其產出的 CSS 語法,放到網頁要應用的地方,相當方便。
ContentPhoto3076

繼續閱讀»»»

只需加入 instant.page 網站所提供的一小段程式碼,就能讓網頁載入更快更即時

不論是用戶還是站長,對網頁的載入速度應該只會要求更快更即時,但如果原因是出現在網路環境的延遲,有甚麼方法可以克服呢?instant.page 這個網站提供了一段免費且 Open Source (MIT license) 的 JavaScript 程式碼,讓網站擁有者,在網頁的原始碼 </body>之前加入即可的簡單方法,就能在用戶點擊之前預先加載頁面內的鏈結,使其達到後續網頁載入更快更即時的目的,至於它可以更快更即時的載入網頁原理,根據網站提供的說明是利用滑鼠停留在要點擊的鏈結 URL 上,到用戶真正按下去,這個中間的時間差來預先加載頁面,而這個時間平均超過 300毫秒( 0.3秒),各位可以利用該網站所做的測試按鈕,進行測試,而至於網路速度對銷售型的網站影響又是如何呢?該網站也有提到說亞馬遜公司和其他人有發現 100毫秒的延遲會佔銷售額的 1%,可見得影響還是有的,想要讓用戶有更好的瀏覽體驗嗎?可以試試。
 
ContentPhoto3066

繼續閱讀»»»

Tables Generator 視覺化操作的表格產生器

HTML 這種標記式語言雖不複雜也不難學,但對一個初學者而言,要學的東西還真是不少,其中網頁常見的 Table tag 其製作說容易也容易,但如果太複雜,還是需要一些時間的調整,Tables Generator 這個線上的表格產生器,可產生 LaTeX Tables、HTML Tables、Text Tables、Markdown Tables、MediaWiki Tables 等各類型的表格,全部視覺化的操作,馬上可預覽效果,雖不一定能全部套用,但產生後再去修改所提供的 HTML 與 CSS 框架樣式語法,也絕對比你從頭自己來的快,另外,如果有 CSV 檔案,也可直接匯入成表格。
ContentPhoto3003

繼續閱讀»»»

如何利用 Google Chrome 內建的 Audits 功能來測試網站網路、效能、SEO?

有自己架設網站的朋友們,應該都很關注網站的整體效能,包含網路速度、執行效能、SEO、如何改進等等,想要取得這樣的一份報告不難,現在就讓內建在 Google Chrome 瀏覽器內的「開發人員工具」來幫你進行測試,完成測試後,將會產出報告與分數及改進作法,工擬進行網站的調整,該工具也有 Chrome 的擴充功能可以使用,名稱為 「Lighthouse」,可自行下載應用。
ContentPhoto2958

繼續閱讀»»»

Cyotek Spriter v1.9.0.247 自動產出圖片型網頁的 CSS 及 HTML程式碼

2018-7-29 更新:版本更新至 v1.9.0.247
如果不熟悉 HTML 與 CSS ,卻想要將自己所拍攝或蒐集來的圖片,放到網頁上,該如何做呢?Cyotek Spriter 這套免費的應用程式應該可以幫到你,從網頁布局、圖片挑選、CSS 套用、特效等,都可以透過圖形化的介面來操作,完成後,可預覽,並自動產生 HTML 及 CSS 程式碼,省去學習門檻,專注在攝影領域。
ContentPhoto2905

繼續閱讀»»»

TimeTaco 讓網頁的自訂事件也可以有自動倒數計時的功能

在網路上舉辦活動,例如旅遊、徵才、宣傳等,這些都是有期限限制的,多數的網頁就只會寫上截止日期,但如果能將這活動名稱及截止日期變成一個自動倒數計時的功能,嵌入網頁文章中,相信會讓有意願的加入者,提早展開行動。想要有這樣的網頁,來 TimeTaco 這個免費網站就可以輕鬆建立,完全免費,可自訂事件名稱、截止日期、自訂背景圖案,簡單的幾個步驟,就可以將成果放入到自己的網頁中,增加活動的吸引力。
ContentPhoto2914

繼續閱讀»»»

搜尋文章