˄

HTML.cafe 線上 HTML 編輯器,即時呈現 HTML 及 CSS 語法變化

HTML.cafe 線上 HTML 編輯器,即時呈現 HTML 及 CSS 語法變化

寫好的 HTML 及 CSS 通常必須存檔,然後由瀏覽器去執行,這一來一回的動作可能要經過無數次,相當浪費時間,HTML.cafe 是個線上 HTML 編輯器,所敲進去的 HTML 及 CSS 語法,會即時反應在呈現欄中,免去存檔後,再到瀏覽器執行的過程,這對初學者或是需要測試 HTML 語法或是 CSS 排版效果絕對是個好幫手。

繼續閱讀»»»

[ Windows Server ]如何使用 win-acme 申請 Let's Encrypt SSL 並安裝到 IIS?

[ Windows Server ]如何使用 win-acme 申請 Let's Encrypt SSL 並安裝到 IIS?

申請網域也架好站台( Windows Server 2019 & IIS 10.0 的環境),而站台要使用的 SSL 數位憑證其取得方式有兩種,一種是付費購買,另外一種則是使用數位憑證認證機構 Let's Encrypt 所推出的免費 SSL/TLS 憑證服務,本文聚焦在後者,而取得的步驟可以透過像是 ZeroSSL 這種線上服務來取得,但有網域名稱個數、取得的憑證須經轉換成 PFX檔才能使用在 IIS及無法自動更新等限制,而透過 win-acme 指令應用程式來取得,不但可以一次為 IIS 內所有站台取得 SSL 憑證,更可以在 3個月憑證到期前自動更新,且操作相當簡單。

繼續閱讀»»»

CapsLock Indicator 在工作列上顯示 Num Lock,、Caps Lock、Scroll Lock 提示燈號

CapsLock Indicator 在工作列上顯示 Num Lock,、Caps Lock、Scroll Lock 提示燈號

筆記本上的鍵盤大都沒有 Num Lock、Caps Lock、Scroll Lock 的提示燈,使用者通常都是在敲錯後,才知道目前鍵盤現在正處於某種鎖定,CapsLock Indicator 這套免費又免安裝的應用程式,可以在工作列上顯示這三種狀態燈號,且每一次的模式切換還有文字提示,且該提示可以由使用者自行設定字體、大小及停留秒數,常常忘記鍵盤目前所處狀態,可以來試試這套免費軟體。

繼續閱讀»»»

Petalica Paint 用 AI 為你的畫作自動上色

Petalica Paint 用 AI 為你的畫作自動上色

不論是使用平板還是傳統圖紙繪圖,如果有上色的需求,平板就還好,如果是傳統的圖紙,免不了要小心翼翼,一旦上錯顏色要補救可就困難了,那還有什麼方法可以協助我們來上色呢?Petalica Paint 是個線上免費替圖片添加顏色的服務,使用方式很簡單,使用者僅需上傳圖片,便會由系統自動上色,且有上色的風格可選,也可以指定顏色要上在圖紙的自訂位置,至於上傳的圖稿,也還可以添加、刪除線條,且具有描線功能,讓畫作也能有多風格的展現。

繼續閱讀»»»

Beautiful CSS box-shadow examples 線上 box-shadow 模板,CSS 語法免費帶走

Beautiful CSS box-shadow examples 線上 box-shadow 模板,CSS 語法免費帶走

網頁在呈現方框、線條、文字等元素時,如果可以適時的加入陰影,就可讓該元素有立體效果的展現,Beautiful CSS box-shadow examples 這個網站做出了 80 多個 box-shadow 模板,使用者僅需要挑選適合自己網頁呈現的樣式,完全不必再經過任何的調整,就可以將 CSS 語法帶走,套用到自己的網頁內,快速又方便。

繼續閱讀»»»

RocketCake 免費回應式網頁編輯器

RocketCake 免費回應式網頁編輯器

為了解決同一個網頁能在不同的螢幕解析度下,仍可以有適合的呈現大小與內容,因此,網頁設計時就會採用 Responsive web design 的技術,這樣的作法不但可讓使用者獲得良好的閱讀體驗,日後網頁的維護也能較為輕鬆。而要設計回應式網頁,網路上有很多的範例可供參考與應用,初學者如果還沒有慣用的網頁編輯器,也可以考慮來使用 RocketCake free responsive website editor 這個可設計回應式網頁的免費編輯器,該應用程式本身就有內建一些網頁模板可供運用,且提供所見即所得的編輯方式,即便是非初學者,也可以使用此方式,取得自己想要的網頁效果。

繼續閱讀»»»

 訂閱本站文章

 站內搜尋