訂閱/取消電子報 | 用RSS訂閱文章 |
➽ 訂閱、追蹤本站最新文章

如何利用 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

Grid-Generator 網頁二欄、三欄、多格式,可自訂的版型產生器

網路上有很多免費的網頁模板可供下載,套用的方式也不複雜,但如要修改其中的版型結構,可能就有點門檻,而我們比較常見的網頁布局有表頭、內容可能區分三、二及單欄式再加上表尾,但不論利用何種版型,如要套用模板,就需要找到相類似的模板,不然就是自己改,太麻煩了。Grid-Generator 這個網站可以讓我們用所見及所得的方式,視覺化的操作網站結構分割、合併、增加、減少、調整區塊大小等,到最後產生該網頁版型的 CSS 樣式表,讓你不論用何種的網頁開發工具,都能輕鬆靈活的套用該 CSS,加快生產力。
ContentPhoto2906

線上 HTML、CSS、JavaScript 程式碼產生器,超多範例語法

網頁要碰到的技術,基礎大概有 HTML、CSS、JavaScript 等程式語法,對初學者而言,最快的上手方式,當然就是多參考別人寫的語法,什麼樣的效果搭配什麼樣的語法,Free Online HTML Code Generator CSS Code Generator JavaScript Code Generator 這個網站在 HTML、CSS、JavaScript、JQuery 四種語言,提供網頁常用物件像是 table、dropdown、iFrame、textbox、radio button、button...等等的語法產生器,透過參數的調整,就能取得該效果的相對應的語法,讓你馬上就能套用到網頁內,這對於還不熟或初學者來說,可說是最佳好幫手。
ContentPhoto2888

如何將 Google 雲端硬碟內的檔案變成可下載的網頁連結?

Google 雲端硬碟不僅僅可以儲存檔案,還可以設定權限來共享,讓有權限或知道檔案 URL 連結的用戶都可以來下載,不過好用是好用,對於不熟悉操作的人或是希望能上傳檔案後就能夠有一個網頁專門承載檔案的下載連結,讓下載更為方便、更為直觀,那該如何做呢?答案很簡單,那就是利用同樣在雲端硬碟內就可以操作的 Google 協作平台,只要替資料夾製作成一個網頁,設定好權限,告訴用戶,就能像是平常在其他網頁中下載檔案般的方便,點擊就可下載。
ContentPhoto2886