Rainman的专栏

程序员痛苦之色彩篇，你会做网页配色吗，是不是做出来的网页发现颜色很不协调，像某些菜馆里服务员穿的大红大绿的衣服。本文主要介绍一些在 Web 设计中常见的配色方案，好好学习下，避免做出来的网站跟 oschina 一样。

眼下，智能移动设备内置的加速计的主要作用，就是根据设备的定向方式来决定屏幕的显示模式，也就是在横屏或竖屏模式之间进行切换。这种功能使用户通过简单的动作就可以得到额外的布局模式，期间不需要操作任何界面元素或实体按钮。对于我们来说，这是一个提升产品用户体验的契机，但其中也不乏挑战；我们要充分了解不同定向方式所涉及到的使用情境，并确保两种体验模式之间的差异不会给用户带来唐突的感觉。几乎所有类型的移动

两月余前，关于FACEBOOK放弃HTML5而改用原生的事被炒的沸沸扬扬，一时间HTML5的处境下滑冰点，归其原因是“慢”。Webkit的解析过程先后需要经过解析、建立DOM树、获取对应资源、布局、建立渲染树、绘图到展示。这跟传统的商品流通路径非常相似：工厂、品牌公司、总代理、经销商、卖场、消费者。由于环节太多层层加价，产品到达消费者手里往往价格居高不下。而HTML5的代价同样是用户为使用产品而付

在HTML5出现后，图片就变得更加富有动感了，各种图片动画特效也层出不穷，例如图片播放器、图片导航、3D图片动画等等。本文将精选几款具有代表性的HTML5和jQuery图片动画特效，绚丽的画面、实用的代码相信能给各位Web前端爱好者带来帮助，希望大家会喜欢。1、HTML5图片像素特效这是一个神奇的图片特效，图片被分割成1像素，就像沙子一样，很酷。在线演示2、HTML5图片自

程序设计之道无远弗届，御晨风而返。———— 杰佛瑞 · 詹姆士我所遇到的前端程序员分两种：第一种一直在问：如何学习前端？第二种总说：前端很简单，就那么一点东西。我从没有听到有人问：如何做一名优秀、甚至卓越的WEB前端工程师。 何为：前端工程师？前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。Web前端开发技术主要包括三个要素：HTML、

1、mmGrid     这是一个简单、易用、快速、跨浏览器兼容的javascript表格控件，应用于基于web的富客户端程序中。2、paramQuery     ParamQuery Grid is optmized to deliver maximum performance without dropping support for laggard browsers like

正在发展中的 CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写复杂的 JavaScript 代码才能实现的效果，如今只需要简单的写几句 CSS3 代码就能实现。今天这篇文章就向大家分享14个让人惊叹的 CSS3 特性应用演示，让大家感受一下 CSS3 的魅力。Monster使用 CSS3 绘制的奇怪生物，移

各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备，以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁，更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CSS 功能。在CSS中用attr()显示HTML属性值attr()功能早在CSS 2.1标准中就已经出现，但

第一次看到应用 Fullscreen API 全屏显示网页，是 FaceBook 中的照片放大。作为一个比较新的 API，目前只有 Safari、Chrome 和 FireFox 三种浏览器支持该特性。因为尚未发布正式版的标准，所以必须使用浏览器特定的方法，也就是应用添加前缀（webit/moz）的方法。这个 API 不仅能够使整个页面全屏显示，也可以使页面中的某个元素全屏显示。它的设计初衷是

