HTML Table Styler 📅 CSS Generator 免費互動式的 HTML 表格與 CSS 線上程式碼產生器
對 HTML 的初學者來說，如果有 HTML 與 CSS 相關的工具來輔助入門，將可事半功倍，以網頁的製作來看，通常都少不了 table 與 div 的應用，如果要有些變化，就需要在色彩、框線、文字、背景等多加著墨，HTML Table Styler 📅 CSS Generator 是一個免費互動式的 HTML...
TechNews 科技新聞與最新技術文章
CSS Animate 線上 CSS3 動畫產生器
CSS 是用來控制網頁的布局與樣式，對圖檔與動畫的支援都不多，因此，大家看到網頁所呈現的圓角、陰影、漸層、半透明...等特殊效果，幾乎都由圖片來完成，當然網頁載入的速度也就會慢一些，而 CSS3 除了 CSS 原有的屬性外，大幅增加對圖像與動畫的語法支援，以前要用圖片處理的圓角、漸層、陰影...等等，都可以靠 C...
Call-to-Action Button Generator 網頁 CSS 或 PNG 按鈕產生器
在網頁上看到的按鈕有些是利用 CSS 產生，也有利用圖片檔來產生的，端看個人需求，對利用 CSS 的人來說，除非很熟 CSS 語法，不然產生的語法實際應用到各家瀏覽器各版本可能會產不忍賭，相對的，如果是利用圖檔，那幾乎是暢通無阻，Free Call-to-Action Button Generator 是一個替網...
angryTools CSS Animation Kit 純 CSS 語法動態特效產生器
寫網頁時，當需要應用一些特效，例如標題文字會閃動、旋轉等，以吸引讀者的注意，很多人都會考慮使用 JavaScript 來實現，如果要透過 CSS 來呈現，對 CSS 語法不熟悉，則變成是一個困擾，即便寫出，還要考慮各大瀏覽器的支援程度。angryTools 網站提供 CSS Animation Kit 產生的文字...
全方位幫你的網站把脈，Google 推 TestMySite 網頁品質測試工具
對網站經營與開發者來說，要做好一個網站並不容易，撇開完成開發後要經營的層面來說，光是要讓網頁能夠完美的呈現在電腦、平板、手機各種不同裝置的螢幕尺寸上就是一個不小的課題，再加上各家瀏覽器對 HTML、CSS、JavaScript 等版本技術支援程度各有不同，讓網頁加載的速度也會有差別。網路上有不少網站品質與 SEO...
贊助廣告
利用 Google Resizer 看看自己的網頁在不同螢幕尺寸所呈現的樣子
隨著可上網瀏覽網頁的設備越來越多元化，如果網站設計還僅侷限在以電腦瀏覽器為主時，將難以提供使用者良好的體驗。因此當網頁設計好，要如何觀看在不同設備間且多種螢幕尺寸下所呈現的方式呢？其實，不需要真的去購買這麼多的設備一一來測試，透過 Google 所推出的 Resizer 網站，只要輸入網址，便可以觀察自己的網頁在...
quickMockup 快速建立程式介面模型，方便與客戶溝通
在系統分析階段，常需要與客戶溝通系統需求，但因為沒有系統介面，多數的時候，都是靠描述想像然後用文字加以記錄，等到文件交到程式設計師手上，程式設計師對說明文字還有可能做出不同的理解，造成落差。因此，在系統分析的諸多方法中，有一個方法為雛型法，其透過工具快速地建立介面原型，利用界面原型來與客戶進行功能溝通，如此，客戶...
CSS Portal 線上 CSS 按鈕、圓角、選單、框架語法產生器
對學習 CSS 來說，不論是初學或是要進階，有可以參考的語法是相當重要的，畢竟各家瀏覽器支援的 CSS 語法不見得相同，CSS Portal 是一個提供網頁常用到的 CSS 的語法產生器，包含 CSS Box Shadow、CSS Button、CSS Gradient、CSS Flip Switch、CSS M...
贊助廣告
filter.css 利用 CSS 就能將照片套用各種不同的風格特效
在網頁要呈現照片的特殊效果，難免都要用到圖片編輯軟體中的濾鏡功能，不過現在透過 CSS 也能達到濾鏡的功能，filter.css 這個網站提供一組 CSS 語法並搭配說明，讓 div 區塊中的圖片就能立即套用濾鏡，呈現不同的風格特效。
loading.io 可產生 CSS、SVG、GIF 的網頁 loading 動畫圖示產生器
製作網頁如果預期會有較長時間的等待，通常會在等待的時間加入一個 loading 的動畫圖示來告知，避免用戶誤以為網頁沒有反應而離開，想要加入一個等待載入的動態圖示，可以來試試 loading.io 網站所提供可自訂圖示動態速度與顏色的動畫圖示產生器，不但可產生 GIF 檔外，還可產生出 CSS 或 SVG 檔，還...