close
免費資源網路社群

免費資源網路社群:Poolside FM! 重返美國八零年代,流行音樂歌曲線上免費聽(網頁版、Mac) 與其他 9 篇新文章

Link to 免費資源網路社群

Poolside FM! 重返美國八零年代,流行音樂歌曲線上免費聽(網頁版、Mac)

Posted: 11 Oct 2015 11:00 PM PDT

Poolside FM! 重返美國八零年代,流行音樂歌曲線上免費聽(網頁版、Mac)

喜歡美國八零年代的流行音樂嗎?雖然這些歌曲對太平洋另一端的我們可能略顯陌生,但鮮明色彩與節奏卻勾勒出許多畫面,例如綁頭帶、緊身衣,或是燙得捲捲的頭髮,即使從沒經歷過這個時代,也能從電影、音樂或海報找到一些什麼。你知道有那些地方可以聽到這些早期的音樂嗎?透過 Poolside FM 網站或應用程式,就能在電腦上免費收聽。

國外有個 Poolside FM 電台網站,以專門收錄美國早期流行歌曲為主,你可以直接透過瀏覽器收聽,無須註冊。最近它也推出了一款完全免費的 Mac 應用程式,下載開啟後,常駐於系統右上角即可隨時收聽音樂。

The sunniest spot on the internet! Poolside FM is an online radio station, playing an infinity pool of summer sounds. Swimwear optional.

Poolside FM 特色非常明確,中間也穿插一些較近代的歌曲,平常若工作或生活中需要一些音樂,但又不知道想聽什麼的話,或許這會是個不錯的音樂來源。

網站名稱:Poolside FM
網站鏈結:http://www.poolside.fm/
免費下載:http://poolside.fm/mac/ (Mac 應用程式)

使用教學

STEP 1

如果你不想下載或安裝 Mac 應用程式,Poolside FM 網站本身就是一個播放器啦!(而且還會搭配早期影片,非常有回到過去的感覺…)

開啟網站後,從左邊點選「播放」按鈕開始播放音樂。音樂來源主要為 SoundCloud,喜歡的話還能點選歌曲名稱,取得更多詳細資訊。

Poolside FM

STEP 1

若你是使用 Mac 的話,可以從 Poolside FM 網站下載免費 Mac 應用程式,下載後解壓縮,把 Poolside.FM 拖曳到「應用程式」資料夾,開啟後就能使用。

Poolside FM 設計還蠻簡約的,只有播放、暫停與快轉,對於喜歡聽電台的朋友來說真的是個很棒的音樂來源。

Poolside FM

當然,在 Poolside FM 的 Mac 應用程式一樣能夠檢視歌曲資訊,只要點選右上角的設定按鈕,然後找到「View on SoundCloud」就是啦!

Poolside FM

值得一試的三個理由:

  1. 免費聽美國八零年代早期流行音樂
  2. 可透過瀏覽器收聽,或下載免費 Mac 應用程式
  3. 串流速度快,直接從 SoundCloud 取得音樂來源

喜歡免費資源網路社群的文章嗎?歡迎追蹤我們的 FacebookTwitterGoogle+,或是透過 Email 訂閱更新

如何下載、匯入 WordPress 佈景主題開發測試範例元件(Theme Unit Test)?

Posted: 10 Oct 2015 06:30 PM PDT

如何下載、匯入 WordPress 佈景主題開發測試範例元件(Theme Unit Test)?

說到 WordPress,最為人津津樂道的就是它的外掛和佈景主題資料庫相當龐大,也因為它提供了非常完整的開發資源,讓每個人都能設計自己所需的元件或模版樣式。如果你也想為自己的 WordPress 網站開發獨特的版面設計,官方說明文件(WordPress Codex)提供了一個測試範例元件檔案,能產生一堆用來開發測試用的內容,非常好用。

這個檔案收錄在「Theme Unit Test」裡,可能很多人不知道,其實它就是一個包含許多測試內容的 xml 文件,幾乎用到了所有 WordPress 裡可能出現的功能和內容,包括不同階層標題、項目符號、表格、文字樣式、圖片、特殊字元、分類標籤、分頁、多媒體等等。

利用 WordPress 本身的匯入功能,即可把這些內容快速置入測試用網站裡。

使用教學

接下來的步驟會匯入大量的測試開發元件,請在全新的 WordPress 網站進行操作,以免發生問題。

STEP 1

開啟 WordPress Codex 的 Theme Unit Test 頁面,從 Setup 的第一項來下載測試資料,下載後是一個 .xml 的檔案格式,稍後我會再教你怎麼把資料正確匯入 WordPress。

