標籤: GitHub

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

htaccess tester 設定檔語法檢查工具,測試伺服器 Rewrite 寫法是否正確

如果有使用 VPS、獨立主機(Dedicated Servers)或雲端主機架設過網頁伺服器,一定對 Apache 不陌生,當今有很多自動化的安裝設定工具,例如 ServerPilot 或 RunCloud 等等服務,可能比較少接觸到伺服器的設定檔,但一定會遇到相當重要的設定檔 .htaccess。簡單來說,這是 Apache 檔案目錄系統設定檔的預設檔名,比較常應用在設定網址重寫(URL Rewrite)或是一些安全權限管理,例如在「11 個強化 WordPress 網站安全的 .Htaccess 設定技巧」就有不少設定範例。

Read More

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

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

Read More

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

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

Read More

Lucid Index 收錄各種可自行架站程式,以分類或搜尋找出最適合選擇

記得以前剛開始練習自己架站時,什麼都會想要自行搭建,像是內容管理系統、討論區、Email、DNS 和網站監測工具等等,通常在這過程可以獲得不少成就感,更重要的是自己架設比較省錢。那段時期我摸索了不少現今依然存在且持續開發維護的開放原始碼專案,現在回想起來覺得很有趣,也累積很多對日後有用的經驗。

Read More

Cascadia Code 微軟釋出免費等寬字型,開源更適合程式碼編輯器和終端機

微軟在去年的開發者大會發表一款新的等寬字型(Monospaced Font),命名為 Cascadia Code,專為全新的 Windows 終端機(Windows Terminal)所設計,新版終端機工具擁有更新、更現代化的使用者介面且功能豐富等特性,包含在用戶社群經常被請求的各種功能,例如分頁、Rich Text、多國語言、可自定性和佈景主題樣式,不同於以往黑黑的、難以閱讀的命令列工具,新的使用者介面更符合現今電腦,新字型功不可沒。

Read More

寫程式必備!Microsoft Docs 收錄數千個程式碼範例,還可連結到 GitHub

雖然平常很少去看 Microsoft Docs 說明文件,但得知微軟將網站內部的程式碼範例集合起來還是相當興奮,畢竟這些程式碼可能四散在不同服務上,對開發者來說,範例通常有助於學習一項新技術,就像按圖索驥可以從現有的程式碼來拼湊出雛形,而開發者選擇使用 Microsoft 產品或服務時就能透過說明中心的程式碼範例輕鬆入門。

Read More

CSSgram 以 CSS 和 Sass 編寫而成 Instagram 濾鏡效果

很多早期會使用 Instagram 的朋友都很喜歡對相片套用濾鏡效果的設計,雖然現在有各種應用程式可以做到,甚至成為內建相片編輯功能,但在當年可以說非常強大,無論相片有沒有拍好,只要加入濾鏡質感馬上提升,還能帶出本來沒有的文青風格。不得不說濾鏡是 IG 會獲得廣泛使用者的原因之一,在這幾年它也陸續加入更多濾鏡效果,如果你很喜歡這些風格,也可以將它使用於自己的網站或部落格。

Read More

MailtoUI 強化 Email 連結,點選後可選擇在 Gmail、Outlook 或複製地址

在網頁裡如果要放入 Email 鏈結,就必須在超連結加上 mailto: 語法,事實上不建議在網站裡直接顯示電子郵件地址,一來有可能變成垃圾郵件(SPAM)寄送的目標,另一方面點選電子郵件鏈結後經常跳出的不是使用者慣用的 Email 工具也會造成困擾,之前我曾介紹過一個瀏覽器外掛「I hate mailto 點選 Email 不自動打開郵件軟體,將郵件地址複製到剪貼簿」就是為了解決類似問題,可以在點選郵件鏈結時自動複製 Email 地址而不是打開郵件軟體。

Read More
Loading