▌訂閱、追蹤本站最新文章
§歡迎加入臉書粉絲團
§歡迎加入Google+社交圈

HTML Table Styler 📅 CSS Generator 免費互動式的 HTML 表格與 CSS 線上程式碼產生器

對 HTML 的初學者來說,如果有 HTML 與 CSS 相關的工具來輔助入門,將可事半功倍,以網頁的製作來看,通常都少不了 table 與 div 的應用,如果要有些變化,就需要在色彩、框線、文字、背景等多加著墨,HTML Table Styler 📅 CSS Generator 是一個免費互動式的 HTML 表格與 CSS 線上程式碼產生器,透過操作方便的調整介面,就能產生出 Gradient、Box Shadow、Text Shadow、Color、Font、Table、Column Border、Border Radius、Transform、Background 各種樣式,每種均可產生 HTML、CSS Code,且可預覽,另外,針對 table 要改用 div 也提供轉換器,讓初學過程大幅減短,兼顧工作效率。
ContentPhoto2755

如何使用 OneDrive 雲端硬碟的「內嵌」功能,讓文件、圖檔直接顯示在其他網頁上?

一直以來,網頁內圖片的顯示,佔據了網站流量的大宗,因此有些架站服務,會限制流量或限制檔案大小,甚至不允許上傳多媒體類型的檔案,該如何有個品質穩定、管理方便又能免費使用顯示在其他網頁上的儲存空間呢?答案就是利用微軟的 OneDrive 雲端硬碟,透過 Windows 作業系統結合的 OneDrive 在「檔案總管」就能方便管理檔案,想要將文件、圖片或影音檔直接顯示在其他網頁上也只要透過內建的「內嵌」功能就能達成,且同時支援 SSL 與設定圖片尺寸。
相關操作,還可以參閱:
ContentPhoto2740

如何將相片從「Google 相簿」嵌入進網頁?

利用手機拍攝相片相當容易,要備份、分享這些相片也很簡單,只要透過微軟的 OneDrive 或是 Google 相簿的免費儲存空間,都能輕鬆完成。如果想要將相簿內的某些相片貼到網頁上,該如何才能達成呢?以「Google 相簿」為例,取得的相片連結可以透過 ctrlq.org 這個網站來解析成可以貼到網頁上的 URL,讓「Google 相簿」也能成為其他網站上的圖床。
ContentPhoto2733

CSS Animate 線上 CSS3 動畫產生器

CSS 是用來控制網頁的布局與樣式,對圖檔與動畫的支援都不多,因此,大家看到網頁所呈現的圓角、陰影、漸層、半透明...等特殊效果,幾乎都由圖片來完成,當然網頁載入的速度也就會慢一些,而 CSS3 除了 CSS 原有的屬性外,大幅增加對圖像與動畫的語法支援,以前要用圖片處理的圓角、漸層、陰影...等等,都可以靠 CSS3 來完成,另外,為增加網頁的可看與互動性,CSS3 的動畫屬性,也讓製作者減輕製作的成本,更讓觀看的用戶,免去瀏覽器安裝擴充程式所帶來的資安風險與惡意程式的假藉更新名義實則進行勒索攻擊等問題。CSS3 立意很好,但對初學者來說門檻很高,我們可以透過像 CSS Animate 這類的線上免費工具,加快我們的學習並製作出具水準的動畫。
ContentPhoto2709

Call-to-Action Button Generator 網頁 CSS 或 PNG 按鈕產生器

在網頁上看到的按鈕有些是利用 CSS 產生,也有利用圖片檔來產生的,端看個人需求,對利用 CSS 的人來說,除非很熟 CSS 語法,不然產生的語法實際應用到各家瀏覽器各版本可能會產不忍賭,相對的,如果是利用圖檔,那幾乎是暢通無阻,Free Call-to-Action Button Generator 是一個替網頁產生按鈕的免費網路服務,透過其介面,可以設計出想要的 CSS 按鈕或 PNG 圖檔,並產生其相關的應用語法,讓設計者可以輕鬆地運用。
ContentPhoto2671

angryTools CSS Animation Kit 純 CSS 語法動態特效產生器

寫網頁時,當需要應用一些特效,例如標題文字會閃動、旋轉等,以吸引讀者的注意,很多人都會考慮使用 JavaScript 來實現,如果要透過 CSS 來呈現,對 CSS 語法不熟悉,則變成是一個困擾,即便寫出,還要考慮各大瀏覽器的支援程度。angryTools 網站提供 CSS Animation Kit 產生的文字特效,支援 Edge、Chrome 主要瀏覽器,選好效果可立即檢視與產生 CSS 語法,複製即可使用,簡單方便。
ContentPhoto2637