關鍵應用
用EMail訂閱文章 用RSS訂閱文章 搜尋文章
˄

如何將「Google 日曆」嵌入到網頁中?

對記性不好或活動較多的人來說,能夠透過有提醒功能的紀錄來說,無疑是最好的解決方案,「Google 日曆」算是個不錯的應用,舉凡像是活動、工作、提醒等事件,都可以往 Google 日曆內紀錄,時間到前,就會發出通知來提醒用戶,相當方便,不過,要使用時,需要開啟「Google 日曆」才能應用,如果可以內嵌到自家公司或私人網頁中,這樣應用起來就更方便了,想要將「Google 日曆」嵌入到任何網頁中,「Google 日曆」本身就有提供嵌套的程式語法,只要將該段語法放到網頁要呈現的位置,就可以大功告成了。
ContentPhoto3255

繼續閱讀»»»

Sketch2Code 使用 AI 將手繪設計稿轉換成 HTML 程式碼

需求分析是系統開發成敗的關鍵,系統分析師與客戶溝通時,如果可以拿出接近客戶心目中的實際系統操作雛形,相信會比用文字描述來的容易溝通,如果要將溝通時產生的手繪草稿圖利用 HTML 程式碼來呈現,讓客戶可以模擬操作,藉此確定系統規格,這對日後的系統驗收也有一定的幫助,Sketch2Code 是由 Microsoft 的 Azure 雲平台和Azure Cloud AI Web 服務支援,結合人工智慧、OCR 等各項技術,將任何的手繪設計稿件轉成 HTML,方便夥伴協同與客戶溝通。
ContentPhoto3234

繼續閱讀»»»

border radius 圓角框 CSS 語法線上產生器

CSS 版本進展到 CSS3.0,讓以往需要靠圖片來輔助才做得到的效果,變得只需用 CSS 即可,例如邊框特效、色彩展示、圖形變化、動畫、轉換特效、文字色彩、文字陰影、區塊陰影、文字旋轉...等,不過標準有了,語法的學習上卻變成是個門檻,還好,線上有很多關於 CSS 產生器,像是按鈕、陰影、圓角...等,如果對 CSS 語法陌生,又想產生圓角邊框,可以來試試 border radius 這個線上的 CSS 圓角框產生器,簡單方便。
相關工具還可參考:
ContentPhoto1300

繼續閱讀»»»

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

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

繼續閱讀»»»

如何將「Google 文件」內容嵌入網頁?

使用文書編輯應用程式時,在以前大家可能會選擇使用 Microsoft Word,除了功能之外,當然就是流通率廣且便於互通,而現在雲端應用的興起,Microsoft 也將 Office 的功能精簡後將其包裹在 OneDrive 內,讓用戶可以免費使用,當然除了微軟的 OneDrive 外,Google 的雲端硬碟同樣提供「文件」、「試算表」、「簡報」、「表單」、「繪圖」、「協作平台」...等相應於 Microsoft Office 系列的雲端應用程式,不但可以免費使用,且可相容 Office 系列所編輯出的文件,像是 Word、Excel、PowerPoint 等,用戶取得這些檔案後,均可在 Google 雲端硬碟內用相應的程式開啟並編輯,如果要將「Google 文件」的內容嵌入到網頁中,並在內容變更時也能充新發布,Google 本身就有提供相對應的做法協助用戶,完全免去第三方需要權限的協助就可以應用。
ContentPhoto3168

繼續閱讀»»»

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

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

繼續閱讀»»»

搜尋文章