如何下載、安裝 WordPress 佈景主題開發測試範例元件(Theme Unit Test)?

STEP 2

登入剛架設好的 WordPress 網站控制台(記得用全新的網站測試),從左側選單點選「工具」內的「匯入」,然後找到 WordPress 。

如何下載、安裝 WordPress 佈景主題開發測試範例元件(Theme Unit Test)?

第一次使用時會先安裝 WordPress Importer 外掛,點選右下角的「立刻安裝」,安裝後啟用外掛,即可進入匯入工具。

如何下載、安裝 WordPress 佈景主題開發測試範例元件(Theme Unit Test)?

STEP 3

接著回到匯入工具,在 Import WordPress 頁面裡點選「瀏覽」來選取剛才下載的開發測試檔案(theme-unit-test-data.xml),然後按下「上傳檔案並匯入」按鈕。

如何下載、安裝 WordPress 佈景主題開發測試範例元件(Theme Unit Test)?

STEP 4

接著會開始進行匯入檔案前的設定,在這裡別忘記勾選 Import Attachments 下方的「Download and import file attachments」來下載、匯入附件檔案,勾選後按下「Submit」就會將測試元件匯入 WordPress 網站。

如何下載、安裝 WordPress 佈景主題開發測試範例元件(Theme Unit Test)?

STEP 5

匯入完成,你可以看到原先空蕩蕩的 WordPress 網站裡瞬間多出很多測試用的內容。

如何下載、安裝 WordPress 佈景主題開發測試範例元件(Theme Unit Test)?

回到 WordPress 網站首頁,也可以看到各種類型的文章、分頁和分類彙整被加入,這些內容涵蓋許多設計佈景主題時會用到的測試內容,協助開發者在製作佈景主題樣式時可以直接檢視效果,而不需要再自行手動產生測試用的元件。

如何下載、安裝 WordPress 佈景主題開發測試範例元件(Theme Unit Test)?

喜歡免費資源網路社群的文章嗎?歡迎追蹤我們的 FacebookTwitterGoogle+,或是透過 Email 訂閱更新

Facebook Design Resources 臉書設計免費資源集合,素材開放原始碼免費下載

Posted: 09 Oct 2015 10:00 PM PDT

Facebook Design Resources 臉書設計免費資源集合,素材開放原始碼免費下載

近來越來越多公司將內部資源開放原始碼(Open Source),讓需要的開發者可以直接下載使用,集合更多人的智慧,改善原有釋出的部分,使網路世界得以變得更好。Facebook 近期推出了 Design Resources 網站,這是一個集合 Facebook 設計師所製作的免費資源素材,如果你想知道世界頂尖企業都是如何處理這些設計素材,或許可以到這個網站來下載釋出的原始圖檔,不定時更新。

之前 GitHub 將自家的 CSS 設計框架開放原始碼,釋出 Primer 專案供使用者免費下載使用,也把圖示集 Octicons 免費提供給開發者運用於個人或商業專案。還有另一個購物商店網站平台 PrestaShop 也釋出了官方圖示集。

目前 Facebook Design Resources 上提供的免費資源還不多,主要有 iOS 9 GUI (iPhone)、Diverse Device Hands 和 Origami,其中有一些已經在之前看過。網站提供了原始圖檔 PSD、Sketch 以及相關檔案,無須註冊即可免費下載。

網站名稱:Facebook Design Resources
網站鏈結:http://facebook.github.io/design/

使用教學

STEP 1

開啟 Design Resources 網站後,可以找到目前 Facebook 釋出的設計素材,其中最讓我驚艷的是 iOS 9 GUI(iPhone) 項目,這是 iOS 9 的 GUI 元素,包括兩種常見格式:PSD 和 Sketch,在網站內有許多美麗的操作介面圖片可供預覽。

Facebook Design Resources

STEP 2

如果你是應用程式開發者的話,應該會需要 Diverse Device Hands,也就是由手抓住行動裝置,並在螢幕上顯示應用程式畫面的素材,現在你可以不用再自己架攝影棚拍照,直接使用網站提供的原始圖檔,將需要的畫面套入即可直接使用了。

Facebook Design Resources

Diverse Device Hands 提供許多不同的行動裝置、手臂顏色組合。

Facebook Design Resources

STEP 3

另外,Origami 是一個設計原型(Design Prototyping),主要是一系列現代的使用者介面動態設計,能快速套用至你的應用程式,並在你的 iPhone 或 iPad 下產生相關動態效果。Facebook 建立 Origami 來幫助自己可以建立更多產品,例如:Instagram、Paper、Messenger、Slingshot 等等的應用程式都有用到 Origami。

