CoffeeCup Responsive Site Designer是CSS框架幫助數(shù)以百萬(wàn)計(jì)的設(shè)計(jì)師和開(kāi)發(fā)人員快速構(gòu)建站點(diǎn),CoffeeCup Responsive Site Designer使用組織良好的HTML、CSS和Javascript,它們還允許創(chuàng)建很酷的交互組件。
基本簡(jiǎn)介:
網(wǎng)站設(shè)計(jì)師。設(shè)計(jì)和開(kāi)發(fā)數(shù)字體驗(yàn)。沒(méi)有代碼。建立更快。設(shè)計(jì)更好。CSS框架幫助數(shù)以百萬(wàn)計(jì)的設(shè)計(jì)師和開(kāi)發(fā)人員快速構(gòu)建站點(diǎn)。業(yè)界最頂尖的工具包括Bootstrap 3和Bootstrap 4、Foundation 6和Materialize。這些系統(tǒng)經(jīng)過(guò)了嚴(yán)格的測(cè)試,為設(shè)計(jì)人員提供了許多優(yōu)勢(shì)。它們使用組織良好的HTML、CSS和Javascript,這些都是經(jīng)常維護(hù)和更新的,并且是輕量級(jí)的。此外,它們還允許創(chuàng)建很酷的交互組件,如dropups、導(dǎo)航菜單、圖庫(kù)等,而不需要費(fèi)力處理額外的腳本。
軟件特色:
1.位置與Flexbox
按下按鈕即可對(duì)齊、堆疊或重新排列元素。它是一個(gè)非凡的工具,應(yīng)該成為任何響應(yīng)式設(shè)計(jì)工具包的一部分。在我們的免費(fèi)互動(dòng)Flexbox指南中,探索是什么讓Flexbox如此神奇,并探索真實(shí)的設(shè)計(jì)實(shí)例。
2.全新的用戶界面
基于社區(qū)的反饋,我們著手解決可見(jiàn)性問(wèn)題,并更新了UI。它令人驚嘆的改頭換面使它更清晰,更容易導(dǎo)航,幫助你比以往任何時(shí)候都更快地設(shè)計(jì)你的頁(yè)面。
3.CSS過(guò)濾器和混合模式
動(dòng)態(tài)更改顏色,調(diào)整較小顯示的設(shè)置,并讓它們以交互效果和轉(zhuǎn)換響應(yīng)用戶。這些技術(shù)將把您的站點(diǎn)帶到另一個(gè)層次!
4.一個(gè)無(wú)代碼的設(shè)計(jì)工作流
選擇、單擊、指向、選擇和滾動(dòng),創(chuàng)建世界之外的網(wǎng)站和頁(yè)面。使用無(wú)代碼CSS控件,您可以專注于設(shè)計(jì),而我們則負(fù)責(zé)代碼。您可以自由地探索新的外觀和嘗試獨(dú)特的布局。
5.比樂(lè)高玩具
忘記重復(fù)的設(shè)計(jì)工作,使用組件庫(kù)加快生產(chǎn)時(shí)間。在其他項(xiàng)目中保存和重用項(xiàng)。CSS框架提供了一種優(yōu)雅的方法來(lái)構(gòu)建導(dǎo)航菜單、手風(fēng)琴、很酷的選項(xiàng)卡面板、模態(tài)對(duì)話框等等。構(gòu)建一次,隨時(shí)使用!
6.語(yǔ)義簡(jiǎn)潔的代碼
在實(shí)時(shí)瀏覽器環(huán)境中構(gòu)建可以讓您的創(chuàng)造力蓬勃發(fā)展,因?yàn)槟粫?huì)被代碼語(yǔ)法所困擾。干凈的語(yǔ)義代碼將為您生成。CSS3直接編寫到一個(gè)真正的樣式表中,從而實(shí)現(xiàn)無(wú)膨脹、易于解釋的規(guī)則??捎玫腍TML元素是基于標(biāo)準(zhǔn)的。標(biāo)簽可以通過(guò)兩個(gè)簡(jiǎn)單的點(diǎn)擊來(lái)切換,使用語(yǔ)義HTML5元素,從而使頁(yè)面標(biāo)記良好,并向搜索引擎?zhèn)鬟f含義。
7.出口到CodePen
熟練的用戶會(huì)喜歡將元素的標(biāo)記導(dǎo)出到CodePen的能力。通過(guò)這種方式,您可以在CMS或其他地方使用它,而不需要經(jīng)過(guò)完整的導(dǎo)出。
8.同步起來(lái)!
保持項(xiàng)目中常見(jiàn)項(xiàng)目的完美。這將確保您的頁(yè)腳、導(dǎo)航、徽標(biāo)和任何其他內(nèi)容在編輯時(shí)保持同步。
功能介紹:
1、拖放內(nèi)容元素,如標(biāo)題,圖像,按鈕,圖標(biāo)等
2、在項(xiàng)目資源庫(kù)中組織圖像和其他資產(chǎn)
3、設(shè)計(jì)與懸停,活動(dòng)和按下?tīng)顟B(tài)控件的交互創(chuàng)建強(qiáng)大的3D效果,使網(wǎng)站活躍起來(lái)……
4、使用直觀,功能強(qiáng)大的文本編輯器編寫,粘貼或編輯文本
5、無(wú)限制的網(wǎng)站項(xiàng)目,每個(gè)頁(yè)面最多50個(gè)(現(xiàn)在)頁(yè)面
6、全范圍視口涓塊-在應(yīng)用程序中以任何可能的寬度查看和處理設(shè)計(jì)。
7、具有相應(yīng)媒體查詢的移動(dòng)優(yōu)先和桌面下行工作流程
8、行可以被約束到特定寬度或全寬度以吸引視覺(jué)(背景)效果
9、為SEO或插件添加元數(shù)據(jù)和其他頭(或頁(yè)腳)代碼
10、導(dǎo)出可以上傳到任何服務(wù)器的干凈,語(yǔ)義,HTML和CSS(包括任何添加的插件)