利用 Embed Responsively 網站，產生可自適應螢幕尺寸的 iframe 語法
在網頁內，如果要放入其他網站內的網頁、影片，通常都會使用 iframe 標籤，然後設定 src 這個屬性將其指到目標位置即可，例如 YouTube、Vimeo、Dailymotion、Google Maps、Google 文件的嵌入語法，都是如此，但產生的原始語法並無法直接套用到自適應網頁內，因此，取得這些原始語...
TechNews 科技新聞與最新技術文章
SpinKit 馬上就可以套用的網頁 CSS loading 動畫圖示
網頁加載時，如果可以給予提示，告訴訪客網站確實有按要求正在動作，相信訪客會比較願意等候，因此，在很多的網站中，會看到利用百分比的進度條、loading 的動畫圖示來顯示，直到加載完成，以 loading 的動畫圖示來說，可以使用 GIF 動畫圖檔來製作，不過前提是須要有 GIF loading 圖檔，另外一種則是...
Form-Builder 表單 HTML Code 產生器
網站通常會包含許多的表單，像是註冊、留言回應、聯絡方式等等，製作這些制式化的表單，通常修改模板後，就可以快速的應用，而 Form-Builder 這個免費網路應用服務，就可以讓我們快速產生這樣的表單，其提供網頁常用的元件，像是 Text、EMail、Phone、Radio、URL、Password、Textare...
CSS WAND - CSS 動畫免費應用
如果網頁要使用一些動畫圖示，例如滑鼠移動按鈕上方，按鈕的形狀會改變或是等待時常見到的 loading 動畫圖示，這些在以往可能需要 JavaScript 或是 gif 圖片來協助實現，而現在你也可以單純利用 CSS 語法就可辦到，CSS WAND 提供 Hover、Loading 類型的 CSS 動畫，只要複製該...
CSS Gradient Animator 利用 CSS 做出色彩漸層動畫
在網頁中使用動畫，通常都能吸引到用戶的目光，所以時常可以看到有些網站利用一些 gif 的動畫小圖示，放在希望能引起用戶注意的區塊中，CSS Gradient Animator 是一個以 CSS 語法來產生色彩漸層動畫為主的網站，使用的方式相當簡單，只要利用其設計好的介面點選所要的漸層顏色、漸層角度、滾動角度及動畫...
贊助廣告
Blend-CSS 漸層色彩 CSS 語法產生器
網頁有需要使用色彩漸層來布置時，有些人會使用圖片來避開因不同瀏覽器對 CSS 支援各有不同的問題，但也有網站採主要瀏覽器才支援的 CSS 語法來支應，Blend-CSS 是一個可以線上產生漸層色彩的 CSS 語法產生器，操作方法非常直覺，透過設計好的左、右可選不同色彩的介面，直接就可混合成漸層色彩，且可直接預覽，...
Tables Generator 視覺化操作的表格產生器
HTML 這種標記式語言雖不複雜也不難學，但對一個初學者而言，要學的東西還真是不少，其中網頁常見的 Table tag 其製作說容易也容易，但如果太複雜，還是需要一些時間的調整，Tables Generator 這個線上的表格產生器，可產生 LaTeX Tables、HTML Tables、Text Tables...
線上 HTML、CSS、JavaScript 程式碼產生器，超多範例語法
網頁要碰到的技術，基礎大概有 HTML、CSS、JavaScript 等程式語法，對初學者而言，最快的上手方式，當然就是多參考別人寫的語法，什麼樣的效果搭配什麼樣的語法，Free Online HTML Code Generator CSS Code Generator JavaScript Code Gener...
贊助廣告
如何用 CSS 做出滑動開/關切換按鈕？
在 Windows、Android、IOS 或是網頁上經常都可以看到滑動型的開/關切換按鈕，如果自己在網頁上要做出如此效果的按鈕，免用 Javascript 就可以辦到，proto.io 網站提供滑動開/關切換按鈕 CSS 語法產生器，透過介面輸入所需條件，便可產生 CSS 語法，方便你應用在網頁上。
利用 Google 測試網頁顯示在行動裝置上的相容性
瀏覽網頁的裝置，早已不再限定是電腦，越來越多的用戶，還會選擇平板或手機，因此，對於網頁開發人員來說，網頁的設計，就必須考量多種裝置在不同解析度所要呈現的網頁內容，對開發來說可能不是問題，反倒是測試比較麻煩，所幸 Google Search Console 有提供「行動裝置相容性測試」網站，讓測試人員只需輸入網址，...