Menucool CSS Tooltip Generator 提示訊息框 CSS 語法產生器

Menucool CSS Tooltip Generator 提示訊息框 CSS 語法產生器

「提示訊息框」常上網的人應該都有體驗過,也就是滑鼠指標指到某一物件,會出現提示訊息,告訴用戶該如何操作或其意義,如果想要在自己的網頁中加入這種提示訊息,也不用從頭打造起,可以透過 Menucool 這個網站所製作的 CSS Tooltip Generator 這個  Tooltip 產生器,只要對其提供的參數進行調整,就能輕鬆製作出符合各大主流瀏覽器都適用的提示訊息框。

繼續閱讀»»»

Copy & Paste CSS 線上提供 Buttons、Box-shadows 及 Color palettes 已搭配好的 CSS 樣式,複製就可以使用

Copy & Paste CSS 線上提供 Buttons、Box-shadows 及  Color palettes 已搭配好的 CSS 樣式,複製就可以使用

階層樣式表 (Cascading Stylesheets;CSS) 主要用來塑造網站的特殊風格,例如有段文字要用紅色來標明重點或是網頁版面要呈現2欄或 3欄的架構等等,對初學者而言參考別人寫好的 CSS 語法,可以快速增加對 CSS 的靈活運用,「Copy & Paste CSS」 是個提供 Buttons 及 Box-shadows 的模板網站,使用者可以透過其展示的樣式,如果符合自己的需求,便可以複製其 CSS語法,然後套用到自己的網頁,另外,該網站的 Color palettes 還提供已搭配好的顏色組合,供你複製帶走。

繼續閱讀»»»

NOISE & GRADIENT 漸層圖片產生器

NOISE & GRADIENT 漸層圖片產生器

漸層色的運用,能讓用戶感覺到色彩的層次感,在網頁中要使用漸層色彩可以使用圖片,亦可以利用 CSS 語法來完成,但如果是用於文書、簡報、文宣美工等產品,則必免不了要使用圖片。NOISE & GRADIENT 是個線上漸層圖片產生器,透過網頁上的介面,使用者可以自行選擇漸層要搭配的顏色(最多 6種),而使用空白鍵可隨機產生漸變色彩的各種組合,另外,還可以加入將色彩顆粒化的 CHAOS、GRAIN 兩項因子,完成後,可以免費下載 1000×1000px 的圖片。

繼續閱讀»»»

Enjoy CSS 線上 CSS 語法產生器

Enjoy CSS 線上 CSS 語法產生器

CSS 是可以用來排版與美化網頁內各種元素的腳本語法,不論是整體布局或是內含元素的美化,均需要透過 CSS來完成,而 CSS 語法說難不難,說簡單也不簡單,尤其是對專攻程式或初學者的用戶來說,還是有學習門檻的,但還好網路上這方面的輔助工具有不少,EnjoyCSS 便是其中的一個,透過該網站所設計的介面,使用者僅需調整所需要參數,便可以輕鬆產生網頁常用到的元素,像是文字、輸入欄、按鈕、區塊會使用到的 Text、Background、Shadows、Border and Radius、Transition、Transform 等效果的 CSS 或是 LESS、SCSS 腳本語法,且還提供各瀏覽器所支援的程度,讓你可以快速佈局到自己的網頁內。

繼續閱讀»»»

Type Anything 視覺化調整網頁文字字體、間距、大小...的 CSS 語法產生器

Type Anything 視覺化調整網頁文字字體、間距、大小...的 CSS 語法產生器

初學網頁編輯,除了功能外、美工外,還有排版用到的 CSS,樣樣都不是省心的事情,如果可以靠一些輔助工具來協助,絕對可以事半功倍,Type Anything 是一個可以用視覺化的方式來調整 H1、H2、H3 及 paragraph 等 HTML 元素的 Font family、Font Size、Font weight、Line height、Opacity、Margin top、Margin bottom、Letter spacing、Word spacing 及 Capitalization 等屬性的免費網站服務,每次的調整都會即時反映到樣板文字上,讓使用者檢視,完成調整後,就可以產生 CSS 排版語法,讓使用者複製到要應用的網頁,相當方便。

繼續閱讀»»»

HTML.cafe 線上 HTML 編輯器,即時呈現 HTML 及 CSS 語法變化

HTML.cafe 線上 HTML 編輯器,即時呈現 HTML 及 CSS 語法變化

寫好的 HTML 及 CSS 通常必須存檔,然後由瀏覽器去執行,這一來一回的動作可能要經過無數次,相當浪費時間,HTML.cafe 是個線上 HTML 編輯器,所敲進去的 HTML 及 CSS 語法,會即時反應在呈現欄中,免去存檔後,再到瀏覽器執行的過程,這對初學者或是需要測試 HTML 語法或是 CSS 排版效果絕對是個好幫手。

繼續閱讀»»»

請輸入關鍵字


請選擇...


˄