- 博客(346)
- 资源 (83)
- 收藏
- 关注
RSS订阅原创 你真的需要一个jQuery插件吗？
jQuery的插件提供了一个很好的方法，节省了时间和简化了开发，避免程序员从头开始编写每个组件。但是，插件也将一个不稳定因素引入代码中。一个好的插件节省了无数的开发时间，一个质量不好的插件会导致修复错误的时间比实际从头 开始编写组件的时间还长。幸运的是，人们通常具有各种不同的插件可供选择。但是，即使你只用一个，也要弄清楚它是否值得使用的。永远不要在你的代码库中引入错误的代码。你需要
2014-10-20 15:46:22
475
原创 仿真或极简，用户界面的美丽与哀愁
用户对产品最直观的的体验都来源于“UI”，也就是用户界面。旋钮和指针，按钮和LED，触控和屏幕。时代在发展，工业产品也从满是暴露的细节发展到现在的全部围绕屏幕存在的“黑箱”状态。过去的时光是忘不掉的质感。闪着温润光泽的金属部件，浑然天成的木质纹路，恰到好处的皮革质感。摆锤的往复，活塞的起伏，发条的振动。蒸汽朋克艺术家们努力表现着这些能够亲眼看到、亲耳听到、亲手触摸，但已经成为过去的
2014-10-20 15:40:51
384
苹果三星谷歌：IT三巨头的三种不同创新模式
国外媒体报道，当人们想到最具创新力的公司时，常常想到那些推出全新和令人惊叹的技术的公司，例如无人驾驶汽车、增强实境眼镜就是比迷你版iPad更令人着迷的创新。咨询公司Booz & Co.发布的《全球创新1000》及其作者巴里·贾鲁泽尔斯基（Barry Jaruzelski）认为，打破科技边界仅仅是三种不同创新模式之一，每种创新方式在执行过程中都有自己的困难，都需要一定的研发过程，但都会产...
2014-10-20 14:26:48
438
原创 强烈推荐：简单但非常灵活实用的一款菜单
为庆祝新版QUI的问世，点击这里，特将之前开发的一款很实用菜单组件拿出来与大家分享。马上步入正题开始介绍： 大家之前都可能看过或用过很多菜单组件，有一些菜单组件可能做得很漂亮或者有很好的动画效果。但这种菜单一般都不通用，只能在特定的环境下使用。 我的想法是一个通用的菜单组件应该具备以下特点： 1、代码量很少，包括HTML代码。这样方便使用者使用CSS自定义菜单的风格
2014-10-17 12:45:44
581
原创 艾维接管苹果界面设计：重新思考iOS的一切
北京时间11月3日消息，据国外媒体报道，苹果设计部门负责人乔纳森-艾维（Jony Ive）近日开始全面负责苹果所有产品的设计。这位天才设计师将会重新思考iOS的一切，并将它打造成又一个新的令人炫目的东西。让我们来看看我们所了解的乔纳森-艾维（Jonathan Ive）的工作风格：● 极其简约、干净利落和漂亮的硬件。● 一致的设计语言（苹果手机、平板电脑、台式电脑和笔记本电脑
2014-10-16 15:49:54
404
原创 Javascript模块化编程（一）：模块的写法
正文： 随着网站逐渐变成"互联网应用程序"，嵌入网页的 Javascript 代码越来越庞大，越来越复杂，extjs就是一个很好的例子。 网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实
2014-10-16 15:47:20
375
原创 Javascript模块化编程（二）：AMD规范
这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。七、模块的规范先想一想，为什么模块很重要？因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！考虑到Javascript模块现在还没有官方规范，这一
2014-10-16 15:41:26
331
原创 Javascript模块化编程（三）：实战-require.js的用法
这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。 一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页
2014-10-16 15:37:16
351
原创 Javascript的10个设计缺陷
我经常说Javascript的设计不够严谨，有很多失误。今天的这一篇，前半部分就谈为什么会这样，后半部分将列举Javascript的10个设计缺陷。我参考的文献主要是Douglas Crockford的专著《Javascript语言精粹》（JavaScript: The Good Parts）和Fredrik Holmström的文章《我对Javascript的抱怨》（My
2014-10-16 15:29:50
324
Javascript的10个设计缺陷
我经常说Javascript的设计不够严谨，有很多失误。今天的这一篇，前半部分就谈为什么会这样，后半部分将列举Javascript的10个设计缺陷。我参考的文献主要是Douglas Crockford的专著《Javascript语言精粹》（JavaScript: The Good Parts）和Fredrik Holmström的文章《我对Javascript的抱怨》（My gripes...
2014-10-16 15:29:08
124
原创 40个值得你关注的jQuery插件
jQuery开发者社区应该是网站开发中最勤奋和活跃的社区之一了。他们源源不断的为我们提供免费而又实用的插件。我把最近搜集到的40个非常实用的插件分享给大家。 一、滚动插件jQuery WaypointsWaypoints 是一个 jQuery 用来实现捕获各种滚动事件的插件，例如实现无翻页的内容浏览，或者固定某个元素不让滚动等等。支持主流浏览器版本。
2014-10-16 14:06:04
463
原创 神奇的jQuery插件：动态布局响应式插件-Freetile.js
今天我们这里再介绍一款相当不错的响应式布局插件 - Freetile.js，使用它同样可以生成超酷的动态布局效果。相信大家一定会喜欢！ 主要特性 Freetie来自于Assemblage和 Assemblage Plus的内建布局引擎，设计灵感来自于Masonry，VGrid和Wookmark，但是和他们相比较，拥有以下独特的地方：允许包含
2014-10-16 14:01:54
455
原创 jQuery Masonry-强大的动态不规则布局插件，让你的网页更自然
Masonry是 一款非常强大的jQuery动态网格布局插件，可以帮助开发人员快速开发类似剪贴画的界面效果。和CSS中float的效果不太一样的地方在 于，float先水平排列，然后再垂直排列，使用Masonry则垂直排列元素，然后将下一个元素放置到网格中的下一个开发区域。这种效果可以最小化处理 不同高度的元素在垂直方向的间隙。如下：在上图中大家可以看到，在网格布局中使用flo
2014-10-16 13:56:56
439
原创 Web设计的未来：响应式设计路在何方？
2014年，通过移动设备上网的人数将超过PC端。在未来，设计移动设备将成为Web开发人员的首要任务。响应式设计似乎被看做成未来的设计方向，但我不赞同。今天，我要解释为什么我认为响应式设计并不是Web设计的最佳解决方案。什么是响应式设计？维基百科对响应式设计是这么介绍的：响应式Web设计是网站制作使用的一个叠层样式表( CSS3media queries)，结
2014-10-16 13:51:29
413
2012年Web设计从业者调查:结果已经出来了!
今年是国外知名设计网站Design Shack进行Web设计从业者调查的第二年。这份调查主要是针对欧美的同行，但是我们从中仍然能看到web设计行业从业人员的各种状况。你能从中知道2012年他们是如何看待自己的工作的，这个行业将走向何方，以及他们是如何做“生意”的。读了这篇文章，你将会对2012年该行业有个大致的了解。可以500%提高开发效率的前端UI框架！ 文章的大部分意思都包括在...
2014-10-16 13:49:05
111
原创 2015年Web设计从业者调查:结果已经出来了!
今年是国外知名设计网站Design Shack进行Web设计从业者调查的第二年。这份调查主要是针对欧美的同行，但是我们从中仍然能看到web设计行业从业人员的各种状况。你能从中知道2012年他们是如何看待自己的工作的，这个行业将走向何方，以及他们是如何做“生意”的。读了这篇文章，你将会对2012年该行业有个大致的了解。精心开发5年的UI前端框架！文章的大部分意思都包括在这
2014-10-16 13:46:18
430
原创 最完美的select下拉框美化
很多人为 select 的诸多不完善而头痛，如无法自定义样式、 IE6 中无法被浮动层遮住等等。下面介绍一款堪称最完美的下拉框组件： UU 人下拉框 特点 1 ：美化的并且可自定义的外观UU 人下拉框使用 JS 进行渲染。当页面引入了脚本和 CSS 后，页面中的下拉框都会变成如下外观：精心开发5年的UI前端框架！该外观是由 CSS 和图片控制。通过修改 CSS 可以很方便地实现
2014-10-16 13:38:24
2740
原创 用原生JavaScript做个简单的回到顶部
很多网页在下方都会放置一个“返回顶部”按钮，尤其是页面底部没有导航的网页，这样可以帮助访客重新找到导航或者重温一遍广告（想得真美）。随着近几年来 JavaScript 的应用日渐广泛，滑动效果无处不在，于是我也跟跟风，将返回顶部功能做成了滑动效果。后来为了更贴合物理特征， 改造做成了减速的滑动效果。首先说一下原理吧，我们会获取滚动条到页面顶部的距离，然后上移一定的距离；再获取滚动条到页面顶
2014-10-15 15:22:08
379
原创 跨浏览器 HTML5 postMessage 方法以及 message 事件模拟实现
postMessage 是 HTML5 新方法，它可以实现跨域窗口之间通讯。到目前为止，只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持，而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。postMessage 方法 JSONP 技术不一样，前者是前端擅长跨域文档数据即时通讯，后者擅长针对跨域服务端数据
2014-10-15 15:20:50
1351
原创 通过JS动态显示html-DOM操作
近日，因工作需要，需要通过点击某个元素后， 动态创建一个DOM元素并显示，因此写了一些相关的JS函数，在此记录，以作备忘： 精心开发5年的UI前端框架！/**//* 动态创建DOM元素的相关函数支持 www.jcodecraeer.com*//**//* 获取以某个元素的DOM对象 @obj 该元素的ID字符串*/function getElement(ob
2014-10-15 15:15:05
474
原创 当今Web设计中存在的5大争议 ，你怎么看？
在 Web 空前繁荣的今天，有关 Web 设计中的各种观点很多会成为话题，有的很快达成一致，有的则一直争议下去，本文讲述 Web 设计中的 5 大经典争议，这些争议从它们诞生的那天起，就被正反两方争得不亦乐乎。争议之一：链接是否应该在新窗口打开正方:外部链接应该始终从新窗口打开，当你浏览一个站点的时候，点击了一个链接，却被带到另外一个站点，你在这个站点的会话也因此丢失，
2014-10-15 15:14:21
453
1
使用ajax和history.pushState无刷新改变页面URL
表现如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。是什么有这么强大的功能呢？HTML5里引用了新的API，history.pushState和history.replaceState，就是通...
2014-10-15 15:08:40
93
原创 使用ajax和history.pushState无刷新改变页面URL
表现如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。是什么有这么强大的功能呢？HTML5里引用了新的API，history.pushState和history.replaceStat
2014-10-15 15:07:47
271
原创 通过使用Chrome的开发者工具来学习JavaScript
本文作者是Peter Rybin,Chrome开发者工具团队成员.本文中,我们将通过使用Chrome的开发者工具,来学习JavaScript中的两个重要概念"闭包"和"内部属性".闭包首先要讲的是闭包(closure) – JavaScript中最有名的东西之一.一个闭包就是一个使用了外部变量的函数.查看下面的例子:function A(a, b, c) { va
2014-10-15 15:02:58
290
原创 JavaScript需要类吗?
在我长达一年的工作生涯中,我遇到过有人把构造函数称做类,还有人把对象字面量称做类.这比把火狐扩展叫成插件都令我*疼.无论你喜欢还是不喜欢,ECMAScript 6中将会包含类(class)这个新东西了[1].在JavaScript中,对类的需求一直都有两极分化的趋势.有些人特别喜欢JavaScript中没有类,因为这和其他语言不同.另一方面,还有一些人厌恶JavaScript没有类,因为这
2014-10-15 14:08:41
363
原创 Sencha Touch 和 jQuery Mobile 该如何选择
如果你正在面临是选择 jQuery Mobile 或者是 Sencha Touch ，那么下面这些因素是你需要考虑的。jQuery MobileJM 只是一个 UI 库，依赖于 jQuery 和 jQuery UI 的 DOM 操作、Ajax 和其他库为了创建 UI 部件，你只需要编写 HTML 即可，JM 为了对这些 HTML 元素进行修饰可方便的
2014-10-15 14:00:58
264
原创 jQuery必知必熟基础知识
jQuery 1.特点:小巧功能强跨浏览器插件2.使用实际是js文件a) 复制js到WebRootb) 页面jquery.js" charset=""> 精心开发5年的UI前端框架！ 3.核心对象及常用方法和属性a)名称jQuery和$用$找出来的对象叫jQuery对象用doc
2014-10-15 13:54:51
402
原创 用原生JS获取CLASS对象
听说是最常用。。。。我是看了dom编程艺术想到的。 精心开发5年的UI前端框架！ 无标题文档 .ca{background-color:red; padding:20px;} .js{ border:1px solid #00F; padding:10px;}
2014-10-15 13:46:58
365
网站的无密码登录
大部分网站，都要求用户登录。常见的做法，是让用户注册一个账户。这种做法并不让人满意。对于用户来说，每个网站必须记住一个密码，非常麻烦；对于开发者来说，必须承担保护密码的责任，一旦密码泄漏，对网站的业务和信誉都是巨大打击。所以，很早以前，人们就开始设想"无密码登录"（password-less login）。这对用户和网站，都将是极大的减负。本文先回顾"无密码登录"的几种常...
2014-10-15 13:43:29
172
原创 网站的无密码登录
大部分网站，都要求用户登录。常见的做法，是让用户注册一个账户。这种做法并不让人满意。对于用户来说，每个网站必须记住一个密码，非常麻烦；对于开发者来说，必须承担保护密码的责任，一旦密码泄漏，对网站的业务和信誉都是巨大打击。所以，很早以前，人们就开始设想"无密码登录"（password-less login）。这对用户和网站，都将是极大的减负。本文先回顾
2014-10-15 13:40:22
1012
1
原创 基于jquery的可触摸滑屏的Web端系统
基于jquery的可触摸滑屏的Web端系统在移动设备越来越普及的今天，如何使用一套技术体系开发PC与移动平台都可使用的软件是值得探索的。这个系统就是对这方面做了一下尝试, PC和平板均有比较好的体验。平板中的截图如下： 主界面： 可更换背景： 点击图标后以新tab的方式打开页面，标签在底部方便触摸 网页中嵌
2014-10-15 13:33:10
441
1
原创 原生的html元素选择器的实现，类似jquery选择器
做前端，需要选择元素，虽说有jquery和各大js库已经帮我造好了轮子，但我想试试自己实现一个，正好项目也不忙，正好加入自己的js文件中，下面是实现代码。用$g(“#content .op”)这种格式就可以调用，和jquery $()的参数一样: 精心开发5年的UI前端框架！function $findChilds(parentNode, text) { //如果不传入父节点的话，
2014-10-14 16:02:26
564
原创 jQuery延时插件doTimeout
在很多的具体应用中都需要使用事件延迟触发，具体实现上使用setTimeout 函数，但使用还是有很多的不方便，所以这里介绍一个jQuery插件doTimeout，这个插件可以实现setTimeout 一样的效果，而且使用简单，同时可以在timeout运行之前可强制执行回调函数等。支持jQuery的链式调用。使用实例一，包含文件部分 精心开发5年的UI前端框架！
2014-10-14 16:01:01
396
原创 文字设计是网页设计的根本
恩，网页设计的秘密是什么？ 这是一个艰难的问题，一个可能没有答案的问题。在 2006 年，Oliver Reichenstein 写下了 Web Design is 95% Typography. 一些人狂爱它，一些人却不以为然。 若网页设计过多的依赖于文字设计，那么学习其他事物的意义何在？你所需要做的只是理解文字设计的各个元素，然后就能做的很好。 当然文字设计并不只
2014-10-14 15:55:07
336
原创 Javascript教程:querySelector()方法
module dom {[Supplemental, NoInterfaceObject]interface NodeSelector {Element querySelector(in DOMString selectors);NodeList querySelectorAll(in DOMString selectors);};Document implements N
2014-10-14 15:48:51
2858
CSS的class、id、css文件名的常用命名规则
CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar...
2014-10-14 15:46:20
163
原创 CSS的class、id、css文件名的常用命名规则
CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center
2014-10-14 15:43:50
427
原创 jQuery Mobile与QUI框架的异曲同工之处
最近一直在研究jQuery Mobile框架，这是jQuery的官方移动版UI框架，专门用来开发手机与平板电脑方面的应用。结果越来越觉得它和我的QUI框架的开发思路非常相似，很多地方都有异曲同工之妙。jQuery Mobile框架倡导wire less ,do more，QUI框架中我花了很多心思让开发更加便捷，发现和jQuery Mobile框架用的手段非常相似，看来真的是英雄所见略同呢。下
2014-10-14 14:58:26
349
网页设计经验谈:自以为是的网页设计者
（一）垃圾还是经典网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。网页设计者不管自己的学识、技术和经验如何，都自以为自己吊的不得了，这可能是源与商业设计自我意识体现的强烈主观因素。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，...
2014-10-14 14:35:34
109
原创 网页设计经验谈:自以为是的网页设计者
（一）垃圾还是经典网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。网页设计者不管自己的学识、技术和经验如何，都自以为自己吊的不得了，这可能是源与商业设计自我意识体现的强烈主观因素。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的
2014-10-14 14:34:18
427
6个Web前端非常好用绚丽的时间显示（二）
2014-08-19
6个Web前端非常好用绚丽的时间显示（一）
2014-08-19
6个非常精美的Web前端表单提交以及搜索框（五）
2014-08-19
6个非常精美的Web前端表单提交以及搜索框（四）
2014-08-18
6个Web前端纯CSS3实现的单多选选择框（六）
2014-08-13
6个非常精美的Web前端表单提交以及搜索框（三）
2014-08-18
6个非常精美的Web前端表单提交以及搜索框（二）
2014-08-18
6个非常精美的Web前端表单提交以及搜索框（一）
2014-08-18
6个非常经典Web前端使用的炫丽进度条（五）
2014-08-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人