百度WebFE團隊開發(fā)的上傳組件HTML5上傳組件-Web Uploader
兼容性方面也很不錯,比如上傳組件有HTML5和FLASH支持,用戶無需關(guān)心內(nèi)部用了什么內(nèi)核,并兼容IE6+、iOS 6+、roid 4+。
移動APP如何切圖
在實際設(shè)計過程中,為了降低設(shè)計成本,一般拿設(shè)備最高的分辨率作為設(shè)計稿的原始尺寸,拿iphone來說就是iphone5或5s的640×1136啦,當(dāng)然也可以用iphone4或4s的640 ...
網(wǎng)站極簡風(fēng)格設(shè)計對用戶是否有利
在實際工作中,首先要認真的思考最小化設(shè)計風(fēng)格是否真的適用于你的產(chǎn)品和品牌,是否有可能造成嚴重的負面損害。如果確實適用,考慮以下幾點原則:
網(wǎng)站極簡風(fēng)格的興起
簡主義起始于第二次世界大戰(zhàn)之后的視覺藝術(shù)運動,與當(dāng)時以混亂的顏色、動感等要素為代表的抽象表現(xiàn)主義形成鮮明的對比。極簡主義受到當(dāng)時著名的包豪斯藝術(shù)運動的影響,聚焦于簡約而不失功能性的設(shè)計。
什么是最小化界面設(shè)計。
最小化界面設(shè)計的目標(biāo)是盡可能的移除干擾元素,以一種最簡單和直接的方式將內(nèi)容與功能一目了然的呈現(xiàn)出來。這種策略下最常見的設(shè)計方法就是做減法,即移除那些與界面的核心功能無關(guān)的內(nèi)容與功能。
如何打造響應(yīng)式的布局結(jié)構(gòu)。
當(dāng)頁面所需要適應(yīng)的不同設(shè)備的屏幕尺寸差異過大時,除了圖片方面,我們也應(yīng)該考慮到整個布局結(jié)構(gòu)的響應(yīng)式調(diào)整;
網(wǎng)站的響應(yīng)式設(shè)計:一切彈性化
我們可以通過響應(yīng)式的設(shè)計和開發(fā)思路讓頁面更加“彈性”了。圖片的尺寸可以被自動調(diào)整,頁面布局再不會被破壞。雖然永遠沒有最完美的解決方案,但它給了我們更多選擇。無論用戶切換設(shè)備的屏幕定向方式,還是從臺式機 ...
響應(yīng)式網(wǎng)站設(shè)計如何調(diào)整分辨率。
不同的設(shè)備都有各自的屏幕分辨率、清晰度以及屏幕定向方式,不斷被研發(fā)著的各種新設(shè)備也將帶來新的屏幕尺寸規(guī)格。有些設(shè)備基于豎屏(ptrait),有些是橫屏(lscape),甚至還有正方形;對于日益流行的i ...
響應(yīng)式Web設(shè)計的概念
響應(yīng)式Web設(shè)計(Responsive Web design)的理念是,頁面的設(shè)計與開發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕定向等)進行相應(yīng)的響應(yīng)和調(diào)整。具體的實踐方式由多方面組成, ...
移動網(wǎng)站H5前端性能優(yōu)化指南
隨著移動互聯(lián)網(wǎng)的發(fā)展,我們越發(fā)要關(guān)注移動頁面的性能優(yōu)化,今天跟大家談?wù)勥@方面的事情。首先,為什么要最移動頁面進行優(yōu)化?親看移動網(wǎng)站H5前端性能優(yōu)化指南。
讓移動APP頁面動起來!
作為一個有志向的前端,當(dāng)然是選2啦!可是需求時間又很短很短,怎么辦呢?這次就來談?wù)勔恍﹦赢嬙O(shè)計的小技巧,能在你時間不多又沒有動畫想法的時候瞬間讓頁面增色不少。
讓頁面動起來的一些小技巧。
涉及的動畫十分多,用的元素也十分多,請務(wù)必使用雪碧圖(Sprite)! 網(wǎng)上的工具有一些可以幫助你生成雪碧圖的工具,例如CssGaga,GoPng等等,自動化構(gòu)建工具Grunt和Gulp也提供了相應(yīng)插 ...