CoffeeCup Site Designer 是CSS框架幫助數(shù)以百萬計的設(shè)計師和開發(fā)人員快速構(gòu)建站點，它們使用組織良好的HTML、CSS和Javascript，這些都是經(jīng)常維護和更新的，并且是輕量級的。此外，它們還允許創(chuàng)建很酷的交互組件，如dropups、導(dǎo)航菜單、圖庫等，而不需要費力處理額外的腳本。

【軟件特色】

　　1.位置與Flexbox：按下按鈕即可對齊、堆疊或重新排列元素。它是一個非凡的工具，應(yīng)該成為任何響應(yīng)式設(shè)計工具包的一部分。在我們的免費互動Flexbox指南中，探索是什么讓Flexbox如此神奇，并探索真實的設(shè)計實例。

　　2.全新的用戶界面：基于社區(qū)的反饋，我們著手解決可見性問題，并更新了UI。它令人驚嘆的改頭換面使它更清晰，更容易導(dǎo)航，幫助你比以往任何時候都更快地設(shè)計你的頁面。

　　3.CSS過濾器和混合模式：動態(tài)更改顏色，調(diào)整較小顯示的設(shè)置，并讓它們以交互效果和轉(zhuǎn)換響應(yīng)用戶。這些技術(shù)將把您的站點帶到另一個層次!

　　4.一個無代碼的設(shè)計工作流：選擇、單擊、指向、選擇和滾動，創(chuàng)建世界之外的網(wǎng)站和頁面。使用無代碼CSS控件，您可以專注于設(shè)計，而我們則負責代碼。您可以自由地探索新的外觀和嘗試獨特的布局。

　　5.比樂高玩具：忘記重復(fù)的設(shè)計工作，使用組件庫加快生產(chǎn)時間。在其他項目中保存和重用項。CSS框架提供了一種優(yōu)雅的方法來構(gòu)建導(dǎo)航菜單、手風琴、很酷的選項卡面板、模態(tài)對話框等等。構(gòu)建一次，隨時使用!

　　6.語義簡潔的代碼：在實時瀏覽器環(huán)境中構(gòu)建可以讓您的創(chuàng)造力蓬勃發(fā)展，因為您不會被代碼語法所困擾。干凈的語義代碼將為您生成。CSS3直接編寫到一個真正的樣式表中，從而實現(xiàn)無膨脹、易于解釋的規(guī)則?？捎玫腍TML元素是基于標準的。標簽可以通過兩個簡單的點擊來切換，使用語義HTML5元素，從而使頁面標記良好，并向搜索引擎?zhèn)鬟f含義。

　　7.出口到CodePen：熟練的用戶會喜歡將元素的標記導(dǎo)出到CodePen的能力。通過這種方式，您可以在CMS或其他地方使用它，而不需要經(jīng)過完整的導(dǎo)出。

　　8.同步起來：保持項目中常見項目的完美。這將確保您的頁腳、導(dǎo)航、徽標和任何其他內(nèi)容在編輯時保持同步。

【功能特點】

　　1、拖放內(nèi)容元素，如標題，圖像，按鈕，圖標等

　　2、在項目資源庫中組織圖像和其他資產(chǎn)

　　3、設(shè)計與懸停，活動和按下狀態(tài)控件的交互創(chuàng)建強大的3D效果，使網(wǎng)站活躍起來……

　　4、使用直觀，功能強大的文本編輯器編寫，粘貼或編輯文本

　　5、無限制的網(wǎng)站項目，每個頁面最多50個(現(xiàn)在)頁面

　　6、全范圍視口涓塊-在應(yīng)用程序中以任何可能的寬度查看和處理設(shè)計。

　　7、具有相應(yīng)媒體查詢的移動優(yōu)先和桌面下行工作流程

　　8、行可以被約束到特定寬度或全寬度以吸引視覺(背景)效果

　　9、為SEO或插件添加元數(shù)據(jù)和其他頭(或頁腳)代碼

　　10、導(dǎo)出可以上傳到任何服務(wù)器的干凈，語義，HTML和CSS(包括任何添加的插件)