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

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

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

Christmas Cards 免費聖誕節賀卡製作工具,模板、手繪與客製化訊息皆可

Christmas Cards 免費聖誕節賀卡製作工具,模板、手繪與客製化訊息皆可

Christmas Cards 是一個免費的線上工具,提供模板、貼紙組合及手繪三種方式,讓使用者輕鬆製作個性化的聖誕節賀卡且都支援自行輸入中文聖誕祝福語。其中,最快速也最簡單的方式就是使用模板,只要選擇 Christmas Cards 所提供的賀卡,再輸入聖誕祝福文字,就可以完成。另外 Christmas Cards 也提供很多聖誕氣氛應景貼紙,使用者也可以快速自行組合,打造獨一無二的賀卡。最後,對於具有繪畫技能的使用者,也可選擇手繪方式製作聖誕節賀卡。無論使用哪種方式製作,均無須註冊,成品亦不會帶有浮水印,並可方便地儲存為高品質的 PNG 圖檔。

「Chrome」如何讓分頁顯示其記憶體使用情形?

「Chrome」如何讓分頁顯示其記憶體使用情形?

除了使用 Chrome 瀏覽器的內建功能來自動控制分頁的記憶體使用外,還有一個選項就是啟用「Show memory usage in hovercards」功能。這個功能使當滑鼠停留在分頁上時,除了顯示該分頁瀏覽網頁的縮圖外,還會顯示分頁目前所使用的記憶體量。雖然這個功能是實驗性的,但它確實有助於使用者在不必打開「Google Chrome 工作管理員」的情況下,即能了解各分頁的記憶體使用情況,藉此更好地判斷哪些分頁應該被關閉。

Business Card Maker 線上名片產生器

Business Card Maker 線上名片產生器

交換名片在許多社交場合是結交新朋友的第一步,如果是在公司上班,通常會有制式的格式幫你製作,如果是個人需求可以來 Business Card Maker 這個名片線上產生器試試,該網站提供可上傳 LOGO、更換文字資訊及背景圖片的模板讓使用者直接套用,只要不是內容太複雜的名片,應該都適用,產生的名片可以下載成圖檔或是 PDF 檔案,不論是要實體列印出或是電子傳送都相當方便。

如何讓滑鼠游標停留在 Chrome 分頁上,就產生該分頁的縮圖?

如何讓滑鼠游標停留在 Chrome 分頁上,就產生該分頁的縮圖?

使用網際網路瀏覽器瀏覽網頁時,大概都避免不了要開啟多個主題相近的分頁,但分頁一開多,隨之而來的問題就是難以辨識,往往需要一個一個的重新點開來看是不是自己想看的內容分頁,實在麻煩,如果可以像 Windows 作業系統的工作列般,即便是同一個應用程式多開,當滑鼠游標指到該應用程式的圖示時,就產生各個已開啟的縮略圖,方便使用者可以進行辨識,而 Google 的 Chrome 瀏覽器現在也已經在實驗性的提供這樣的功能,只要使用者將 Tab Hover Card Images 的功能打開即可使用。

littlesnippets.net 免費取得 CSS、JavaScript 動畫效果程式碼

littlesnippets.net 免費取得 CSS、JavaScript 動畫效果程式碼

寫網頁時難免會有需要一些動畫效果,例如當滑鼠指標在按鈕、圖片、功能表上或離開時,或是希望做出具有專業水準個人檔案、新聞、產品卡時,如果是初學者想要從無到有,可能需要花費較長時間,要是可以參考別人已做出的效果,取得其程式碼再來修改成自己想要的效果,這樣才能事半功倍。littlesnippets 這個網站提供按鈕、圖片、Logo、News Card、Menu、Profile Card ....等各式各樣的 CSS + JQuery 效果,且每個都有效果展示,更提供 HTML、CSS、JQuery 完整的範例程式碼,用戶只需取得這些程式碼,稍加修改,就可以在自己網頁呈現,相當方便。

如何關閉 Chrome 瀏覽器滑鼠指到其分頁所出現的提示訊息?