Design Resources 也把 Origami 釋出,讓使用者免費下載。

Facebook Design Resources

喜歡免費資源網路社群的文章嗎?歡迎追蹤我們的 FacebookTwitterGoogle+,或是透過 Email 訂閱更新

Freebbble 免費下載 Dribbble 數千設計素材,如網頁模版、字型、PSD 等…

Posted: 08 Oct 2015 06:50 PM PDT

Freebbble 免費下載 Dribbble 數千設計素材,如網頁模版、字型、PSD 等...

昨天剛介紹完 100 Days UI,相信大家對 Dribbble 上豐富素材有如獲至寶的感覺,雖然這網站本身並不是以提供 PSD、AI 等設計向量圖為主,但仍然有許多設計師願意把他們的作品分享出來,讓需要的朋友可以免費下載使用,而這些內容要怎麼找呢?可能大家並不是很清楚,不過有網站已經把這些素材整理分類,需要尋找設計素材的朋友可以到本文要介紹的網站走走。

Freebbble 跟之前在「40 個設計師必備免費資源,超推懶人包!」提到的網站類似,不過它的設計素材主要來源為 Dribbble 網站,收錄的素材種類包括 HTML/CSS、背景、圖示集、字型、PSD、使用者介面、網站模版等等,使用者可以在網站上預覽這些內容,還能夠免費下載、取得原始檔。

雖然這些資源都可以免費下載,但因為設計師不同,使用的授權方式也不太一樣,若你想要從 Freebbble 下載任何素材時,記得先回到原網站來仔細瞭解授權方式。

網站名稱:Freebbble
網站鏈結:http://freebbble.com/

使用教學

STEP 1

開啟 Freebbble 網站後,可以找到許許多多設計素材,或從右側選單來挑選特定類型的內容。使用方法非常簡單,開啟特定素材頁面,從下方找到綠色按鈕即可下載,或者點選旁邊的鏈結回到 Dribbble 原頁面,可能會有更詳細的說明、作者資訊以及授權方式等等。

Freebbble

STEP 2

例如我在 Freebbble 找到不錯的 iPhone 背景,看起來非常獨特、與眾不同,如果喜歡的話,一樣點選下方的「Download」綠色按鈕來下載。

Freebbble

一般來說,我會建議回到 Dribbble 原頁面,通常在這裡你會找到更多相關資訊,包括附件、詳細介紹、作者,或是額外的相關素材下載鏈結。如果你想要將它使用到你的專案,記得先瞭解一下授權方式。

Freebbble

值得一試的三個理由:

  1. 收錄 Dribbble 可免費下載的素材資源
  2. 集合 HTML/CSS、背景、圖示集、字型、PSD、UI 等類型
  3. 可連結回到 Dribbble 原網站,取得更多詳細說明

喜歡免費資源網路社群的文章嗎?歡迎追蹤我們的 FacebookTwitterGoogle+,或是透過 Email 訂閱更新

100 Days UI 百日設計挑戰!每日全新使用者介面設計靈感啟發

Posted: 07 Oct 2015 05:30 PM PDT

100 Days UI 百日設計挑戰!每日全新使用者介面設計靈感啟發

你知道網路上有個非常知名的活動「The 100 Day Project」嗎?這項活動鼓勵大家設定一個目標,然後持續各種變化一百天,除了挑戰自己,也能享受這段期間的成果。之前曾看到一位舊金山設計師 Do-Hee Kim 進行 100 Days of Fonts,利用 Google Fonts 發揮巧思,設計出各種字型和配色變化。本文要介紹另一個最近發現的 100 Days UI,若你本身從事的工作是與介面設計或應用程式開發相關,這網站相當具有參考價值。

100 Days UI 從名稱可以知道這是一個與使用者介面設計(User Interface)有關的網站,這位挑戰者是一位來自羅馬尼亞的設計師,Paul Flavius Nechita 利用這一百天每天發佈不同的介面設計,除了整理在同個網頁外,也發佈到 Dribbble 網站讓更多人可以分享或檢索。

雖然 Pseric 並非從事設計工作,但從 100 Days UI 確實看到許多創意,以及可能(或已經)被運用到應用程式或軟體操作介面的概念,不只是個百日挑戰,有時候逛逛類似的網站也可以有不少收穫。

網站名稱:100 Days UI
網站鏈結:http://www.100daysui.com/

使用教學

STEP 1

開啟 100 Days UI 網站後,映入眼簾的是一堆精緻且極富巧思的介面設計,因為是百日挑戰,所以編號只會到 100,往下拖曳會載入更多內容。

