利用 Embed Responsively 網站,產生可自適應螢幕尺寸的 iframe 語法

利用 Embed Responsively 網站,產生可自適應螢幕尺寸的 iframe 語法

在網頁內,如果要放入其他網站內的網頁、影片,通常都會使用 iframe 標籤,然後設定 src 這個屬性將其指到目標位置即可,例如 YouTube、Vimeo、Dailymotion、Google Maps、Google 文件的嵌入語法,都是如此,但產生的原始語法並無法直接套用到自適應網頁內,因此,取得這些原始語法後,我們可以透過 Embed Responsively 這個網站來幫我們產生可自適應網頁的 iframe 語法,讓自家網站也可以在不同螢幕尺寸或裝置下提供滿足訪問者的需求。

使用 Draw.io 免費在網路上建立軟體、工作、流程等各式圖表

使用 Draw.io 免費在網路上建立軟體、工作、流程等各式圖表

將作業內的工作項目以圖形的方式呈現,以軟體分析用的流程圖為例,再加入判斷後釐清工作的的先後次序,絕對會比用文字來描述來的清楚,而圖形有百百種,有些具有其專業性,有些則無,像是軟體分析用的流程圖四方形、長方形、菱形、箭頭...等不同的符號,各自被賦予不同的意涵,但若是要做沒有標準的圖形,例如網路示意圖,則就會在意使用的工具內是否提供足夠的相關圖形,可以利用,當然,繪製好的圖形,更要能提供匯出現行通用的檔案格式,才能方便流通。Draw.io 這個免費的 Web 應用程式,提供上述在內的多種符號圖形,像是通用型的基本符號、流程圖、UML、網路圖、辦公室、材料設計、工藝過程、模型、SiteMap......等所要用到的各式符號圖形,均有提供,也可以嵌入圖檔、Google 文件、iFrame...,當然,在你繪製完圖形後,所產生的檔案格式可以是 PNG、SVG、JPFEG 圖檔、PDF、HTML、URL...等,方便後續的分享與應用。

利用免費的 Draftable 線上工具,找出 2份 PDF 內容的不同之處

利用免費的 Draftable 線上工具,找出 2份 PDF 內容的不同之處

如果要用人工比較出 PDF 文件前後版本的內容差異,除非落差很大或內容本就精簡,不然,即便是比對完成,也難以保證無缺失,相對於人工,透過應用程式來比對,則可以大幅降低人為的疏失,Draftable Online 是一個 web 應用程式,只需要將比對的 PDF 文件使用滑鼠拖拉到指定的位置上傳,便可快速找出這兩份文件中的不同之處,方便後續文書編輯及版本控制等應用。

利用 YooDownload 網站,下載網路影片

利用 YooDownload 網站,下載網路影片

可下載的網路影片的免費工具不少,只要是不須註冊,也沒有跳來跳去的廣告誘導點擊,一般都很受用戶的青睞,YooDownload 這個免費的網路應片下載網站,支援 Youtube、Facebook、Vimeo、Vid.me、Twitter、Instagram、Vine、Soundcloud 等影音網站的影音下載,只要貼上影音網址,便可以從中挑選要下載的影片解析度或是 MP3檔案,相當方便。

利用 URLVoid 檢查網站的安全性

利用 URLVoid 檢查網站的安全性

網路雖然便利,但隱藏的陷阱卻也不少,像是釣魚網站、跨網站腳本攻擊、首頁綁架...等等的安全性問題,實在防不勝防,如果要進入一個有安全疑慮的網站,建議你可以使用 URLVoid 這個網站提供的安全性掃描服務,該服務除了會列出網站網域的註冊資料之外,還會同時到包括 GoogleSafeBrowsing、MalwareDomainList、 DrWeb...等在內的 30多個網站檢查該網站是否有被列入黑名單,讓上網的安全性更加有保障。

