Chartist 簡單且實用的網頁 SVG 圖表產生器

Chartist 簡單且實用的網頁 SVG 圖表產生器

要在網頁產生長條圖、折線圖等圖表,可以在網頁引用 Chartist 這個專門用來產生圖表的 JavaScript library,透過引用,程式設計師只需撰寫產出符合 Chartist 規範的數據格式程式碼,剩下的就可交給 Chartist 前端圖表產生器自動產生,其支援下列圖表類型:

  • Bar Chart (stacked and horizontal including)
  • Line Chart
  • Pie Chart
  • Area Chart
  • Donut Chart
  • Gauge Chart
  • Line scatter Diagram
  • Animated SVG Path
  • Bi-Polar Line Chart
  • Timeseries
而產出的圖表,具有以下特色:
  • Extreme responsive configuration.
  • Label placement
  • Multi-line labels
  • Overlapping bars for mobile
  • Holes in data
  • CSS Animation
  • SVG Animation
  • Advanced SMIL Animations
  • Plugins support

Redirect-as-a-Service 可自訂等待時間再重新導向至指定網址的免費服務

Redirect-as-a-Service 可自訂等待時間再重新導向至指定網址的免費服務

網站如果因改變網域、網址或需要將過時內容重新導向新網址,如果是自己會寫程式,那麼應該很容易就可以建立出能重新導向的頁面,如果使用率不高或懶得寫,我們可以來使用這個現成的且免費的 Redirect-as-a-Service 服務,該服務提供個人及企業建立 HTTP 重新定向請求的功能,透過該網站,我們可以建立具有等待時間的 URL 重定向請求,然後應用在自己的網站或應用程式並根據您的要求在您的網站或應用程序的任何位置使用它。

Content Parser Website 解析並提取網頁內的 Markdown、Html 或 Text

Content Parser Website 解析並提取網頁內的 Markdown、Html 或 Text

網頁內包含 HTML、JavaScript 及主要內容還有就是用來排版的 CSS語法,因此當檢視網頁原始碼的時候這些全部都會出現,而 Content Parser Website 這個網站可將網頁解析、篩選過雜結構並單純提取成 Markdown 標記式語言、Html 語法或是 Text,使用方式很簡單,僅需輸入網址選擇要提取的格式,就可以在線上預覽提取後的各種格式,方便使用者做後續的應用。

SiteLocity 將網頁從外部引入的 CSS 合併並最佳化

SiteLocity 將網頁從外部引入的 CSS 合併並最佳化

網頁排版靠 CSS,為求可維護性,我們通常會將共用語法單獨寫在一個 CSS檔案,然後由網頁從外部引進使用,以便將來在維護時會較輕鬆且不會出錯,但從外部引進的 CSS檔案多了,卻會造成網頁加載緩慢的問題,SiteLocity 這個網站提供了 Critical Path CSS Generator 的免費功能,該功能可將網頁從外部引入的多個 CSS 檔案合併成一個並最佳化,而使用方式也非常簡單,使用者僅需輸入網址交由 SiteLocity網站掃描,便可以得到合併後的 CSS語法。

Urlcast.io 建立有時間倒數才要公開發布的網址

Urlcast.io 建立有時間倒數才要公開發布的網址

如果有網址想要在某特定時間公開,可以來試試 Urlcast.io 這個網站所提供的網址預約發布免費服務,欲使用該服務無須註冊且建立步驟也很簡單,使用者僅需輸入網址後,便可自訂標題並選擇要發布的時間,Urlcast.io 就會建立一個帶有倒數計時器的網頁並給出該網頁的短網址,當時間到之後,就會自動轉址到預計公開的網頁,同時,該短網址也就失效,因此若有商品優惠活動訊息要在特定時間公布,可以來試試。

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

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

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

 訂閱/追蹤

 站內搜尋

˄