100 Days UI 百日設計挑戰!每天一個使用者介面設計靈感啟發

STEP 2

點選任一作品後,會開啟 Dribbble 頁面,裡頭會有詳細說明,包括這個項目的一些設計靈感,以及它運用到的顏色、分類等等。

100 Days UI 百日設計挑戰!每天一個使用者介面設計靈感啟發

因為 Dribbble 並非以分享 PSD 或設計檔案為主要目的,多半都是讓使用者展示或交流自己的設計,而原作者沒有開放這些原始檔,不過使用者仍然可以透過網站上的附件圖片來細細揣摩這些美麗且獨特的設計。

100 Days UI 百日設計挑戰!每天一個使用者介面設計靈感啟發

喜歡免費資源網路社群的文章嗎?歡迎追蹤我們的 FacebookTwitterGoogle+,或是透過 Email 訂閱更新

IceCream 解決 iPhone 容量不足問題!拍照不再錯過精彩瞬間(iOS App)

Posted: 06 Oct 2015 06:30 PM PDT

IceCream 解決 iPhone 容量不足問題!拍照不再錯過精彩瞬間(iOS App)

Pseric 之前使用的是 iPhone 5s 16GB 版本,剛開始覺得容量小應該無所謂,只要常常連接電腦,把相片同步出來就好,但一段時間後出現「iPhone 容量不足」甚至無法拍照的情形越來越頻繁,才發現如果容量太小可真會對日常使用造成困擾,不知道你是不是也常常遇到要拍照時顯示容量不足的問題呢?如果是的話,接下來介紹的這個 App 能幫上忙。

現在有許多雲端硬碟已提供 App 來同步相片,讓我們不用把相片留在手機內佔用空間,本文介紹這款 IceCream 是近期推出的全新應用程式,能夠為你「擠」出更多的 iPhone 空間,讓你在容量吃緊的情況下繼續盡情享受拍照樂趣。

IceCream 目標很簡單:「快速釋放容量,不再錯過任何精彩瞬間」。不同於一般空間清理工具,IceCream 主要是利用將相片同步到雲端空間的方式來為你釋放出更多容量,無須再猶豫要刪除那些照片,或相片會因此而被壓縮或破壞畫質,IceCream 使用安全及穩定性極高的 Amazon Web Services 來儲存使用者同步的相片。

IceCream 預設不會同步所有相機內的相片,但使用者可依照需求,為你自動同步、上傳並備份手機內現有的相片。速度快、能夠保存原始檔案是它的特性,同時利用 IceCream 提供的操作介面來快速預覽、分享或傳送圖片。

也就是說 IceCream 除了可當作擴充手機容量的「雲端空間」外,更棒的是可以幫你備份重要相片,無須擔心手機因故障、失竊而導致重要的相片消失。

網站名稱:IceCream
網站鏈結:https://givemeicecream.com/
程式下載:下載 iOS 版

使用教學

STEP 1

開啟 IceCream 後,可以找到一個簡單的使用說明,IceCream 最大特色就是能讓你的手機釋放出更多容量,並有足夠空間來拍攝更多相片。

IceCream

STEP 2

第一次使用時,必須要建立一個 IceCream 帳號,除了設定 Email、密碼以外,更重要的是要填入你的手機號碼,收取驗證碼才算完成註冊。雖然比較繁瑣,但未來當你需要把備份於雲端的相片打包下載時,就會必須透過手機來收取驗證碼,以確認你是本人(畢竟相片對於某些使用者來說也算是很隱私的部分)。

IceCream

STEP 3

註冊過程就不一一介紹了,跟一般網路服務的註冊方式大同小異。進入 IceCream 主畫面以後,先別急著使用,我們先來瞭解一下它的功能以及操作方式。

IceCream 主要功能是中間的「Free Up iPhone Space」,也就是透過把相片上傳至雲端的方式來使可用空間變多,不過你我可能手機裡都累積了非常多的相片,IceCream 不會把它們通通上傳,而是依照你的需要,上傳固定數量的相片。

下方會顯示你最多可以清理出多少可用空間,並拍攝幾張額外相片。

IceCream

STEP 4

點選「Free Up Space」功能後,會來到一個準備畫面,它的運作方式前面提過,在這裡就不多做贅述,點選下方按鈕開始進行。

請注意:因為 IceCream 上傳相片會需要大量頻寬,請準備快速、穩定的 Wi-fi 連線環境,這樣將可以大幅加快完成時間,並把更多相片安全備份到雲端硬碟保存。

IceCream

STEP 5

