摘要：
javascriptImage Cropper UI是一个用于UI设计中的截切图片的JavaScript，使用户可以轻松的选择图片中的某部分进行截切。基于prototype框架和script.aculo.us。进入JavaScript Image Cropper UI查看演示和使用教程 阅读全文
随笔档案-2011年09月
仿网上银行虚拟键盘脚本- keyboard.js
2011-09-29 11:17 by Mr.Xer, 849 阅读, 收藏,
摘要：
虚拟键盘接口，通常用于网站最高级别的安全性, 比如网上银行的申请和登录。 因为虚拟键盘能够帮助我们防止任何键盘记录活动, 或者为用户提供一个特殊键盘，因为的系统是并不拥有某种语言的键盘输入 .这里有一个javascript脚本, 就是用来实现这种虚拟键盘的效果. 要使用它, 非常的简单 ,你只需要用下面用类似下面的代码在你的<head>头部调用: <script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>< 阅读全文
17款加速效率的CSS工具
2011-09-29 11:15 by Mr.Xer, 642 阅读, 收藏,
摘要：
作为一个网站设计/开发人员，你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间。表格类1、CSS Form Code Maker– 很方便地生成“五颜六色的BOX布局”的表格。2、JotForm– JotForm是一个“所见即所得”的表格生成器。字体类1、Em Calculator– EM Calculator可以帮助你计算px与em之间的转换。2、CSS Font and Text Style Wizard– 这个小工具可以很方便地将你的CSS样式呈现出来。导航/按钮类1、C 阅读全文
国外10大收集Ajax/Javascript特效的站点
2011-09-29 11:09 by Mr.Xer, 429 阅读, 收藏,
摘要：
为了交互性也好，为了炫目的视觉特效也罢。ajax和javascript总能为网页凭添几份魅力。本文收集了国外10大Ajax/Javascript特效的站点, 这些站点都收集了许多Ajax 和Javascript 实例，并提供教程或演示。身为Web设计者的你，千万不要错过。1.Ajax RainAjaxRain 收集网络上各种由 AJAX,CSS, Dhtml和 Javascript 实现的网页特效示例和DEMO，其中许多特效非常值得一看，即使你不是一个网页设计师或程序员。目前该站点已经收集了1127个特效示例，并且提供免费下载。2.Ajax Daddy这是一个非常强大的网站，收集了很多的Aja 阅读全文
100个优秀的国外设计开发网站
2011-09-29 11:06 by Mr.Xer, 1005 阅读, 收藏,
摘要：
100个优秀的国外设计开发网站，涵盖了Web设计，平面设计，Flash和Flex，设计资源等网站推荐。常用设计网站Spunk United非常出色的杂志，里面提供的都是世界顶级设计师的专访，灵感以及文章还有更多。FreeLance Switch这个站点上的所有资源都是开放免费的，你肯定要知道:)Computer Arts这是一个非常优秀的网络杂志，中文版杂志是《Computer Arts 数码艺术》,相信设计者都有订阅这份杂志.David Airey一位专业的图形以及logo设计大师分享他所有的知识在这儿，你一定可以从这里学习到很多知识。Behance可以给你带来设计灵感，这里聚集了所有来自世 阅读全文
Web设计、黄金分割和神之比例
2011-09-29 11:04 by Mr.Xer, 721 阅读, 收藏,
摘要：
黄金分割，又称为神之比例，希腊字母表示其为 Φ (phi)。把一条线段分割为两部分，使其中一部分与全长之比等于另一部分与这部分之比。其比值是5^/2-1/2或二分之根号五减一，取其前三位数字的近似值是0.618。由于按此比例设计的造型十分美丽，因此称为黄金分割。本教程会剖析一个网站的布局来介绍Web设计中的黄金分割。网页骨架这些是web页面的主要元素。有很多不同的方法去组织它们，但是这种布局也许是最常用的。Container所有的web页面都用一个container，主要是为了同一个目的：去包含一些页面元素，然而这个方法实现各有不同。例如，body标签或者是最 常用的div。甚至于过去常用的t 阅读全文
247条Web可用性指南
2011-09-29 10:59 by Mr.Xer, 452 阅读, 收藏,
摘要：
247条Web可用性指南，你可能会觉得太多。但其实要实真正实现Web的可用性，仅仅通过247条简单的指引是远远不够的。但这些简单的一句话指导方针，可以更便于你的记忆，像便签一样随时提醒着你。导航：首页可用性设计首页元素要清晰的关注用户的关键任务（避免“增加功能倾向（featuritis）”）如果网站比较大，那么首页应包含搜索输入框首页要十分清楚的提供产品（内容）分类在首页或首页内一次点击展示有用的内容信息展示时应当是简单的、自然的、符合逻辑顺序的在首页展示真实网站内容的优秀示例首页上的链接以最重要的关键词作为起始（例如：“Sun holidays”而不是“Holidays in the sun 阅读全文
10条Web可用性指南
2011-09-29 10:59 by Mr.Xer, 455 阅读, 收藏,
摘要：
1. Form标签最好放到字段的上面UX Matters的一份研究发现表单中的标签(label)的理想位置是在字段(field)的上面。在很多的表单中，标签被放到字段的左边，以形成一个两栏的布局；尽管这样看起来不错，但它不是最容易使用的布局。为什么这样说呢？因为表单通常是垂直导向的；也就是用户从上向下填写表单，用户是向下浏览表单的。这样在标签下面放置字段比在标签右边放置字段要更容易(浏览)一些。Tumblr 遵循UX Matter的建议，提供了一个简单而简洁的注册表单。在左侧放置标签还会引发另一个问题：你让标签居左还是居右？居左可让表单可扫描但是会将标签和字段分离，从而使得区分哪个标签归哪个字 阅读全文
12款Javascript图表插件
2011-09-29 10:54 by Mr.Xer, 1394 阅读, 收藏,
摘要：
图表(Chart)能直观的展示数据，但静态图片图表缺乏交互性，更新维护起来比较麻烦。看看有哪些比较好的javascript图表脚本吧。12款Javascript图表插件。1.XML SWF Charts(演示地址)XML SWF Charts是一个简单，但强大，利用Flash和动态生成XML数据来产生web chart的工具。当前支持的Charts类型包括：2.CSS for Bar Graphs用XhtmlCSS实现各种柱状图（Bar Graph）的示例。3.FusionCharts FreeFree版本的FusionCharts提供了22种不同的图表（与22个.swf文件相对应）：单序列图 阅读全文
16款Javascript提示工具(Tooltips)
2011-09-29 10:47 by Mr.Xer, 883 阅读, 收藏,
摘要：
当我们把鼠标放在一个链接上时，如果该链接设置了title属性，就会悬浮显示一个淡黄色背景的文本提示，这就是最基础的Tooltips提示工具。但其平凡的样子实在很难让人注意。利用javascript则可以生成一些漂亮、高级的tooltips，这些提示信息不仅仅限于文本，还可以是图片，音频，视频甚至框架，并且可以包含html元素，方便使用CSS来美化。先吸引到访问的眼球，才能达到提醒的目的。16款Javascript Tooltips提示工具。1.HelpBalloon.js(演示地址)一个可灵活控制2.jQuery.UI MessengerOutlook like message notific 阅读全文
HTML5 File API：文件拖放上传功能
2011-09-29 10:44 by Mr.Xer, 518 阅读, 收藏,
摘要：
即将到来的html5 规范有几个特性，以致使 HTML 远远超出其本身作为一种标记语言的能力，并为 Web 开发者提供了一些强大的脚本工具。负责监督 HTML5 发展进程的 W3C 组织，刚刚出版了一份强有力的规格草案 – HTML5 File API 接口功能。该 API 的设计初衷，是改善基于浏览器的 Web 应用程序处理文件上传的方式，使文件直接拖放上传成为可能。草案定义了新的输入选项 i... 阅读全文
如何设计具可用性的网页表单?
2011-09-29 10:42 by Mr.Xer, 358 阅读, 收藏,
摘要：
网页表单已经是web设计中讨论最多的元素，一个没有任何表单的网站，就像一滩死水。我们总是需要用到各种表单: 付费需要使用表单; 用户注册或订阅需要使用表单-表单的使用是不会停 止的.尽管在html中,把表单拼凑到一块相当容易,但是对于可用的,友好的表单来说,编码,制作样式和设计是很难 的.在网站的转变中,对于成功转化率,表单始终扮演着很重要的角色,下面的小贴士和文章末尾处提供的源码,应该会对制作和编码页面表单的开发者提供有价值 的信息.两列 VS 一列这个取决于表单的内容,不过当表单内容相当简单时,通常尽量避免两列布局.下面是一个很好的简单表单的例子,它将每个标签(label)都放到相关表单元 阅读全文
21个实用便利的PHP代码
2011-09-29 10:41 by Mr.Xer, 784 阅读, 收藏,
摘要：
1. PHP可阅读随机字符串此代码将创建一个可阅读的字符串，使其更接近词典中的单词，实用且具有密码验证功能。/************** *@length - length of random string (must be a multiple of 2) **************/ function readable_random_string($length = 6){ $conso=array("b","c","d","f","g","h","j&qu 阅读全文
优秀的CSS布局大全
2011-09-28 18:06 by Mr.Xer, 331 阅读, 收藏,
摘要：
这份列表收集一些比较优秀的CSS布局，这些布局都免费供个人和商业使用。当然，你使用之前还是得看版权说明，也许会发生许可协议变更。Layout Gala- 这个网站收集了40多个专业的CSS布局，每个布局都通过了CSS和html验证，且不需要Hack，兼容各大主流浏览器。CSS Layouts– 另一个专门收集CSS布局的网站。Dynamic Drive CSS Layouts– Dynamic Drive对于喜欢设计的人来说是比较熟悉的网站了，它们同样提供有很多CSS布局，两栏，三栏，自适应宽度，固定宽度都有。Nice and Free CSS Layouts– 12 个免费的CSS布局。St 阅读全文
25个高级CSS技巧教程
2011-09-28 18:01 by Mr.Xer, 474 阅读, 收藏,
摘要：
能用CSS实现的效果，就尽量不要使用JS。但如果使用CSS需要很繁琐的代码，那用CSS也不见得是好事儿。这里是25个高级CSS技巧，有助于你提高你的CSS水平，让你对CSS的掌握更上一个台阶。这些技巧并不一定每个都实用，但重要的是去学习了解到这个CSS方法。1. CSS文字渐变和背景渐变使用纯CSS实现的背景渐变使用CSS和背景图片结合的C渐变CSS渐变文本特效纯CSS 文本特效2. Z-Index 图像重叠Understading Z-IndexCSS Z-index3. CSS 边框创意Create a Scalable Star using using CSS borderBorder 阅读全文
11大CSS按钮教程
2011-09-28 17:58 by Mr.Xer, 408 阅读, 收藏,
摘要：
按钮是网站中非常重要的一部分, 它们常用于引发访客点击和产生互动。下面收集了11个CSS按钮教程，教你如何创建吸引访客目光的按钮。我最想推荐的其实是第一个，Google custom buttons.在Recreating the button这篇文章中，作者详细向我们介绍了google现在很多应用服务中（google reader, gmail等）。其中包括需要用到一张渐变背景图的3.0版本和完全不需要图片还处于实验状态的3.1版本。下面10个则是由catswhocode收集整理的。1. 如何使用css创建精致的铵钮»教程链接2. 使用png图片和背景颜色生成的按钮»教程 阅读全文
10个实用但IE不支持的CSS属性
2011-09-28 17:58 by Mr.Xer, 264 阅读, 收藏,
摘要：
对IE浏览器尤其是IE6的抱怨基本已进入麻痹状态，偶尔甚至产生非常消极的想法:这个世界只有一个浏览器就好了，哪怕这唯一的浏览器就是IE6。当然，这样的想法是非常病态的，马上打消。本文里面，介绍了10个很实但IE却不支持的CSS属性，列出这些属性并不是为了数落IE(数落也没用), 而是你了解了哪些CSS属性是IE不支持的，就更有针对性的去编写CSS和Hack了。1. Outline在调试CSS问题的时候，我常常在指定元素上添加border来精确的查看该元素会发生什么并帮助确定问题的来源。这常常是有效的，因为它可以在布 局上给我更加具体的可视性。但是如果是块级元素，这可能会发生某些错误——在任何块 阅读全文
CSS3新特性一览
2011-09-28 17:56 by Mr.Xer, 331 阅读, 收藏,
摘要：
尽管CSS3的诸多新特性还不被很多浏览器支持，或者说支持的不好。但作为一个前端开发人员，你总不能等到所有浏览器都完美支持它的时候再去学习。CSS3到底给我们带来了哪些新特性呢？简单的说，CSS3把很多以前需要使用图片和脚本来实现的效果，只需要短短几行代码就能搞定。比如圆角，图片边框，文字阴影和盒阴影等。CSS3不仅能简化前端开发工作人员的设计过程，还能加快页面载入速度。本文里面，就让我们来全面的看一下CSS3的各种新特性。也别忘了检阅我们之前发布的一些CSS教程和技巧文章：60+CSS技巧教程资源大全CSS3.0相关资源和参考手册收集整理使用浏览器专有属性为了使用大部分CSS3特性，我们不得不 阅读全文
CSS透明属性详解
2011-09-28 17:54 by Mr.Xer, 360 阅读, 收藏,
摘要：
透明往往能产生不错的网页视觉效果，先奉上兼容主流浏览器的CSS透明代码:.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }上面的几个属性分别是:opacity: 0.5;这是最重要的，因为它是CSS标准.该属性支持firefox, Safari和 Opera.filter:alpha(opacity=50);这个是为IE6设的，可取值在0-100，其它三个0到1.-moz-opacity:0.5;这个是为了支持一些老版本的Mozilla浏览器。 阅读全文
常用设计元素的高级CSS技巧
2011-09-28 17:52 by Mr.Xer, 502 阅读, 收藏,
摘要：
提升CSS技巧往往并不需要你去创造出什么前无古人后无来者的CSS技巧，事实上，网页设计中常用的一些布局和样式技巧，每个学CSS的人都已经知道怎么实现了，但我们总是想寻找更佳的解决方案。本文收集整理了60多个高级CSS技巧，不管你是CSS新手还是高手，相信这些技巧都能助你更进一步提高自己的CSS技能。1. CSS布局和用户界面技巧当前 CSS 主要应用于创建页面布局。利用 CSS 创造页面布局和用户界面，有几乎无限的可能性。下面是一些更有趣的CSSCSS技巧。The simplest way to horizontally and vertically center a DIV本文介绍用 CSS 阅读全文
60+CSS技巧教程资源大全
2011-09-28 17:50 by Mr.Xer, 344 阅读, 收藏,
摘要：
我总是对每一个想学CSS的朋友说: “学CSS真的很简单，一个星期就搞定。” 但真的这么简单吗？魔方也很简单，拿到手里就知道怎么玩了，但最高境界却不是几天或几个月就能修成的，甚至根本就不可能达到，永远需要提高，看似痛苦，同时也享受升华的乐趣，CSS也一样，痛并快乐指的就是这些东西吧。本文里面收集一些有关CSS的技巧、教程、工具和观点等，其中一些你也许早就运用的炉火纯青，也可能有的你听都没听说过。不管是新手还是高手，大家都继续学习吧。一，Web 标准要玩游戏，就得先了解规则。要学CSS，就应该先了解一下Web标准。尽管看上去不是必须的(我在学CSS之前，根本不知道也不想知道Web标准是个啥玩意儿 阅读全文
50款CSS工具
2011-09-28 17:48 by Mr.Xer, 686 阅读, 收藏,
摘要：
50款CSS工具，包含，CSS网格和布局工具，CSS 优化工具，CSS 菜单生成工具，CSS 按钮生成器，CSS 圆角生成器，CSS 框架，CSS Sprites生成器，CSS 排版工具以及 CSS 表单生成器。网格和布局The 1KB CSS Grid新颖的 CSS 网格工具，可用于简化内容管理系统的页面模板，轻巧易用。Variable Grid System基于 960px 的常规CSS网页布局工具，用于快速生成基本的 CSS 网格。Grid Designer 2可控性强，选项丰富的网格系统，支持 CSS 在线即时输出。Design By Grid PNG Grid Generator生成 阅读全文
53个CSS技巧
2011-09-28 17:47 by Mr.Xer, 457 阅读, 收藏,
摘要：
1.CSS Based Navigation//基于CSS的导航2.Navigation Matrix Reloaded//导航矩块翻转3.CSS Tabs//CSS标签4.CSS Bar Graphs//CSS条状图表5.Collapsing Tables: An Example//压缩表格：一个实例6.Adam’s Radio & Checkbox Customisation Method//亚当的单选框和复选框的用户化方法7.CSS Image Replacement//CSS图像替代8.CSS Shadows(CSS Shadows Roundup) //CSS阴影（CSS阴影 阅读全文
Zen Coding: 一种快速编写HTML/CSS代码的方法
2011-09-28 16:34 by Mr.Xer, 216 阅读, 收藏,
摘要：
在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开发HTML和CSS的方法。它由Sergey Chikuyonok开发。你在写HTML代码(包括所有标签、属性、引用、大括号等)上花费多少时间？如果你的编辑器有代码提示功能，你编写的时候就会容易些，但即便如此你还是要手动敲入很多代码。在JavaScript方面，当我们想要在一个页面上获取某个特定的元素时，我们就会遇到同样的问题，我们必须写很多代码，这就变得难于维护和重用。JavaScript框架应运而生，它们同时引入了CSS选择器引擎。现在，你可以使用简单的CSS表达式来获取DOM元素，这相当酷。但是，如果你不仅仅可以用CSS的选择器布局 阅读全文
CSS的未来：一些试验性CSS属性
2011-09-28 16:33 by Mr.Xer, 222 阅读, 收藏,
摘要：
尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到，所以如果你最近在设计网站，你很难能脱离它们。但是，隐藏在浏览器的大宝库中是一些高级的、被严重低估的属性，但是它们并没有得到太多的关注。或许它们中的一些应该这样(被无视)，但是其它的属性应该得到更多的认可。最伟大的财富隐藏在Webkit的下面，而且在iPhone、iPad和Android apps的时代，开始了解它们会灰常有用。就连Firefox等使用的Gecko引擎，也提 阅读全文
精通高级CSS选择器
2011-09-28 16:29 by Mr.Xer, 317 阅读, 收藏,
摘要：
我们每个人都意识到了CSS的重要性，但CSS选择器远未发挥它们的潜力，有的时候我们还趋向于使用过多的和无用的class、id、div、span等把我们的html搞的很凌乱。避免让这些“瘟疫”在你的标签中传播并保持其简洁和语义化的最佳方式，就是使用更复杂的CSS选择器，它们可以定位于指定的元素而不用使用额外的class或id，而且通过这种方式也可以让我们的代码和样式更加灵活。CSS的优先级当我们写CSS的时候我们必须注意有些CSS选择器在级联(cascade)上会高于其它CSS选择器，我们写在最后面的CSS选择器将不一定会覆盖前面我们写在同一个元素的样式。那么你如何计算指定CSS选择器的优先级？ 阅读全文
Sexy Drop Down Menu w/ jQuery & CSS
2011-09-28 16:14 by Mr.Xer, 356 阅读, 收藏,
摘要：
Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key — and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. In this tutorial I woul 阅读全文
HTML5和CSS3各种浏览器兼容性速查表
2011-09-28 15:26 by Mr.Xer, 303 阅读, 收藏,
摘要：
CSS3 Properties 兼容性PLATFORMMACWIN% SupportBrowserOPERAFIREFOXSAFARICHROMEOPERAFIREFOXSAFARIIECHROMEVersion10.633.65710.633.64.035678978RGBAYYYYYYYYNNNYYY84%(grade: "excellent")HSLAYYYYYYYYNNNYYY82%(grade: "excellent")Background SizeYYYYYYYYNNNYYY79%(grade: "excellent")M 阅读全文
网页色彩大攻略（白色系）
2011-09-28 13:07 by Mr.Xer, 615 阅读, 收藏,
摘要：
白色物理亮度最高，但是给人的感觉却偏冷。作为生活中纸和墙的色彩，白色是最常用的网页背景色，在白色的衬托下，大多数色彩都能取得良好的表现效果。白色给人的感觉是：洁白、明快、纯粹、客观、真理、纯朴、神圣、正义、光明、失败等。然后设计时也应该： 白色有一定的导致疲劳的作用，作为文字背景未必是最佳色彩。 白色过于客观和惨淡，极少表现力，很难对网站主题加以烘托。 白色是大多数浏览器和设计工具的默认背景，这是... 阅读全文
网页色彩大攻略（绿色系）
2011-09-28 13:05 by Mr.Xer, 2091 阅读, 收藏,
摘要：
从RGB色彩空间上看，可以被认知为绿色的数量比较多。因此，绿色又可分为多种。色相值为120°的是正绿色（#00FF00）。色相值越小，色彩感觉越细嫩，色相值越高，色彩感觉越生冷。而绿色作为冷暖色的交界色彩，不同种类给人的感觉也有很大差别。在这里我们大体将绿色分为黄绿色、正绿色和青绿色。RGB色彩空间中的正绿色，如果明度较高会特别刺眼，而明度较低又给人以阴森的感觉，因此在网页设计上很少大面积使用。青绿色由于和青色非常接近，在后面随青色相进行分析。 黄绿色是绿色中最适于大面积使用的色彩，本小节引用的例子以该色相为主。 绿色刺激性较小，冷暖适中，有是大自然的色彩，给人以安全、舒适的感觉，是 阅读全文
网页色彩大攻略（紫色系）
2011-09-28 13:04 by Mr.Xer, 1126 阅读, 收藏,
摘要：
紫色处于蓝色相和红色相之间。我们可以根据感觉经验，将这段色相范围再分两类，离蓝近的叫蓝紫色，离红近的叫品红色。正紫色的色相值是300°，即品红色的色相。 蓝紫色是最消极的色相，凸现忧郁和不安的心理感受，而且富有神秘感。然而蓝紫色深受女性青睐，因此很多女性为用户的网站用该色较多。 蓝紫色特征如下： 1、蓝紫色忧郁、神秘、同时高贵、庄严、在我国还意味着富贵和吉祥。 2、饱和度较高、亮度较高的蓝紫色，给人的感觉是：夜间活动、梦幻、优雅、高贵、娇媚、温柔、昂贵、傲慢、魅力等。 3、 饱和度骄傲高，亮度较低的蓝紫色，给人的感觉是：虚伪、渴望、失去信心等。 4、饱和度低、亮度较高的蓝紫色，... 阅读全文
网页色彩大攻略（黑色系）
2011-09-28 13:03 by Mr.Xer, 617 阅读, 收藏,
摘要：
黑色是全色相，即饱和度和亮度为0的无彩色。大面积使用，黑色比较消极，却能较好地衬托其他色彩。黑色给人的感觉是：深夜、死亡、罪恶、恐怖、沉默、绝望、悲哀、严肃、刚正、坚毅、鲁莽等。 较暗色是指亮度极暗，接近黑的的色彩。这类色彩的属性几乎脱离色相，集成黑色， 却比黑色富有表现力。因此，如果能把握好色相，设计师应尽可能地用较暗色取代黑色。http://www.lifelike.se/http://www.northcolour.com/http://www.knassar.com/http://www.dannydiablo.de/http://www.allengroup.com/http://w 阅读全文
网页色彩大攻略（蓝色系）
2011-09-28 13:02 by Mr.Xer, 1913 阅读, 收藏,
摘要：
蓝色的太空、大海的颜色，人们对蓝色的印象深刻，感情深厚，因此蓝色在RGB空间中有着宽广的识别范围，在网页设计中最流行的色彩。一般将蓝色的色相范围定在190°-270°之间。有青蓝色经正蓝色过渡到紫蓝色。正蓝色的色相值为240°。 蓝色是偏冷的色彩，稍有强烈的刺激，多数时候给人以良好的感觉。 综合以上性质，蓝色往往给人以专业、科技的感觉。因此，蓝色被普遍应用到企业网站和专业网站当中。 蓝色特征如下： 1、高饱和度、高亮度的蓝色给人以遥远、寒冷、无限、永恒的感觉。 2、低饱和度、高亮度的蓝色给人以清单、高雅、轻柔、聪慧的感觉。 3、高饱和度、低亮度的蓝色给人以奥秘、沉 阅读全文
腾讯UED 漂亮的提示信息
2011-09-13 11:49 by Mr.Xer, 556 阅读, 收藏,
摘要：
CSS样式：.zeng_msgbox_layer,.zeng_msgbox_layer .gtl_ico_succ,.zeng_msgbox_layer .gtl_ico_fail,.zeng_msgbox_layer .gtl_ico_hits,.zeng_msgbox_layer .gtl_ico_clear,.zeng_msgbox_layer .gtl_end{display:inline-block;height:54px;line-height:54px;font-weight:bold;font-size:14px;color:#606060;background-image:u 阅读全文
21个非常棒的HTML5视频教程
2011-09-06 15:01 by Mr.Xer, 405 阅读, 收藏,
摘要：
让人眼花缭乱的 HTML5 和 JavaScript 效果九个让人难以置信的HTML5和JavaScript实验29款基于 HTML5 Canvas 开发的网页游戏推荐18个基于 HTML 5 Canvas 开发的图表库五大主流浏览器 CSS3 和 HTML5 兼容性大比拼 现在越来越多的人尝试用HTML5来制作网页游戏等丰富的Web应用。尽管HTML5的完全实现还有很长的路要走，但HTML5正在改变Web。为了方便大家学习HTML5 ，本文向大家推荐21个非常棒的HTML5视频教程（很多Youtube视频需要通过特殊方式访问）。1- Learn About HTML5 and the Fu. 阅读全文
The Expressive Web：最具创意的HTML5和CSS3特性展示
2011-09-06 14:58 by Mr.Xer, 208 阅读, 收藏,
摘要：
不久前，Adobe发布了一个展示HTML5和CSS3特性的网站项目：The Expressive Web，该网站以形象生动的例子演示了加入到现代Web中最有创造性和表现力的功能，另外还提供了众多具有视觉冲击力的HTML5和CSS3学习资源。 阅读全文
推荐8款非常有用的 CSS 开发工具
2011-09-06 14:54 by Mr.Xer, 538 阅读, 收藏,
摘要：
这篇文章向大家推荐8款非常有用的 CSS 工具。对于Web开发人员来说，好用的CSS工具就像魔灯，可以让他那些枯燥的工作变得有趣。这些CSS工具中，有的用于帮助你学习 CSS3 属性，有的用于帮助你更高效的编写 CSS 代码，每个工具都非常有用，希望能帮助到你，记得分享和推荐一下哦。 阅读全文
分享非常有用的 HTML5 教程
2011-09-06 14:52 by Mr.Xer, 619 阅读, 收藏,
摘要：
几年前，HTML5 前景还很模糊，只有少数的互联网极客才会关心。而现在，随着现代主流浏览器对HTML5的不断支持和完善，越来越多的开发者开始使用 HTML5 来制作各种功能强大的应用程序，HTML5 正引领互联网新革命。为了方便大家更好的学习 HTML5 ，本文向大家分享31个非常棒的 HTML5 教程和资源。 阅读全文
分享30个优秀的iPad界面设计案例
2011-09-06 14:43 by Mr.Xer, 1842 阅读, 收藏,
摘要：
毫无疑问，苹果iPad看起来是美丽和迷人的，iPad的多点触摸和其他现代技术都是让用户真正感受到舒服的设计。在这篇文章中，我们收集了30个优秀的iPad应用程序界面设计的例子，希望你能从这些美丽的应用程序界面设计中得到启发。Awesome Note HDTwitterrificKeynoteEgoDjayEvernote PeekAmpliTubeHootSuite for TwitterGarageBandBlackboard Mobile LearnThingsTwittelatorSketchyPadBBC NewsTuneIn Radio ProYap.TVOmniFocus1Pass 阅读全文
预测需求较多内存的操作能否成功
2011-09-06 14:12 by Mr.Xer, 396 阅读, 收藏,
摘要：
以前，我们会发现这种情况：在实现一个算法时，该算法需要同时使用大量的对象，而这将占用大量的内存。当我们开始执行算法时，如果内存被消耗尽了，CLR就会抛出一个OutOfMemoryException异常。我们不得不做大量的工作来进行恢复，现在，不需要这样做了。我们只需抛出异常，程序会顺利进行恢复。
在命名空间System.Runtime中有一个MemoryFailPoint类，它在执行内存消耗巨大的算法时为我们提供了这种检测内存不足的能力。下面是该类的形式： 阅读全文
IO.File 一个有有趣的依赖问题
2011-09-06 13:46 by Mr.Xer, 410 阅读, 收藏,
摘要：
System.IO.FileStream类型允许用户打开文件进行读写操作。为了提高性能，该类型的实现使用了内存缓冲区。只有在内存缓冲区充满时，System.IO.FileStream类型才会将缓冲区中的数据刷新到文件中。FileStream类型只支持字节的读写操作。如果我们希望支持字符或者字符串的读写操作，可以使用System.IO.BinaryWriter类型，下面的代码对此进行了演示： 阅读全文
SQL SERVER取第几行到第几行的方法(包括2000和2005+)
2011-09-06 13:19 by Mr.Xer, 756 阅读, 收藏,
摘要：
--SQL SERVER 2000 取第几行到第几行的方法
--(第一种方法) 效率最差
select top 5 * from customers where
CustomerID not in (select top 5 CustomerID from customers)
--(第二种方法) 效率最好, 这里先执行的是Order by 然后才执行Top
select b.* from
( 阅读全文
8个成功界面的特性
2011-09-06 13:17 by Mr.Xer, 16062 阅读, 收藏,
摘要：
有大量的信息在那里的各种接口的设计方法和模式的起草时，可以使用你的用户界面和网站，为共同的问题和一般建议的解决方案的可用性。经过专家的指引，将可能导致对创造一个良好的用户界面，你 - 但到底什么是良好的界面？什么是一个有效的用户界面的特点？
这里有8个事情，我认为一个良好的用户界面需要：
明确
简洁
熟悉
响应
一贯
吸引力
高效
宽恕 阅读全文
Mysql Limit操作
2011-09-06 13:12 by Mr.Xer, 292 阅读, 收藏,
摘要：
性能优化：
基于MySQL5.0中limit的高性能,我对数据分页也重新有了新的认识.
1.
Select * From cyclopedia Where ID>=(
Select Max(ID) From (
Select ID From cyclopedia Order By ID limit 90001
) As tmp
) limit 100;
2.
Select * From cyclopedia Where ID>=(
Select Max(ID) From (
Select ID From cyclopedia Order By ID limit 90000,1
) As tmp
) limit 100;
同样是取90000条后100条记录,第1句快还是第2句快? 阅读全文
浙公网安备 33010602011771号