摘要： 前言Three weeks pass after I finished this project.As my leader says:"There are two kinds of project---One is for completed, anotheris for perfect."Obviously,my project is the second one.Silly me! I got so nervous touseDocument Generator,because I think it's simpleto writeit myself.Howev 阅读全文

摘要： VIM是写代码的神器,个人觉得比sublime更强，详情http://zh.wikipedia.org/wiki/Vim。如果用网游做类比，没有经过打造的VIM，也只能算是一只非常有潜力的0级宠物，经过写配置文件和安装插件才能打造出极品的VIM。VIM的配置文件名字须为.vimrc或vimrc，Linux下放置的位置：$HOME/.vimrc，或者$HOME/.vim/vimrc。$HOME，也就是个人文件夹的路径查看配置文件合适的放置路径的方法，在Linux终端的命令行输入vim，按下enter键进入vim编辑界面，在命令行模式输入:help vimrc，会出现详细的文档说明。.vimrc的 阅读全文

摘要： 动画要跑在60fps下。这意味着每一帧需要花费16ms来跑完(1000ms/60=16)。这是要达到原生应用般平滑体验的最基本要求。60 fps是所有的iOS的内置动画运行的速度;这就是为什么滚动在iPhone上比Android设备上感觉更好 (虽然谷歌已经取得了很大的进步)。你应该尝试让所有直接关系到用户的交互动画跑在这个速度上。所有东西都要在100ms内渲染完毕。 这是个心理感觉慢的界限。所有低于100ms的延迟都会让用户有瞬时响应的感觉。如果它绝对得超过100毫秒,1000毫秒内绝对应该回应。艾伦表明任何需要这么长时间完成的操作，都应该给用户一些反应表明正在发生。比如一个旋转的图标或一个 阅读全文

摘要： @media的IE-hacks,精彩绝伦http://blog.keithclark.co.uk/moving-ie-specific-css-into-media-blocks/ 阅读全文

摘要： http://codepen.io/lrelia/pen/bEyLB使用了JQuery UI库， draggable来自于JQuery UI库 阅读全文

该文被密码保护。 阅读全文

摘要： 卡牌效果：O(∩_∩)O，只做了webkit浏览器的效果，请用chrome~1、首先呢，先用一个框框把卡牌包住，然后呢，搞两个子元素作为卡牌正反面。当然咯，反面是看不见滴~ Lisen to me Yes, I willHTML2、然后就开始写CSS做变换了。.wrap { width: 250px; height: 400px; -webkit-perspective: 1200; -webkit-transform-style: preserve-3d; -webkit-transition: 1s;}.face { position: a... 阅读全文

摘要： 要绝对定位，而且需要设置z-index，垂直高度，数值越小越看不见。I am your girl~HTML.beauty { width: 250px; height: 250px; position: absolute; background: purple; z-index: 0; color: white; text-align: center;}.b1 { left: 20px; top: 20px; background: yellow; z-index: -1;}.b2 { left: 30px; top... 阅读全文

摘要： 1、首先，要先勾勒出html，我们需要一个wrapper来包含微博框和显示文字；微博框上面显示字数，下面显示超过的字数。 还可以输入个字符 超出了个字符HTML2、写出重点勾勒的CSS，当超过字数时，微博框变红.wrapper { width: 500px; height: 300px; text-align: right; line-height: 2em;}.love { box-shadow: inset 0 0 4px hsla(240, 50%, 60%, .5); text-align: left; width: 320... 阅读全文

摘要： Wish you a happy day~我们一起玩WEB前端！^ ^ 阅读全文