CSS3設(shè)計(jì)一個(gè)簡潔的用戶登錄界面，可作為網(wǎng)站后臺(tái)、用戶中心的登錄模板來使用，運(yùn)用了CSS3技術(shù)，默認(rèn)支持PC端、移動(dòng)設(shè)備、PAD等設(shè)備，談不上漂亮，不過挺簡潔，而且修飾為圓滑風(fēng)格，還帶陰影的立體感，...
1418
display: -webkit-box; /* 老版本語法: Safari, iOS, Androi...
874
真真切切的體會(huì)到了 CSS 對(duì)用戶體驗(yàn)的影響非常明顯，稍有不慎就是一個(gè)大坑。下面，我們就來談?wù)?CSS 性能優(yōu)化的問題。加載性能減少文件體積，壓縮代碼減少阻塞加載，不要用 import提高并發(fā)（這個(gè)不...
928
summary| 布局定位 | 定位方式：position | 元素浮動(dòng)：float |&...
957
-webkit-keyframes banner-slide-70 { 0%{ opacity:0;-webkit-transform:translateY(7...
1158
1.CSS 重置html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a...
734
在移動(dòng)端可以做到適配不同的手機(jī)分辨率，如果保持整體縮放，沒有設(shè)計(jì)上的差異可以不需要用到`media query`假設(shè)設(shè)計(jì)師的視覺稿是按照iPhone6的寬度來設(shè)計(jì)的，即375px (如果是高清的視覺稿...
717
什么是設(shè)計(jì)模式？ 曾有人調(diào)侃，設(shè)計(jì)模式是工程師用于跟別人顯擺的，顯得高大上；也曾有人這么說，不是設(shè)計(jì)模式?jīng)]用，是你還沒有到能懂它，會(huì)用它的時(shí)候?！ ∠葋砜匆幌卤容^官方的解釋：“設(shè)計(jì)模式（Desi...
1436
閑暇看到慕課網(wǎng)上有l(wèi)iuyubobobo老師講的2048小游戲制作，看了教程，感覺應(yīng)該不是太難，于是就跟著教程開始了游戲的制作，有興趣的同學(xué)去慕課網(wǎng)看下該視頻，自己做出一個(gè)小游戲應(yīng)該蠻好玩的。做完這個(gè)...
970
推薦Adobe前端神器Brackets！就是這貨說他是神器，那么神奇在哪里呢？首先這款軟件突出一個(gè)簡潔，作為專門用來web開發(fā)的ide，她沒有那些花里胡哨的功能，讓使用者專注于開發(fā)本身。其次她的核心功...
801
看到這個(gè)問題我第一反應(yīng)就是國外一個(gè)黑科技壁紙網(wǎng)站：WallpaperPCMobile相對(duì)于那些千篇一律的壁紙站來說，WallpaperPCMobile可以說完全碾壓任何一個(gè)壁紙站。就壁紙數(shù)量來說，就1...
892
