Uiverse 免費線上 CSS 元件庫,數千種美觀元件供自由使用

Uiverse 免費線上 CSS 元件庫,數千種美觀元件供自由使用

Uiverse 是一個匯集數千個由 CSS 或 Tailwind 精心設計的網頁元件線上工具。從 Buttons、Checkboxes、Toggle Switches、Cards、Loaders、Inputs、Radio Buttons、Forms、Patterns 到 Tooltips,涵蓋了網頁設計中常見的各種元件。每個元件都提供 HTML 和 CSS 原始碼,讓使用者輕鬆取得並直接應用於網頁。Uiverse 不僅提供了線上範例,讓使用者快速預覽效果,還具有社群驅動的特點,所有的 UI 元素都由熱衷的社群成員貢獻製作。這些元件完全免費,並以開放原始碼的形式提供,可在個人和商業項目中自由使用。這個資源庫為設計師和開發者提供了極具靈感的創意空間,讓網頁元素的選擇變得更加豐富多樣。

CSS Button Designer 輕鬆製作網頁使用的按鈕樣式

CSS Button Designer 輕鬆製作網頁使用的按鈕樣式

想要在網頁上對「Button - 按鈕」進行樣式調整,通常會使用背景圖片或是使用 CSS 來調整按鈕的外觀,若要加上當滑鼠移到按鈕的上方或是離開,也會使用 Javascript 來加上,若對繪製這些圖片、Javascript 都不是很熟悉的話,還是要花一些時間來製作,若是偶而用用,建議可以到 CSS Button Designer 這個免費的按鈕樣式產生器來製作,除了可使用 CSS 改變按鈕樣式,也提供滑鼠移到按鈕的上方或是離開時的 Javascript ,製作完成後,直接複製所產生的 Code 便可應用的網頁裡,相當方便。

Da Button Factory 線上網頁按鈕產生器

Da Button Factory 線上網頁按鈕產生器

Da Button Factory 是一個可以在線上製作網頁按鈕的免費產生器,所產生的網頁按鈕會包含已使用的背景圖片(PNG、GIF、JPEG、ICO)及相對應的 CSS 程式碼可供下載,讓你方便應用在網頁上;Da Button Factory 可讓使用者自訂所要產生網頁按鈕的樣式,亦可參考所提供的網頁按鈕範例再行修改,讓你幾乎不需要有任何美工的技巧,就能輕易做出有水準網頁按鈕。

如何在 Microsoft Forms 中建立問卷、測驗並將結果送到 Excel 統計分析?

如何在 Microsoft Forms 中建立問卷、測驗並將結果送到 Excel 統計分析?

可以建立問卷調查的網路免費服務有不少,像是 Google 表單、SurveyCake、Facebook 等都有,當然,Microsoft 也不會缺席,Microsoft Forms 可以協助我們來建立問卷、測驗,最後將結果連結到 Excel 中進行統計、分析,建立好的問卷、測驗表單,可以以網址連結、QRCode、內嵌或是電子郵件在電腦與行動設備來進行,問卷、測驗的建立在操作上也非常直觀,功能也不輸其他類似的服務,想要免費的使用 Microsoft Forms 服務,只有一個條件,那就是你必須有一個 Microsoft 帳戶,如果還沒有也可以為自己立即建立一個新帳戶。

程式設計常用的 12 個視窗介面版型(Master/Detail、Column Browse、Filter...)

程式設計常用的 12 個視窗介面版型(Master/Detail、Column Browse、Filter...)

應用程式的開發,不管是在 Web 上或是 Windows 內的應用程式,對於介面的設計,大概都脫離不了 Master/Detail、Column Browse、Search/ Results、Filter Dataset、Forms、Palette/ Canvas、Dashboard、Spreadsheet、Wizard、Question & Answer、Parallel Panels 及 Interactive Model 這幾種常用的版型配置。透過 Designing Web Interfaces 這本書有詳細的歸納及說明,。不過本人不賣書,對於剛入門的程式設計師,可到 designingwebinterfaces.com 先行閱讀,Standard Screen Patterns: 12 patterns w/100 examplesEssential Controls: 30 controls for RIA design and developmentComponents for Commonly Requested Features: 15 patterns and examples 相信不買書都能減少摸索入門的時間。

如何在部落格或網頁內嵌 OneDrive 資料夾?

如何在部落格或網頁內嵌 OneDrive 資料夾?

OneDrive 是微軟所推出的雲端儲存空間,除了可以儲存檔案外,亦可以建立 Word、Excel、Forms...等 Office 文件,而在 OneDrive內的檔案亦可以共用或內嵌到網頁中,檔案可以內嵌,那麼資料夾呢?答案是同樣也可以,但權限僅限於檢視與下載,無法上傳、更改或刪除,想要在網頁內嵌 OneDrive 資料夾的操作非常簡單,其採用 iframe 語法,只要複製該語法貼到網頁要呈現的位置即可以完成。