05 2012 档案

纯CSS百叶窗效
摘要：一个纯CSS百叶窗效果，求高人将默认状态下左右2边100PX的空白去掉...（请使用支持CSS3的浏览器预览！）下载：newPic.rar 阅读全文

posted @ 2012-05-31 09:58 脉凌网络 阅读(461) 评论(2) 推荐(0)

Javascript canvas 画图实例
摘要：用Javascript和canvas实现的涂鸦板，不支持IE浏览器，大家都懂的。 <IGNORE_JS_OP>1小时前 上传下载附件 (28.17 KB) canvas涂鸦-深海博客 撤销原意是撤销画布上次画的东西，但在撤销还不完善，撤销只实现了恢复上次画笔的状态，不能实现画布撤销，日后完善由于发帖有字数限制，注释都去了，我华丽丽的注释啊。。。<!doctype html><html><head><meta content="text/html; charset=utf-8" http-equiv="Conte 阅读全文

posted @ 2012-05-28 15:29 脉凌网络 阅读(863) 评论(0) 推荐(0)

小文字，大体验
摘要：随着ipad等移动终端的崛起，人们在移动终端阅读上的时间越来越多，阅读体验已经变得越来越重要。而字体又是决定阅读体验的关键所在，那么字体在哪些方面又是什么影响着阅读体验的成败？1.是否具有高辨识度首先看看Consolas,这款字体，我们可以发现，i和w的宽度都是一样的，这种等宽字体都具有非常高的辨识度，非常适合文字编写，代码显示等工作。还是这个例子，在Arial字体中，i,l 的辨识度很低，而且当有连续的il等较窄文字出现时，文字难以选中，此外Georgia中，字母o,与数字0 只在大小上略有区别，基本上分不清，很难做到一目了然。由此可见，等宽字体受字母本身的干扰较小，字母大小固定，密度固定， 阅读全文

posted @ 2012-05-27 16:14 脉凌网络 阅读(270) 评论(0) 推荐(0)

8 个效果惊人的 WebGL/JavaScript 演示
摘要：WebGL是一种3D绘图标准，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，为HTML5 Canvas提供硬件3D加速渲染。WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等。本文将为你带来8个效果惊人的WebGL效果，你可以在最新的Chrome浏览器中查看。1.Supershape.jssupershape.js让你可以在浏览器中试验3D superformula。Superformula是一个通用的几何变形公式，涵盖了大量在自然界中发现的几何形状。在supershape.js中，除了 阅读全文

posted @ 2012-05-26 14:33 脉凌网络 阅读(386) 评论(0) 推荐(0)

25个CSS框架、工具、软件及样板
摘要：对开发者来说时间非常关键，如果你能为在互联网上找到一些现成的资源能帮助你的项目，会大大提升工作的效率。本文向你推荐 25 个CSS框架、工具、软件及样板。Sprite Cow下载CSS Lint下载Prefixr下载The 1140px CSS Grid System下载holmes.css下载CSS Terminal下载Columnal下载Normalize.css下载Spritemapper下载Less Framework 4下载Patternify下载Patternizer下载The Semantic Grid System下载CSS3 Patterns Gallery下载CSS3 Sh 阅读全文

posted @ 2012-05-24 10:17 脉凌网络 阅读(627) 评论(0) 推荐(0)

贴心的切换 减少重复操作
摘要：常常在手机输入时，我下意识会先输入我想要的汉字，噼噼啪啪后才发现当前是英文输入法，于是我不得不删除这几个字母——切换回中文输入——重新输入。这是一个典型的“切换导致重复操作”的例子。切换在互联网产品领域的概念可以理解为:从一种页面到另一种页面后可以继续操作，通常用户为达到同一目的切换到不同的方法进行。以输入法为例，用户通常会直接使用默认的设置，在发现无法达到目的的时候才会去尝试切换，这个过程常常会导致重复操作。伴随着不同的需求，切换诞生在不同的使用情景中。本文通过对用户执行任务的过程中（包括任务开始之前、进行之中和完成之后）产生的一些切换案例的说明，尝试找出一些帮助用户减少重复操作的解决方案。 阅读全文