IceCream 還有一個特殊功能,就是它本身內建相機,不同的是這個相機可拍攝比內建相機多達 10 倍張數!為什麼呢?因為透過 IceCream Camera 拍攝所產生的相片,會自動同步上傳到安全的雲端空間,而手機上則可以顯示經過最佳化處理的相片。

這也表示無論你想要在裝置上瀏覽,或者想取得高畫質原始圖片都沒有問題。

IceCream

STEP 6

特別的是 IceCream 不是依照你需要的容量來為你釋放空間,而是讓你選擇需要額外幾張可拍攝的相片配額,假設你選擇 250 張相片,IceCream 會幫你上傳大約 10 張相片至雲端空間,騰出 50 MB 容量來讓你可以拍攝超過這個數量的相片。

IceCream

STEP 7

在同步備份相片後,IceCream 還會提示你可以將這些照片刪除(交給 IceCream 為你刪除相片,不過在此必須先取得你的同意),這裡有一段訊息非常重要,那就是你可以到它提供的網站:www.givemeicecream.com 來檢視和下載你剛才備份的相片。

IceCream

因為 iOS 本身有個「最近刪除」也就是類似於垃圾桶的設計,相片刪除後還是會暫存在該分類下,必須手動進去清除才能把空間整理出來,依照 IceCream 的提示,前往「相片」裡面的「最近刪除」,然後選擇「刪除全部」即可將這些相片從垃圾桶移除。

IceCream

STEP 8

最後,IceCream 會跳出已經清出多少容量的訊息,假設增加了 50MB 空間,那麼就可以再拍攝超過 250 張以上的相片!

IceCream

STEP 9

