今天的酷站兩連發,一個是專為工程師打造的極客風音樂網站,用音樂幫你集中精神,高效工作,設計師當然也適用。第二個是可以快速搜索Google Fonts,在線實時預覽效果,快速產生字體代碼的FontCDN,都非常實用。
Music for Programming 號稱是為工程師設計的音樂頻道,網站走極客(Geek)風,采用固定寬度字體,讓網站看起來像在瀏覽終端機。網站一共收錄 36 張音樂專輯,每張專輯長度大約在一小時左右,使用者只需打開網站、按下 Play 播放即可收聽。
網站有許多不同風格的音樂,根據說明,這些音樂有助于在寫程序時營造出更專心、更有效率的工作環境,當然你也可以在任何工作中盡情使用,而不僅限于程序設計(例如我在寫這篇文章時也正在聽 Music for Programming)。隨意聽了幾張作品,風格類似于 Interstellar 電影中那種虛幻且帶有點神秘感的音樂,我很喜歡。
如果你想把它帶著走,可免費下載這些 Mp3 音樂,將它保存于你的手機或播放器。
STEP 1
開啟 Music for Programming 網站后,可以看到上方有網站介紹,在 Episodes 收錄 36 種不同的音樂專輯。任意點選其中一張專輯名稱后,右側會顯示詳細曲目以及控制鈕。
點選右側的「PLAY」就能開始播放音樂。此外,專輯底下也會列出 Mp3 下載鏈結,如果你喜愛某張作品,可以免費將它下載、保存到計算機中。利用控制鈕,也能暫停播放、停止或快轉。
對于網頁開發者來說,Google Fonts 提供了一系列相當豐富的網頁字型資源,讓我們可以免費使用數百種字體,藉此讓網頁更加美觀,提升整體易讀性。但如果經常使用 Google Fonts 的話,會發現它的網站界面其實不好操作,于是國外有使用者重新改造,推出一個便于操作的替代方案。
若你是 Google Fonts 的愛好者,或者工作上經常用到,但又希望有個更快、更簡單的方式來搜尋和選擇需要的字型,FontCDN 為此而生!透過 FontCDN 你可以快速搜尋超過 700 種以上的網頁字型組合,實時獲取任何字型的 HTML 及 CSS 程序代碼。
開發者 Thomas Park 表示,FontCDN 與 Google Fonts 設計的用途走向完全不同,不做為深入探討字型或比較字型差異,FontCDN 目標是讓開發者快速取得自己需要的字型,套用到自己在開發的項目上。
若你正在尋找 Google Fonts 替代方案(或者說,一個更好使用 Google Fonts 的方式),那么這個服務或許適合你。
STEP 1
開啟 FontCDN 網站后,從左側工具欄來進行相關搜尋或篩選。你可以找任何特定種類的字型,或者建議用于內文、標題的字型集,以熱門度、名稱、日期來進行排列。
此外,還能切換不同的預覽模式(或自己輸入要預覽的文字),調整字號,FontCDN 讓你在在線快速預覽這些網頁字型。當然這些字型都來自 Google Fonts,可免費套用到自己的開發項目或網頁設計。
STEP 2
點選任一字型后,會開啟一個選擇加載樣式的畫面,選取要使用的字型樣式(例如 Light、Normal、Bold 等等),依據不同字型也會有不一樣的樣式設計,建議不要選擇太多,可能會影響加載速度。
選好后,FontCDN 就會在上方產生 Google Fonts 的程序代碼,例如以連結方式來加載 CSS、或是透過 @import
來加載字型,最底下也會有套用到 font-family 的范例。
就這樣,沒有下一步了,是不是比 Google Fonts 的接口還要簡單不少呢?