如何關閉 Chrome 瀏覽器滑鼠指到其分頁所出現的提示訊息?

Google Chrome 瀏覽器更新到 78.0.3904.70 版本後,很明顯的可以感覺到一項新的變化,那就是當滑鼠指到分頁時,便會出現這個分頁正在瀏覽的網頁標題與網址,該項功能稱之為「Tab Hover Cards」,也許很多人不習慣,因為該提示訊息框內容會遮蔽網址列及頁面上層的部分資訊,以往一目了然頁面,卻還要去移動滑鼠避免出現該提示訊息框,如果有這困擾,也許你可以參考本篇文章,將該訊息提示框關閉,回復到之前的習慣。

PhotoMica 線上相片與場景合成服務

PhotoMica 線上相片與場景合成服務

雖說線上有提供場景與相片合成的服務不少,像是 PhotoMontager 可自訂位置、旋轉、放大及縮小的線上相片合成場景服務 魔幻影像製造機 PhotoFunia In20years 想知道自己20或30年後變成什麼樣子嗎?及網友推薦台灣的 amazer 都是各有特色的網站,PhotoMica 也提供了各式的場景,像是街道看板、雜誌封面、eCard、Faces 及 濾鏡處理,若看習慣其它線上相片合成服務,PhotoMica 倒是提供一些不常見的場景可供合成。

WiFi Card 快速建立可登入 WiFi 熱點的 QRCode

WiFi Card  快速建立可登入 WiFi 熱點的 QRCode

要使用 WiFi 無線服務,通常需要選擇 SSID 及輸入密碼,才能登入使用,如果自家訪客有提供免費的 WiFi 無線服務,既然有提供,就要讓欲使用的人有更方便的登入方式,才不會來一個訪客就會問一遍,而最方便的方式就是提供一個 WiFi 無線熱點的 QRCode,讓訪客透過掃描就可以直接登入使用。WiFi Card 這個網站就是專門產生 WiFi 無線熱點登入資訊的 QRCode 圖形,使用者只須須入簡單的資訊,就能立刻產生並列印出來。而相類似的服務,其實也有很多,像是wafleeQiFi pure JS WiFi QR Code Generator 都是可以應用的網站。

「信用卡生成器」 MasterCard、JCB 及 Visa 信用卡卡號產生器

「信用卡生成器」 MasterCard、JCB 及 Visa 信用卡卡號產生器

透過應用程式儲存到資料庫的資料,通常會在應用程式端就先行檢查輸入資料的正確性,避免後續應用時的麻煩,因此,程式上線初期為驗證程式對某項輸入資料的完整性及正確性,就必須有測試資料,以信用卡號碼來說,要取得這些測試資料,也不必自寫程式產生,網上就有很多像是 Credit Card Generator 此類的產生器,而且產生的卡號也都經過可用驗證。
「信用卡生成器」同樣可用來產生信用卡卡號及卡號到期日及其 CVV 三碼檢查碼的網上應用,每次最多可隨機產生 20個可供驗證的 MasterCard、JCB 及 Visa 信用卡卡號,讓使用者拿來測試。

Credit Card Generator 含 CVV 檢查碼在內的信用卡卡號產生器

Credit Card Generator 含 CVV 檢查碼在內的信用卡卡號產生器

電子商務盛行,連帶線上支付相關需求也增加,對商務網站來說金流就成為不可避免的問題,而串接後的測試,如果是需要使用信用卡的部分,該到哪裡取得相關的信用卡號用於測試呢?Credit Card Generator 這個網站可以來協助我們取得包含 Visa、MasterCard、AMEX、Discover、RuPay、Maestro 和中國銀聯卡在內的七種卡號,並生成該卡有關發行人、到期月份、到期年份、到期(到期月/到期年)、信用卡檢查碼、姓名、地址、國家、郵政編碼等,而這些相關訊息還可以轉成JSON、XML 及 CSV 檔案格式,這對批次測試就方便多了,至於這些虛擬出的信用卡卡號,可不可以用在正式的註冊程序內,該網站也有特別提出說明說如果是需要驗證預付款的信用卡註冊流程,是無法成功的。