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

【軟件特色】

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

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

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

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

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

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

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

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

【功能特點(diǎn)】

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

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

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

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

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

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

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

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

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

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