响应式网页设计很流行，而且绝无秘密可言。行家们倡导，各品牌趋之若鹜。这不仅是创建一个移动端站点，而是让你的网站适用于每种浏览器尺寸，不论桌面端、平板还是智能手机响应式设计的秘诀，是创建一个不论大小尺寸都美观的网站。在点开你的设计软件着手动工之前，你需要考虑很多。这是个额外步骤，最终成品却总能证明它的...
分类：
其他好文 时间：
2014-06-29 00:19:45
阅读次数：
224
在QA TechWeek 2014期间，QA公司首席技术专家David Walker在使用Foundation进行响应式设计的会议上，提出了响应式网站设计的原则。Walker提到从现有桌面网站创建移动应用网站的多种方式：原生应用，为每种移动操作系统开发一个应用；嵌入式HTML 5，使用PhoneGa...
分类：
Web程序 时间：
2014-06-28 23:34:27
阅读次数：
322
利用HTML5/CSS3，仅用5步就可以制作便签贴效果的HTML页面，效果图如下：(注：图里的文字纯属杜撰，搞笑目的，如有雷同，纯属巧合，谢谢!)注：该效果可以在Safari, Chrome,Firefox和Opera在看到效果，IE上由于对HTML5的支持不完全，所以看不出效果。第一步：创建基本H...
分类：
Web程序 时间：
2014-06-28 21:00:23
阅读次数：
219
首先感谢w3cfuns的老师~
今天给大家带来一个CSS3制作的翻牌效果，就是鼠标移到元素上，感觉可以看到元素背后的信息。大家如果制作考验记忆力的连连看、扑克类的游戏神马的，甚至给女朋友写一些话语，放在使用该实例制作的相册之后都可以尝试下，哈~
效果图：
实例用到的一些CSS3的新属性：
a、-webkit-perspective: 800px;
perspective...
分类：
Web程序 时间：
2014-06-22 21:57:44
阅读次数：
330
一般的视频网站对于用户上传的视频，在用户上传完成后，可以对播放的视频进行截图，然后作为视频的展示图。项目中也可以引入这样的功能给用户一种不错的体验，而不是让用户额外上传一张展示图。
效果图：
看起来还是很不错，下面我给大家分析下，极其核心代码很简单：
_canvas = document.createElement("canvas");
_ctx = _canvas.getConte...
分类：
Web程序 时间：
2014-06-22 16:34:26
阅读次数：
355
今天是周末，我为大家收集7个比较经典的HTML5/CSS3应用，每一个都提供源代码，效果非常惊人。1、CSS3/jQuery创意盒子动画菜单作为前端开发者，各种各样的jQuery菜单见过不少，这款jQuery/CSS3菜单却是别具一格，菜单项嵌入到九宫格中，像小盒子一样，加上温馨的背景，菜单整体外观...
分类：
Web程序 时间：
2014-06-22 10:30:57
阅读次数：
242
强化下perspective和transform:translateZ的用法。传统的商品展示或许并不能很好的吸引用户的注意力，但是如果在展示中添加适当的3D元素，~说不定效果不错哈~
效果图：
说明一下：这个创意不是我想的，哈~模仿别人的，创意应该是w3cplus上的。当然了，重点是教大家如何做，就当高仿了~
首先，先教大家利用CSS3制作一个正方体：
在木有CSS...
分类：
Web程序 时间：
2014-06-22 08:14:12
阅读次数：
351
首先说明一下创意的出处：http://www.zhangxinxu.com/study/201209/pictures-3d-slide-view.html（张鑫旭的博客 ），对前台感兴趣的可以没事去看看他的博客，很给力~
这篇博客的目的是因为上篇HTML5 CSS3专题 诱人的实例 CSS3打造百度贴吧的3D翻牌效果中有个关于CSS 3D效果的比较重要的知识点没讲到，就是perspective...
分类：
Web程序 时间：
2014-06-22 07:30:33
阅读次数：
435
如果对于移动开发，你的知识还仅仅限制于响应式设计，那么这是远远不够的。作为一个开发人员不得不去处理一些老旧的框架，同时添加一些新功能。为了不仅仅是更好的适应需求，有时也是为了方便更好的扩展。分享一下，今年来玩的两个不同网站的移动扩展之路，一个是自己的网站，一个则是与女友建设中的一个寻找有趣的人、事、物的网站——寻ta驿站。一次传统网站的移动开发对于一个传统的网站来说，仅仅是Responsive是远...
分类：
移动开发 时间：
2014-06-18 06:38:04
阅读次数：
690
本来准备写一个支持多图片拖拽上传的例子，但是为了更好的理解，先介绍一下HTML5的拖放。
拖放（Drag 和 drop）是 HTML5 标准的组成部分。
浏览器支持
Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。
被拖元素，dragElement :
1、添加事件：ondragstart
2、添加属性：d...
分类：
Web程序 时间：
2014-06-17 21:54:27
阅读次数：
373