posted @ 2012-05-22 19:52 脉凌网络 阅读(287) 评论(1) 推荐(1)

50种响应式web设计的奇妙工具
摘要：在您开始着手响应式站点的搭建之前，如果能拥有强有力的开发工具会让您的世界另有一番风采。本文中Denise Javobs和Peter Gasston推荐了50种强大的工具来支持您建造响应式站点的过程。在Ethan Marcotte的文章《响应式web设计》以及他的畅销书中最早首创介绍了建设响应式站点需要的三个元素：灵活布局、流式网格响应式图片媒体查询另外也有很多文献涵盖了响应式web设计领域相关的主旨，初期工具在您开始编制站点之前，最好弄清楚整个页面的元素框架以及它们如何自动适应不同的浏览器窗口尺寸，因为不同的设备的分辨率和屏幕都不尽相同，而且要 避免脑海中原来那些关于桌面应用设计时的思维影响， 阅读全文

posted @ 2012-05-17 18:12 脉凌网络 阅读(707) 评论(0) 推荐(0)

关于图片、相册的jQuery插件代码实例
摘要：jQuery想必大部分前端er都知道甚至很熟悉了，网上有数以万计的优秀的jQuery插件以及教程，今天手机了一些关于图片、相册的jQuery插件代码，希望会对你有所帮助。1. 3D Gallery2. Circular Discography3. Pikachoose4. Yox View5. Tonic Gallery6. Polaroid7. Simple Jquery Fullscreen Image Gallery8. Post card Viewer9. polaroid photo bar10. Shine Time11. TN3 Gallery12. Galleria13. 3D 阅读全文

posted @ 2012-05-05 16:22 脉凌网络 阅读(1352) 评论(0) 推荐(0)

JQUERY评星
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2012-05-04 11:41 脉凌网络 阅读(411) 评论(0) 推荐(0)

CSS3绘制的军曹giroro卡通图像
摘要：1.先看效果图吧，chrome截图<IGNORE_JS_OP>7天前 上传下载附件 (58.34 KB) 2. 因为是初学，今天画了一下午功夫画了个自己喜欢的动画片人物。呵呵，细节方面做的还不够。欢迎大家给点意见啊。 代码如下：请用chrome\firefox\safari等浏览器。ie9以下明显不支持的，ie9兼容性也差吧，我还没有测试ie9<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&g 阅读全文

posted @ 2012-05-03 15:15 脉凌网络 阅读(433) 评论(2) 推荐(2)

overflow属性应用-不换行，超过一行显示省略号
摘要：overflow属性-原本是ie浏览器独自开发的属性，由于在css3中被采用，得到了其他浏览器的支持。指定对于盒内容纳不下的内容显示的方法。Overflow：hidden 对于超出容纳范围的文字会被隐藏。Overflow：scroll div元素出现固定的水平滚动条与垂直滚动条Overflow：auto 当文字超出是根据需要才会出现水平滚动条或者垂直滚动条Overflow：visible 则显示效果与不使用overflow属性时一样Overflow-x、Overflow-y可以单独指定水平方向上或者垂直方向上内容超出盒的容纳范围时的显示方法。出现滚动条。Text-overflow：设置内容在水 阅读全文

posted @ 2012-05-02 10:00 脉凌网络 阅读(1182) 评论(0) 推荐(0)

一个无图片全浏览器兼容的圆角
摘要：刚才做了一个页面的设计…………相关的介绍都写到页面里面去了，这里复制出来……Work_2.zip1、Table 为框架的圆角边框自适应改变大小。2、Css 半透明opacity滤镜主流浏览器兼容（FRO IeOpera ChromeFirefox） 上图：(话说这上传图片好卡……应该是浏览器问题,opera很蛋疼,FF不会有这个现象)4天前 上传下载附件 (439.57 KB) 阅读全文

posted @ 2012-05-01 11:30 脉凌网络 阅读(425) 评论(0) 推荐(0)