如何將儲存在「Google 雲端硬碟」內的 MP3 嵌入到網頁中播放?

如何將儲存在「Google 雲端硬碟」內的 MP3 嵌入到網頁中播放?

如果使用像是 SoundCloud 或 Anchor.fm 這樣的音頻檔案託管網站,用戶只需將音頻檔案上傳到網站,然後複製所提供的 HTML 嵌入代碼,便可以很輕鬆地將 MP3這類的音頻檔案嵌入到網頁或是部落格中。那麼,儲存在 Google Drive 內的 MP3 又要如何嵌入到網頁中呢?其實也非常簡單,只要更改 Google 所提供的共用連結,然後將其包裝在 iFrame 內即可。

繼續閱讀»»»

Coolors 線上調色盤免費工具

Coolors 線上調色盤免費工具

在日常生活中或是工作上都難免會碰到有顏色要如何搭配的問題,至於要如何解決,有人會請專業人士幫忙,有人會找書,還有人就是瞎矇了,當然,瞎矇還不如到網路上找解決方案,Coolors 就是個線上配色免費工具,使用者可以自行增刪或拖動色塊並藉此調整出兩色間的層次顏色,亦可以直接選用系統搭配出的各種配色方案,每種顏色均可以產生 16進制的顏色碼,方便後續的應用,該網站可註冊成用戶,主要就是可以保存自己的顏色方案,。

繼續閱讀»»»

如何在網頁中使用 Google Icon Font 免費圖示?

如何在網頁中使用 Google Icon Font 免費圖示?

「圖示」運用得當,絕對勝過用文字描述,以往要在網頁裡使用圖示,可以使用圖檔,但不論是要更改尺寸、顏色都相當麻煩,而現在大多使用 Icon Font,將圖示變成字形來使用,這樣一來不論日後維護要改尺寸大小、顏色就相當方便,「Google Font」內現在就有提供成套風格且免費的 Icon Font 供使用者應用,如果習慣使用圖檔,每個圖示同樣都有提供 PNG、SVG 圖檔格式,不論是應用在網頁、Android 或是 iOS 都不是問題。

繼續閱讀»»»

Type Anything 視覺化調整網頁文字字體、間距、大小...的 CSS 語法產生器

Type Anything 視覺化調整網頁文字字體、間距、大小...的 CSS 語法產生器

初學網頁編輯,除了功能外、美工外,還有排版用到的 CSS,樣樣都不是省心的事情,如果可以靠一些輔助工具來協助,絕對可以事半功倍,Type Anything 是一個可以用視覺化的方式來調整 H1、H2、H3 及 paragraph 等 HTML 元素的 Font family、Font Size、Font weight、Line height、Opacity、Margin top、Margin bottom、Letter spacing、Word spacing 及 Capitalization 等屬性的免費網站服務,每次的調整都會即時反映到樣板文字上,讓使用者檢視,完成調整後,就可以產生 CSS 排版語法,讓使用者複製到要應用的網頁,相當方便。

繼續閱讀»»»

HTML.cafe 線上 HTML 編輯器,即時呈現 HTML 及 CSS 語法變化

HTML.cafe 線上 HTML 編輯器,即時呈現 HTML 及 CSS 語法變化

寫好的 HTML 及 CSS 通常必須存檔,然後由瀏覽器去執行,這一來一回的動作可能要經過無數次,相當浪費時間,HTML.cafe 是個線上 HTML 編輯器,所敲進去的 HTML 及 CSS 語法,會即時反應在呈現欄中,免去存檔後,再到瀏覽器執行的過程,這對初學者或是需要測試 HTML 語法或是 CSS 排版效果絕對是個好幫手。

繼續閱讀»»»

Font of Web 輸入網址就幫你找出該網站所使用的字體與下載網址

Font of Web 輸入網址就幫你找出該網站所使用的字體與下載網址

瀏覽網站時,如果遇到喜歡的字體,該如何找出該字體名稱與下載呢?這時候,我們可以透過 Font of Web 這個線上工具來協助,只要輸入該網站網址,便可以找出該網站所使用的字體,並產生該字體的下載連結,但,並非所有字體都能產生下載連結,另外該網站會分析輸入網址的主要的 HTML Tag 像是 h1、span、p...等的與字體相關的 CSS,這對要參考其他網站來定義自己網頁字體的大小、字重或 Line Height 也有參考價值,另外,字體下載須注意版權,該網站並不保證所下載的字體可以用於個人或商業。

繼續閱讀»»»

請輸入關鍵字


請選擇訂閱工具...


˄