html
文章平均质量分 60
Pupi
不可自拔的web前端爱好者
展开
-
CSS3过渡、变形和动画
原文-——Responsive Web Design with HTML5 and CSS31.什么是CSS3过渡以及如何使用它我们在给超链接设置样式时,一般都会设置一个悬停状态(hover)的效果,这种方法能明显地提醒用户他的鼠标指向的是一个超链接。虽然对越来越多的触摸屏设备没太大用处,但无论如何,这种方法对网站和用户之间的交互是非常简单实用的。通常,使用CSS时悬停状态就是翻译 2013-07-30 17:57:59 · 3560 阅读 · 0 评论 -
关于HTML5的hidden属性
用法很简单:这个属性的表现类似css的display:none,用了这个属性后,元素会被隐藏,块级元素也会折叠起来不再占位,也就是说,hidden和visible:hidden不一样。所以,对于不支持HTML5的浏览器来说,也可以做下简单的兼容:*[hidden] { display: none; }这样就给所有带hidden属性的标签设置了display:none的样式。也许有人会说原创 2013-07-26 14:30:45 · 1178 阅读 · 0 评论 -
响应式网页设计
概念响应式网页设计最初是由 Ethan Marcotte 提出的一个概念:为什么一定要为每个用户群各自打造一套设计和开发方案?Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等,它更像是一种对于设计的全新思维模式;我们应当向下兼容、移动优先。背景PC互联网加速向移动端迁移:2012年12月底我国网民规模达到5.64亿转载 2013-08-02 16:36:49 · 1008 阅读 · 0 评论 -
Angular.js VS. Ember.js:谁将成为Web开发的新宠?
本文源自于Quora网站的一个问题,作者称最近一直在为一个新的Rails项目寻找一个JavaScript框架,通过筛选,最终纠结于 Angular.js和 Ember.js。这个问题获得了大量的关注,并吸引到这两个框架的开发者参与回答。如果你也纠结JavaScript框架的选择,那么本文对你来说也是一个非常好的参考资料。Angular.js和Ember.js介绍Angula转载 2013-09-10 12:13:32 · 2000 阅读 · 0 评论 -
chrome developer tool 调试技巧
这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异.常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-expr转载 2013-09-05 14:01:58 · 568 阅读 · 0 评论 -
编写代码?先熟悉一下编程语言界限吧!
如今开发者有很多种途径去解决编程问题,不管是利用大量的类库还是各种各样的技术工具。当然了,随便选择一些错误的工具导致的代码错误也是工作里最头疼的事情。另外总结出,不了解工具与工具之间、语言与语言之间的界限所带来的风险和选错工具带来的风险是一样的。下面这几个常用的构建Web App的工具,每一个都有特定的使用目的。HTML:为编写的内容提供语义标记。CSS:将设计风格转载 2013-10-16 10:26:41 · 726 阅读 · 0 评论