在js中，代码嵌套和代码回调非常常见，不仅编写麻烦而且异常反人类。让我等码农很是头痛function () { function () { function () { function () { //pass } } }} 这是一个常规的嵌套，如果

20 个很酷的使用 CSS3 制作的导航菜单教程15 非常有趣的 CSS3 示例19 个 jQuery 图片滑动插件和教程15 个新鲜精彩的jQuery教程15个很棒的jQuery灯箱脚本免费下载20个热门 jQuery 幻灯片教程与下载15 个最棒的 HTML5 和 CSS3 的表单教程7 个最新 jQu

支持的浏览器：Opera 不支持 IE 不支持 Safari 不支持 Firefox 不支持 Chrome 浏览器 支持您的浏览器可能不支持本文中的部分功能。Your browser appears to support the functionality in this article.进行评论发布 tweet 目录简介浏览器支

来源：逆风之羽Javascript是一门非常灵活的语言，我们可以随心所欲的书写各种风格的代码，不同风格的代码也必然也会导致执行效率的差异，开发过程中零零散散地接触到许多提高代码性能的方法，整理一下平时比较常见并且容易规避的问题Javascript自身执行效率Javascript中的作用域链、闭包、原型继承、eval等特性，在提供各种神奇功能的同时也带来了各种效率问题，用之不慎就会导致执

Flat UI是一套精美的扁平风格 UI 工具包，基于 Twitter Bootstrap 实现。这套界面工具包含许多基本的和复杂的 UI 部件，例如按钮，输入框，组合按钮，复选框，单选按钮，标签，菜单，进度条和滑块，导航元素等等。

ParamQuery是一种轻量级的jQuery网格插件，基于用于用户界面控制、具有一致API的优秀设计模式jQueryUI Widget factory创建，能够在网页上展示各种类似于Excel和Google Spreadsheet效果的网格。使用ParamQuery，开发者可以轻松地实现以下特性：排序 分页浏览 可以调整数据栏的大小 可以调整表格的高度和宽度 自定义主题 隐藏或显

本节教程介绍一个jQuery和CSS3创建绚丽的菜单，当你在浏览一些网站的时候，是不是看到过很绚丽的菜单，当你在菜单上移动鼠标的时候会有一个圆角高亮具有透明度的气泡随着鼠标很酷滴动来动去。今天我们就来介绍一下这个效果是怎么实现的, Enjoy it.查看演示  源码下载这里只介绍第一种风格的jQuery和CSS3菜单，其他的风格样式你可以在源码中找到，html的结构都是一样的。

正如我在教程响应式Web设计三步走当中所讲的，响应式的Web设计其实并不难，但是要让元素在布局切换时能够平滑过渡就比较考验技巧了。现在我分享在编码时常用的五个CSS技巧并举例说明。这些技巧都是使用简单的CSS属性，如min-width、max-width、overflow 和相对属性值，但是这些属性在响应式设计中发挥着很大的作用。1. 响应式Video (demo)响应式video的CSS

文章转载自：开源中国社区 [http://www.oschina.net] 本文标题：为你的网站介绍 10 个非常有用的 jQuery 插件 本文地址：http://www.oschina.net/news/18514/10-very-useful-ajax-plugins-for-your-websites 1. AJAX-ZOOM图像缩放 & P

 内容没法黏贴过来，把链接放在这里吧。 http://www.linuxeden.com/html/news/20110609/110356.html 

Apple.com 导航菜单（只使用CSS3)该教程将为你展示如何使用 CSS3 创建苹果风格的菜单。使用 CSS3 的 RGBa 属性处理透明效果一个简短的教程介绍 CSS3 的透明效果处理Getting started with HTML5这是 HTML5 的基础教程使用 @font-face 嵌入网页字体该教

本文向你介绍 19 个 jQuery 的画廊和幻灯片的插件或者是制作教程。TN3 GalleryTN3 Gallery 是一个很成熟的基于 HTML 的可定制的图片画廊和幻灯片展示，支持转换和多相簿选项，支持智能手机设备浏览。Live Demo – DownloadSupersized主要特点：图片大小自动调整，以适应浏览器的尺寸幻灯

文章转载自：开源中国社区 [http://www.oschina.net]本文标题：8 个神奇的动态 Web 布局以及制作方法本文地址：http://www.oschina.net/news/19034/8-magical-dynamic-and-fluid-layout-and-how-to-make-it 本文向你介绍一些神奇的 Web 网页的排版方式，同时在文章的下半

文章转载自：开源中国社区 [http://www.oschina.net] 本文标题：5 个界面效果很炫的 JavaScript UI 框架 本文地址：http://www.oschina.net/news/19029/5-rich-javascript-framework Web 开发很简单，Web 应用的 UI 开发却很复杂，如果能够利用一些成熟的 UI

jQuery 是非常流行的JS框架，其俨然已成了开发者的必备工具，其中的jQuery Lightbox插件更是为广大开发者所喜爱。它惊人的特征之一是jQuery Lightbox插件有很多变化。下面介绍30个最好的jQuery Lightbox 插件，别忘了收藏它，以防未来的设计中错过它们中的一个。1. Fancy Zoom (jQuery)几天前，John重写了Cabel S

文章转载自：开源中国社区 [http://www.oschina.net] 本文标题：33 超棒的 jQuery 教程【图文并茂】 本文地址：http://www.oschina.net/news/19100/33-excellent-jquery-tutorials 在这篇文章中，我们为您收集了一些非常有用的，而且效果很好的 jQuery 实际开发教程。

文章转载自：开源中国社区 [http://www.oschina.net] 本文标题：15 款非常有用的 JavaScript 开发工具 本文地址：http://www.oschina.net/news/19076/great-javascript-15-development-tools 开发者有个趁手的工具将事半功倍。今天这篇文章分享给大家最新的15款非常有

文章转载自：开源中国社区 [http://www.oschina.net] 本文标题：Mozilla 发布火狐扩展 SDK 开发包正式版 本文地址：http://www.oschina.net/news/19079/addon-builder Firefox 5正式发布，与此同时，经过两年时间的酝酿，Mozilla Jetpack项目终于推出了Add-on

OSCHINA 7-1 期推荐的开源软件是JQuery Tree 插件 ztree。zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件。 ztree 的功能特点： 兼容 IE、FireFox、Chrome 等浏览器（

Firefox 发布已经很长时间了，本文向你介绍 10 款专为网页设计师准备的 Firefox  插件。1) Codtch2) CSSUsage3) JavaScript Debugger4) ColorZilla5) Firebug

文章转载自：开源中国社区 [http://www.oschina.net]本文标题：推荐 10 个优秀的 HTML5 编码工具本文地址：http://www.oschina.net/news/20779/10-awesome-html5-coding-tools

软件开发者是一个日新月异的领域—–IT中的大师，今天的编程方式与明天的编程或许截然不同，技术在不断地革新，新语言、新平台的如雨后春笋般出现、更好的解决方案的冒出，因此我们需要跟得上节奏，我们没有选择，唯有努力提高自己。下面的几点建议或许能帮助你成为一个优秀地开发者。你是否听说过Kaizen这个词呢？简单地说就是“改良”的意思。当然它不仅仅是一个单词，同时代表着一种哲学，一个不断完善自我的理

对于web app来说，离线应用功能已经越来越重要。诚然，浏览器本身就有缓存机制，但是，这些缓存机制不够可靠，可能并不会按你所想要的方式运行。HTML5 则通过 Application Cache 接口处理了离线应用中的一些问题。 使用这个接口让你的应用拥有三方面的优势：离线浏览——用户在不能联网的时候依然能浏览整个站点高速——缓存资源是存储在本地的，因此能更快加载。更小的服务器负载—

原文出处： CSDN   成本低、周期短，易于上手，不用重新设计，种种好处让跨平台开发风头无量，也让诸多跨平台开发工具趁势崛起。在本文中，我们盘点了过去的一年里，最受开发者喜爱的跨平台移动应用开发工具，尤以HTML/JS/CSS开发为众，比如PhoneGap、Sencha Touch等，却也包含使用其他语言进行开发的工具，比如Xamarin，使用C#，就可以开发出能运行于各大主流移动平