最後,我們還是要試著打開給我冰淇淋(https://givemeicecream.com/)網站,從右上角點選登入按鈕,以你剛才註冊 App 的帳號密碼來登入,登入時會要求輸入從手機收到的驗證碼資訊,以避免帳號密碼被劫取而存取你的相片。

成功登入後,就能看到 IceCream 應用程式為我們保存、備份起來的相片囉!如果想要一次打包、全部下載的話,點選右上角的「Download My Photos」即可完成。

IceCream

雖然 IceCream 功能不僅於此,它還內建即時通訊功能,讓你可以與好友透過 IceCream 快速傳送、分享相片,但礙於篇幅,我無法一一詳細介紹這些功能,主要仍以它的強項──清出容量和相片備份為主。

最後還是要再次提醒,沒有任何一項服務是 100% 絕對安全的,若對你來說是相當重要的資料,請務必再找多一點地方備份儲存。

值得一試的三個理由:

  1. 可將手機內的相片自動備份、同步到 AWS
  2. 為相片最佳化,把佔用容量的原圖備份到雲端硬碟
  3. 登入後可以一次打包下載所有備份的相片

喜歡免費資源網路社群的文章嗎?歡迎追蹤我們的 FacebookTwitterGoogle+,或是透過 Email 訂閱更新

OpenAdminTools 線上查詢網站各項資訊如 Alexa、PageRank 等搜尋引擎數據變化

Posted: 05 Oct 2015 06:30 PM PDT

Open Admin Tools 是一個能即時檢測、追蹤網站各種資訊的線上工具,與 PageRank Status 來自同公司,對有經營網站、部落格的朋友來說,這類服務就顯得有其參考價值。雖然我認為 Author Rank 遠比這些流量來得重要,如何創造獨特、更具有價值的原創內容好像才是最終目標,但透過一些數據,依舊能讓我們知道一個網站是否有朝更好的方向成長。

Open Admin Tools 用法很簡單,本身提供中文介面,而且無須下載、安裝任何軟體即可使用。輸入要檢測的網址後,即時在線上檢測所有網站相關的 SEO 統計資訊,包括全球各大搜尋引擎收錄數、PageRank、Alexa 排名、快取歷史、反向鏈結數量、社群網站宣傳成效、伺服器技術等資訊,非常方便。

若你是使用 Google Chrome 瀏覽器,我會建議直接安裝 PageRank Status(目前已經更名為 Open SEO Stats),就無須透過網頁檢測,直接於瀏覽器內顯示相關數據。

除此之外,我平常較常使用的工具還有 GTmetrixPingdom Tools,這兩項主要都是以檢測網站的速度為主,如果你想對於網站最佳化,也別錯過這兩個好用的站長工具。

網站名稱:Open Admin Tools
網站鏈結:https://www.openadmintools.com/

使用教學

STEP 1

開啟 Open Admin Tools 網站後,輸入要檢測的網址 URL,然後點選「網站分析」。若之前已經有查詢過,那麼暫存資料會保存大約一天左右。

OpenAdminTools

STEP 2

接著就能從 Open Admin Tools 找到完整的網站資訊,可以看到包括 PageRank、Alexa、網站年齡、Archive.org 首次快取時間、robots.txt、XML 網站地圖、IP、伺服器、國家等等的相關細節,非常完整。

下方能找到搜尋引擎收錄情形,若你是剛建立的網站,收錄數可能會少一些。

OpenAdminTools

STEP 3

其中我會建議檢查「頁面資訊」部分有沒有設定正確,這部分可以算是網站的核心,也是網站最重要的部分。一般做為使用者或搜尋引擎識別網站內容的參考,若有詳實描述,更有助於你的網站被其他人找到。

我建議可透過 WooRank 再次檢測,能得到更多、更完整的說明。

OpenAdminTools

STEP 4

透過流量排名分析,可以知道某個網站的流量變化資訊,包括當日、近半年、兩年和搜尋引擎訪客等資訊,不過我認為流量資訊做個參考就好,因為在不同網站性質與運作方式,可能也會產生誤差或錯誤,若要分析仍是以網站管理者收集到的數據為主。

OpenAdminTools

如果你是 Google Chrome 使用者,安裝 PageRank Status 擴充功能會是一個更方便、快速的解決之道,尤其是要經常查詢網站的相關資訊時,這些工具就會非常實用。

值得一試的三個理由:

  1. 輸入網址即可檢測網站相關數據
  2. 收錄全球各大搜尋引擎收錄數、PageRank、Alexa 排名等第三方資訊
  3. 中文介面、操作簡單,提供 Google Chrome 擴充功能

喜歡免費資源網路社群的文章嗎?歡迎追蹤我們的 FacebookTwitterGoogle+,或是透過 Email 訂閱更新

Travel Coffee Book 旅遊免費相片圖庫,採 CC0 授權可自由下載

Posted: 04 Oct 2015 06:00 PM PDT

Travel Coffee Book 旅遊免費相片圖庫,採 CC0 授權可自由下載

雖然已介紹過不少免費圖庫網站,但總覺得這些內容相當實用,而且深受許多讀者喜愛,或許是對於相片素材的需求較大,而且無論在工作或生活中可能都會用到,這時候有越多圖庫資源就顯得更方便,圖片的選擇也更多。如果你想撰寫一篇旅遊相關題材文章,但又苦無一張美麗的封面圖,不妨到 Travel Coffee Book 找找。

Travel Coffee Book 中文名稱為「旅遊日記」,網站內容恰如其名,主要以提供在旅遊中拍攝的相片為主。你可以找到許多精美的攝影作品,沒有固定主題,依照時間排列顯示。比較特別的是網站將所有圖片更新、上傳至 OneDrive 雲端硬碟,如果你需要大量相片的話甚至可以一鍵全部下載保存,非常方便。

這些相片全部採用 CC0(Creative Commons Zero)授權,也就是所謂的公眾領域貢獻宣告,拋棄所有與著作權相關的權利,讓其他人得以下載,免費使用網站上的所有相片內容。

網站名稱:Travel Coffee Book 旅遊日記
網站鏈結:http://travelcoffeebook.com/

使用教學

STEP 1

開啟 Travel Coffee Book 網站後,我會建議選擇網站的 Archive 彙整功能,來快速預覽、查找網站收錄的所有相片素材,在這裡可以找到每月更新情形。

Travel Coffee Book

STEP 2

點選任意圖片能進行更大圖片的預覽,跟一般我們熟悉的圖庫網站差不多,至於要如何下載呢?很簡單,進入相片頁面後,相片下方就有「Download」下載鏈結,同時也會標註出該相片的主題以及相關說明。

Travel Coffee Book

STEP 3

因為網站將所有相片都託管於 OneDrive 雲端硬碟,在點選下載鏈結後,會被待往雲端硬碟服務,點選上方的「下載」按鈕就能取得相片,或者也可檢視原始影像或內嵌至網站。

Travel Coffee Book

STEP 4

前面有提到 Travel Coffee Book 已經把所有相片都收錄到 OneDrive ,可以從首頁找到下載所有相片的鏈結:http://1drv.ms/VVczP9 ,一樣能在這裡找到所有相片,或是進行一鍵打包快速下載。

Travel Coffee Book

值得一試的三個理由:

  1. 收錄來自世界各地旅行者所拍攝的美麗相片
  2. 圖片採用 CC0 授權,可以自由下載、使用或後製
  3. 無須註冊即可取得原圖,可從 OneDrive 一鍵打包下載

喜歡免費資源網路社群的文章嗎?歡迎追蹤我們的 FacebookTwitterGoogle+,或是透過 Email 訂閱更新

Sideplayer 瀏覽網頁同時看 YouTube!影片懸浮可調整位置大小(Chrome 擴充功能)

Posted: 03 Oct 2015 06:30 PM PDT

Sideplayer 瀏覽網頁同時看 YouTube!影片懸浮可調整位置大小(Chrome 擴充功能)

在介紹 Sideplayer 這個有趣的小工具之前,容許我先提一下類似的擴充功能,如果你還有印象的話,我曾介紹過一款 Mini YouTube,當你在看 YouTube 影片時,即使把網頁向下捲動,影片依然能懸浮於網頁右側,這麼做有什麼好處呢?假設你是喜歡邊看影片邊看下方留言的人,Mini YouTube 就會變得非常方便,至少無須按下暫停、使焦點離開影片。

最近又有一款更強大的 Chrome 擴充功能出現了!Sideplayer 就是接下來要介紹的主角,其實它跟 Mini YouTube 功能很像,但 Sideplayer 實現了「真正」把 YouTube 影片給帶離原本網站的需求,無論你是在瀏覽 Facebook、在 Google 找資料,或是任何網站,都可以讓影片隨時跟著你的網頁切換。

對了,Sideplayer 操作方法非常簡單,安裝後只要輕輕一點就能開啟使用。順帶一提,如果你喜歡類似方便的工具,之前介紹過一款在 Mac 上使用的漂浮瀏覽器 Helium 也是個很有趣的免費軟體,不妨參考看看。

應用程式資訊

程式名稱:Sideplayer
適用平台:Chrome
程式語系:英文
官方網站:http://sideplayer.com/
安裝頁面:從 Chrome 線上應用程式商店下載

使用教學

STEP 1

以 Google Chrome 瀏覽器開啟 Sideplayer 擴充功能頁面,點選「+ 加到 Chrome」安裝。

Sideplayer 瀏覽網頁同時看 YouTube!影片自動懸浮自由調整位置大小(Chrome 擴充功能)

STEP 2

安裝後如果你立即點選 Sideplayer 右上角按鈕,會出現如下訊息,要求使用者重新啟動瀏覽器,第一次使用時必須重啟,接下來就沒有這個問題啦!

Sideplayer 瀏覽網頁同時看 YouTube!影片自動懸浮自由調整位置大小(Chrome 擴充功能)

STEP 3

要如何使用呢?Sideplayer 會自動在 YouTube 影片下方顯示「Play in Sideplayer」按鈕,要透過這項功能來播放影片只要點選該按鈕即可。或者你也可以點選 Sideplayer 按鈕,將影片網址貼上,兩者都可達到一樣效果。

Sideplayer 瀏覽網頁同時看 YouTube!影片自動懸浮自由調整位置大小(Chrome 擴充功能)

STEP 4

實際測試一下 Sideplayer 的功能吧!任意打開 YouTube 影片頁面,果真在下方出現了一個新的「Play in Sideplayer」按鈕,要讓影片自動懸浮、固定於網頁中,只要點選該按鈕就能啟動功能。

Sideplayer 瀏覽網頁同時看 YouTube!影片自動懸浮自由調整位置大小(Chrome 擴充功能)

STEP 5

點選後 YouTube 影片就會「黏」在網頁裡,試著切換到其他分頁,可以發現 YouTube 影片仍然懸浮在畫面上,可以點選來拖曳到任何地方,也能使用影片上的控制列。

將滑鼠游標移動到影片邊緣,還能夠調整影片大小,讓它顯示在最適當的位置。

Sideplayer 瀏覽網頁同時看 YouTube!影片自動懸浮自由調整位置大小(Chrome 擴充功能)

只要你還停留在 Google Chrome 瀏覽器裡,無論切換到任何分頁,YouTube 影片還是會固定在畫面上,即使你跳到其他頁面(例如在 Google 首頁搜尋),影片播放不會中斷,非常神奇喔!

Sideplayer 瀏覽網頁同時看 YouTube!影片自動懸浮自由調整位置大小(Chrome 擴充功能)

值得一試的三個理由:

  1. 讓 YouTube 影片固定於網頁任何位置、大小
  2. 無論在 Facebook、Google 或任何網站都可以使用
  3. 切換畫面時影片播放不暫停

喜歡免費資源網路社群的文章嗎?歡迎追蹤我們的 FacebookTwitterGoogle+,或是透過 Email 訂閱更新

臉書「網誌」功能全新改版,Notes 專為長篇圖文分享而生

Posted: 02 Oct 2015 06:50 PM PDT

記得剛開始使用 Facebook 時就已有「網誌」功能,但因為設計不夠理想,操作上不方便,一直以來功能並沒有太多變化,網誌就一直被使用者擱在一旁。無論是短短幾個字的生活雜記,或者是從各方面進行深入剖析的長篇大論,全部都往近況更新丟,也因此塗鴉牆上什麼長短篇內容都有,很多時候對於閱讀產生了極大困擾。

Facebook 最近宣佈對 Facebook Notes 也就網誌功能進行更新,這次不只在功能上有了改變,更重要的是原有操作介面和顯示樣式都不一樣了。雖然有網友說 Facebook Notes 新設計有向部落格平台 Medium 致敬的味道(有些部分感覺類似…),但至少以後要發佈篇幅較多的圖文內容時,就不用再去尋覓其他管道。

Facebook Notes 讓你可以自由加入文字和圖片等內容,對文字標記樣式,例如粗體、斜體或鏈結,同時也具備 H1、H2 標題、項目符號和列表、引言等等,比較特別的是全新的網誌功能設定文章的封面照片,同時選擇圖片排列對齊位置。

臉書「網誌」功能全新改版,專為長篇大論而生

你或許會納悶:現在寫部落格的人多嗎?可能沒幾年前多,但這方面的需求是一直有的,當 Facebook 已成為許多人記錄生活、抒發情緒或分享所見所得的平台,若沒有一個可以適合寫作的環境倒還蠻可惜。這次更新就滿足了使用者的需求。

至於對現有的部落格經營者來說會不會有衝擊或影響呢?我想不會,因為臉書、Twitter 之類的社交網路仍是用來宣傳或推廣內容,主力還是放在自己的網站上,Facebook 的網誌功能相較之下也很陽春,但如果你平時偶爾想寫寫文章,但又不想花太多時間來維護的話,也不失為一種選擇。

使用教學

STEP 1

開啟臉書的「網誌」功能,會顯示你的好友所撰寫的文章內容,你可以把它想像成一個簡易的閱讀器,在這裡能找到其他朋友透過「網誌」功能產生的長篇文章。

臉書「網誌」功能全新改版,專為長篇大論而生

STEP 2

點選網誌內任意文章即可展開、閱讀全文。在全新的 Facebook Notes 設計中,文章上方封面圖片是使用者能自由加入、設定的項目,

臉書「網誌」功能全新改版,專為長篇大論而生

STEP 3

點選 Facebook 網誌功能,然後選擇「新增網誌」,就會開啟全新的編輯器畫面(不過原有的網誌內容並不會被轉換到新設計)。

Pseric 還蠻喜歡 Facebook Notes 這次的改版,不但標題和文字大小明顯加大,更易於寫作或閱讀外,也可以加入更多格式和編輯功能,包括插入圖片,讓 Facebook 網誌功能不僅僅只是一個純文字編輯器。

臉書「網誌」功能全新改版,專為長篇大論而生

STEP 4

圖片會從你曾經上傳到 Facebook 的內容列出,當然也可以點選「Upload New Photo」來上傳新相片,並將它使用在 Facebook 網誌文章編輯器。

臉書「網誌」功能全新改版,專為長篇大論而生

插入圖片後,還可以為圖片加入說明文字(Caption),或是設定相片對齊方向,例如靠左靠右排列、置中或文繞圖,使編輯器可以能在圖片文字的排列上更活潑、靈活。

臉書「網誌」功能全新改版,專為長篇大論而生

STEP 5

文章完成後,別忘了點選右下角的「儲存」或「發佈」 才算完成,你也可以針對不同的內容來設定能見度權限(公開、朋友,或僅開放某部分好友圈)。

Facebook Notes 網誌在發佈內容後,能夠快速分享至自己的塗鴉牆,讓更多人能夠看到你所建立的內容,這部分在之前的網誌功能就已經出現過。

臉書「網誌」功能全新改版,專為長篇大論而生

當然,相較於一般我們常見的網誌平台,Facebook Notes 功能仍是稍嫌陽春,例如無法讓我們自訂樣式、也不支援自訂 JavaScript 或 RSS。當然 Facebook 網誌本身就不是為了要取代現有的 Blog 平台而生,它只是把既有功能重新設計翻新,讓我們在發佈長篇圖文內容時有更好的選擇。

喜歡免費資源網路社群的文章嗎?歡迎追蹤我們的 FacebookTwitterGoogle+,或是透過 Email 訂閱更新

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 knoledge 的頭像
    knoledge

    討論

    knoledge 發表在 痞客邦 留言(0) 人氣()