Jpeg.io 將 psd、tiff、webp...轉成 JPG,並做最佳化的免費網路服務

Jpeg.io 將 psd、tiff、webp...轉成 JPG,並做最佳化的免費網路服務

JPEG 是一種將圖檔的顏色和亮度分開處理並將人類肉眼難以發現的圖片細節刪除,以達到縮小圖檔體積的目的,屬於「有損壓縮」的圖片格式,常應用在網頁與相機上,如果想要將取得的圖檔轉成 JPG 圖檔格式,可以來試試 Jpeg.io 這個網站所提供的免費圖片轉檔服務,該網站提供將 JPG、PNG、GIF、SVG、BMP、EPS、PSD、TIFF、WEBP 等圖片格式轉成 JPG 圖檔,並做最佳化處理,有效的減少圖檔體積,卻又不失原有的清晰度。

SpinKit 馬上就可以套用的網頁 CSS loading 動畫圖示

SpinKit 馬上就可以套用的網頁 CSS loading 動畫圖示

網頁加載時,如果可以給予提示,告訴訪客網站確實有按要求正在動作,相信訪客會比較願意等候,因此,在很多的網站中,會看到利用百分比的進度條、loading 的動畫圖示來顯示,直到加載完成,以 loading 的動畫圖示來說,可以使用 GIF 動畫圖檔來製作,不過前提是須要有 GIF loading 圖檔,另外一種則是利用 CSS 來製作,Tobiasahlin 這個旗下的 SpinKit 網站,提供了以 CSS 為主的 loading 動畫圖示,並提供 HTML 與 CSS 的語法讓有需要的用戶快速套用。

Kapwing Video Resizer 重新改變影片大小

Kapwing Video Resizer 重新改變影片大小

如果影片拍得太小,無法聚焦在主角上,通常可以透過改變影片大小的方式來解決,Video Resizer 是 Kapwing 這個網站內的其中一項免費服務,其主要功能就是可以將影片放大或縮小,在影片的位置可以做到往上、下、左、右進行影片的調整,讓影片可以聚焦在主要的場景上,另外也提供可以快速調整成 1:1、16:9、9:16、4:5、5:4、820:312 等影音與社群網站的影片比例,對影片因縮小所產生的背景,也提供可以調整成白色或黑色的選項。

GetVideo.Download 線上免費網路影音下載服務

GetVideo.Download 線上免費網路影音下載服務

Facebook、YouTube、Instagram、Twitter、ESPN...等網路影音網站相當多且內容包羅萬象,但誰都不能保證自己愛看的影片,可以存活多久,也許今天可以看,但到了明天就已經被移除了,因此,便有很多可以下載這些網路影音的網站、應用程式相繼的出現,GetVideo.Download 這個網站可以免費下載 Facebook、YouTube、Instagram、Twitter、ESPN、IMDb、Vimeo、Dailymotion、Izlesene、Imgur、Tumblr、Bandcamp、TED、Flickr、Mashable、Soundcloud、9GAG、Break、TV.com、Tiktok、Odnoklassniki、Udemy、LiveLeak 等影音網站內的影音,只要貼上網址,免去跳來跳去的廣告誘導點擊網頁,就可以選擇要下載的影片解析度及影片格式,相當乾脆。

Email Taco 在電子郵件內容中加入倒數計時器

Email Taco 在電子郵件內容中加入倒數計時器

雖說現在的簡訊、社群網站、即時通訊對訊息的散播都相當快速且有效,但對有些需要圖文並茂的訊息,像是促銷、優惠、通知等有時間限制的訊息,使用電子郵件更能表達出相關細節,甚至,在電子郵件內容中嵌入倒數計時器,更能讓收件人有急迫感,加速其進行後續動作,Email Taco 是一個製作倒數計時器的免費網路服務,只要設定好倒數的時間,便會產生出 Gif 圖片,讓你方便嵌入到 EMail 內容中,加快訊息朝預期的效應來發展。