Uiball.com 免費使用 CSS 打造的網頁等待動畫圖示
瀏覽網頁之所以會覺得網站可能沒有回應，原因有可能出在網頁需要運算時間較久、網路傳輸速率較慢或的數據過多...等等，總之，在這之前如果適時地放上一個等待圖示或是加載中，請稍後...的字樣，都比讓用戶空等帶來的好，如果是要放等待動畫圖示，GIF 是個選擇，而另一選擇則是使用 CSS，Uiball.com 這個網站提供...
TechNews 科技新聞與最新技術文章
24個純 CSS 打造的等待動畫圖示 隨取即用
網頁處理、運算、傳輸都需要時間，如果讓使用者乾等待，就容易產生當機的錯覺，因此，在這段時間產生一個提示訊息藉此告訴使用者耐心等待是有必要的，而現行網頁最常見的就是使用等待動畫圖示，負責處理到呈現這段時間的呈現，這個動畫可以使用 GIF 圖檔，也可以使用純 CSS 語法打造，24 PURE CSS3 PRELOAD...
CSS Tooltip Generator 提示訊息框 CSS 語法產生器
瀏覽網頁時，當我們看到帶有 ? 的圖示符號，通常將滑鼠指標指過去就會出現提示框，而其內容是解釋其意義或是提示使用者該如何操作等，而其出現的位置，可能會是在 ? 圖示符號的上、下、左、右。對 CSS 的初學者而言，要產生這樣的提示框並不容易，但我們可以透過一些輔助工具像是 CSS Tooltip Generator...
CSS Flexbox Generator 視覺化操作 Flex 屬性產生相對應的 CSS 語法
常可以見到在網路上關於 CSS 排版的提問，例如元件在容器內如何橫排、對齊或是自動縮放等問題，而這些問題幾乎都可以使用 CSS Flexbox 來解決，那什麼是 Flexbox 呢？簡單的說就是將容器的 display 屬性設定為 flex，再透過 flex 的相關屬性來決定容器內的元件要如何排版，所以 Flex...
Grid-Generator 可自訂網頁結構的版型產生器
網路上有很多免費的網頁模板可供下載，套用的方式也不複雜，但如要修改其中的版型結構，可能就有點門檻，而我們比較常見的網頁布局有表頭、內容可能區分三、二及單欄式再加上表尾，但不論利用何種版型，如要套用模板，就需要找到相類似的模板，不然就是自己改，太麻煩了。Grid-Generator 這個網站可以讓我們用所見及所得的...
贊助廣告
Menucool CSS Tooltip Generator 提示訊息框 CSS 語法產生器
「提示訊息框」常上網的人應該都有體驗過，也就是滑鼠指標指到某一物件，會出現提示訊息，告訴用戶該如何操作或其意義，如果想要在自己的網頁中加入這種提示訊息，也不用從頭打造起，可以透過 Menucool 這個網站所製作的 CSS Tooltip Generator 這個 Tooltip 產生器，只要對其提供的參數進行...
Copy & Paste CSS 線上提供 Buttons、Box-shadows 及 Color palettes 已搭配好的 CSS 樣式，複製就可以使用
階層樣式表 (Cascading Stylesheets；CSS) 主要用來塑造網站的特殊風格，例如有段文字要用紅色來標明重點或是網頁版面要呈現2欄或 3欄的架構等等，對初學者而言參考別人寫好的 CSS 語法，可以快速增加對 CSS 的靈活運用，「Copy & Paste CSS」 是個提供 Buttons 及 ...
Enjoy CSS 線上 CSS 語法產生器
CSS 是可以用來排版與美化網頁內各種元素的腳本語法，不論是整體布局或是內含元素的美化，均需要透過 CSS來完成，而 CSS 語法說難不難，說簡單也不簡單，尤其是對專攻程式或初學者的用戶來說，還是有學習門檻的，但還好網路上這方面的輔助工具有不少，EnjoyCSS 便是其中的一個，透過該網站所設計的介面，使用者僅需...
贊助廣告
emnu 步驟可視化的線上 C++ 編譯器
「程式設計」已被明訂在十二年國教課綱的科技領域內，成為必修課程，其學習內容分為「演算法」、「程式設計」、「系統平台」、「資料表示、處理及分析」、「資訊科技應用」以及「資訊科技與人類社會」等六大面向，而在程式設計這塊，光是程式語言就有相當多種，但屹立不搖的大概就只有 C、C++、JAVA，網頁用的 PHP、Java...
Type Anything 視覺化調整網頁文字字體、間距、大小...的 CSS 語法產生器
初學網頁編輯，除了功能外、美工外，還有排版用到的 CSS，樣樣都不是省心的事情，如果可以靠一些輔助工具來協助，絕對可以事半功倍，Type Anything 是一個可以用視覺化的方式來調整 H1、H2、H3 及 paragraph 等 HTML 元素的 Font family、Font Size、Font weig...