標籤: 開放原始碼

Simple Translate 選取文字快速線上翻譯,讓 Google 翻譯更好用

因為工作上需要經常閱讀外文內容,平常使用電腦大部分時間都會停在瀏覽器,遇到一些較艱澀難懂的原文網頁我會很習慣透過線上翻譯工具解決,相信大家一定知道 Google 或 Bing 翻譯都很方便易用,可以將文字轉為你熟悉的語言或是翻譯整個網頁,不過使用一段時間發現官方的 Google 翻譯擴充功能並不是那麼好用。順帶一提,如果你覺得 Google 機器翻譯的文字很難理解,我之前推薦過 DeepL Translator 已經支援中文,可以獲得更接近真人流暢語意的翻譯品質。

Read More

Dummy Image 假圖產生器,以網址快速載入各種尺寸顏色圖片

在設計網頁或是配置版面時經常會需要預先保留圖片位置,讓開發或示範時使畫面更接近最終樣貌,如果手邊的圖片還沒處理,我們可以透過佔位圖片(Placeholder)呈現出特定大小的圖片範圍。簡單來說,佔位圖片產生器利用網址直接調整、產生特定尺寸範例圖,省去必須自行裁切圖片的麻煩,因為是以網址形式載入圖片,即使沒有下載圖片依然能在網頁上顯示,我曾介紹過的 Unsplash It、Placekitten、Placemat 和 PlaceKeanu 都是類似應用。

Read More

Ping 透過瀏覽器即時測量延遲反應時間,支援 HTTP 和 WebSocket

遇到網路有點卡、不確定能不能正常連線時,我都會習慣在指令列輸入 ping 來看看是否可以找到某個遠端伺服器,不得不說這真是一個超級好用的指令,可以知道連結到某主機或 IP 位址的延遲時間或封包遺失率(俗稱掉包),當然延遲越低代表反應時間越短,從封包遺失也能知道網路品質好或不好,正常情況下回應時間不應該過長或是超時(Timeout),封包也盡量要能完整遞送接收。

Read More

NTFSTool 讓 Mac 也能讀取和寫入 Windows 的 NTFS 檔案系統

如果你是 Mac 使用者,身邊的朋友同事都是使用 Windows,可能曾經遇過蘋果電腦無法正常支援 NTFS 磁碟格式的問題。偏偏在 Windows 格式化預先選擇的檔案系統就是 NTFS,最常見的就是將 USB 隨身碟或行動硬碟連接到 macOS 無法正常使用,僅能「讀取」而無法將 Mac 檔案「寫入」或「刪除」。即使在 macOS 10.6 以後加入對 NTFS 格式的寫入支援,但在預設情況下並未啟用,必須透過特定方法才能打開。

Read More

Screenshot Tracker 擷取並追蹤網頁長截圖,測試在不同裝置顯示情形

網站開發者經常需要測試網頁在不同裝置、螢幕大小的顯示樣貌,以前會針對行動裝置另外製作一個行動版,現在比較普遍作法是使用響應式網頁設計(Responsive web design,簡稱 RWD),可自動調整為最適合閱讀的大小,但這些開發過程可能都得借助於測試工具幫忙,例如瀏覽器外掛程式 Responsive Viewer 可在單一頁面查看不同螢幕大小裝置的顯示樣式,或是透過線上工具 ScreenDump 預覽網站在不同尺寸螢幕顯示效果。

Read More

Image Picker 從任何網頁快速下載圖片,一鍵列出所有圖片尺寸和格式(Chrome 擴充功能)

大家都知道要取得網頁上的圖片非常簡單,只要在圖片按右鍵另存圖片即可,但有時候會遇到一些問題,例如無法儲存圖檔(最常出現在網站 Logo),或是網頁鎖右鍵無法直接下載圖片,除了可以從原始碼去找到圖片路徑,也能透過下載器協助找到圖片,例如之前介紹過的 Image Cyborg 可批次下載網頁所有圖片,或是 Imageye 這類的瀏覽器外掛都有相同效果。

Read More

粉圓字型免費下載,開源中文圓體可商用

前幾年中文字型募資計畫「金萱體」在台灣設計圈掀起一波熱潮,短短一個月募得超過兩千五百萬元、七千位使用者加入贊助,當時市場確實需要屬於台灣本土的中文字型(2014 年 Google 和 Adobe 攜手合作推出思源黑體是當時大家普遍使用的免費字型),歷經三年多開發將所有字重樣式補齊,也允諾會在金萱體完成後最佳化或改作一套開源字型回饋大家,才會有接下來要介紹的「jf open 粉圓字型」。

Read More

Opensource.builders 提供商業服務的開放原始碼程式替代方案

記得年輕時很熱血,什麼都想要自己動手做,明明只要幾分鐘就能申請的服務硬要花好幾小時架設,例如 Email 伺服器、網站伺服器或是一些網路服務等等,不過也從過程中學習並發現不少樂趣,過了這麼多年各項工具也日漸成熟,即使現在各家大公司都有類似產品線可供挑選,但還是有一群堅持要自己架設服務的人吧!自架通常會伴隨著一定難度,相對來說比較省錢(免費)而且彈性更大。

Read More

instant.page 官方 WordPress 外掛程式,在網站頁面產生立即載入效果

我去年曾介紹過一個很有用的網站工具「instant.page 讓你的網頁載入更即時,只需加入一段程式碼」,透過只有 200 行、壓縮後僅有 1 Kb 左右的 JavaScript 程式碼來讓網站速度變得更快,而它的原理也不難懂,利用瀏覽器 prefetch 技術在使用者點選鏈結前預先取得網頁內容,雖然只有幾毫秒差距,但確實有助於改善網頁的瀏覽體驗。現在這項服務也被不少國際知名公司使用。如果你是一般使用者,透過 FasterChrome 瀏覽器擴充功能也能提升瀏覽網頁時的速度。

Read More

store-badge 判斷使用者裝置顯示對應 App Store、Google Play 商店按鈕

今天在整理瀏覽器的瀏覽紀錄時,無意間發現之前存下來的一個服務 store-badge,對於應用程式開發者來說或許會有用處,特別是開發的應用程式包括 iOS 和 Android 版本,就能提供給不同使用者特定的應用程式商店下載鏈結。簡單來說,大部分網站會顯示 App Store 和 Google Play 的下載按鈕,分別對應不同平台,使用者可依照需求點選並連接到特定的應用程式商店,透過 store-badge 就可以自動判斷使用者的裝置類型。

Read More

JetBrains Mono 更適合閱讀程式碼的等寬字型,內建四種字重斜體可商用

這幾年不少大公司都把字型開放出來讓需要的使用者可以自由下載使用,例如微軟專為新的終端機程式設計的 Cascadia Code,美國政府在 USWDS(U.S. Web Design System)設計的 Public Sans,IBM 公司自行開發的 IBM Plex 字型,或是由 Red Hat 贊助以 Highway Gothic 為靈感設計的 Overpass Font 等等,這些字型都有非常高的品質,針對特定功能或需求而生,更重要的是授權方式清楚,使用時也不用擔心侵權等問題。

Read More
Loading