利用 Embed Responsively 網站,產生可自適應螢幕尺寸的 iframe 語法在網頁內,如果要放入其他網站內的網頁、影片,通常都會使用 iframe 標籤,然後設定 src 這個屬性將其指到目標位置即可,例如 YouTube、Vimeo、Dailymotion、Google Maps、Google 文件的嵌入語法,都是如此,但產生的原始語法並無法直接套用到自適應網頁內,因此,取得這些原始語法後,我們可以透過 Embed Responsively 這個網站來幫我們產生可自適應網頁的 iframe 語法,讓自家網站也可以在不同螢幕尺寸或裝置下提供滿足訪問者的需求。線上工具開發工具2019/09/12閱讀全文
everysize 線上查看網頁在不同螢幕尺寸下的呈現效果做了響應式網頁,該如何能夠看出其在不同螢幕尺寸下應有的效果呢?everysize 是個可以讓用戶選擇像是 iPhone、iPad、Google Pixel 等裝置的尺寸或是手動調整螢幕尺寸來呈現網頁的免費網站,不同以往看到的類似網站,該網站在呈現網頁後,用戶是可以直接操作非靜態的。線上工具開發工具2020/04/29閱讀全文
PhotoPageGen 網頁相簿、影片產生器拍出的相片、影片,如果要自己做出具有可以預覽、下載及 slideshow 的網頁式的相簿,如果還須兼顧美工及自適應網頁的設計,那所花費的時間與需要具備的專業知識可不少,PhotoPageGen 是個可以讓用戶專注在相片、影片的拍攝上,而要產生網頁式的相簿、影片就可以直接交給免費的 PhotoPageGen 應用程式,其內建各式各樣的網頁模板與參數,包含背景、相框、排版、留言或產生 GPS 地圖,用戶都可以自行設定,且製作完成後,可以直接透過 FTP 發佈到 Web Server,或是上傳到 Google 雲端硬碟、Microsoft OneDrive 等硬碟空間。電腦軟體影音視聽2020/08/10閱讀全文
Countdown Timer 在網頁上放個倒數計時器辦活動的網頁,如果可以適時的放上倒數計時器,藉以提醒有興趣的網頁訪問者,絕對有加分的作用,那麼要放到網頁的倒數計時器該如何製作呢?這就不用傷腦筋了,透過 TickCounter 網站旗下的 Countdown Timer 服務,便可以輕鬆完成,使用者除了可以自訂倒數計時器的名稱、終止時間及顏色樣式,還能直接產生嵌入網頁的程式碼,更棒的是該程式碼還支援自適應網頁( RWD,Responsive web design ),讓使用者即便是在行動裝置上也能瀏覽。線上工具網頁瀏覽2021/11/04閱讀全文