xueyou
- 浏览: 90132 次
-
博客专栏
-
-
各种极其精美的Web前端组...
浏览量：58926
最新评论
-
wymself：
[align=center][size=small][/siz ...
非常精美的QQ桌面Web桌面模板（下） -
ray258：
好厉害
几个Web前端经典使用的炫丽进度条（上） -
a91942365：
kdjfi
几个Web前端经典使用的炫丽进度条（上） -
a91942365：
very good
几个Web前端经典使用的炫丽进度条（上） -
hyneng：
这个帐号什么时候封啊
红绿灯与设计规范
文章列表
用户对产品最直观的的体验都来源于“UI”，也就是用户界面。旋钮和指针，按钮和LED，触控和屏幕。时代在发展，工业产品也从满是暴露的细节发展到现在的全部围绕屏幕存在的“黑箱”状态。
过去的时光是忘不掉的质感。
闪着温润光泽的金属部件，浑然天成的木质纹路，恰到好处的皮革质感。摆锤的往复，活塞的起伏，发条的振动。蒸汽朋克艺术家们努力表现着这些能够亲眼看到、亲耳听到、亲手触摸，但已经成为过去的温暖。性能之外，发烧友们迷恋电子管功放的原因也是如此吧。
现代的科技产品被包裹在严密的机箱中，仅通过屏幕交流互动。设计如苹果，iPad、iPhone 们拥有精致的金属外壳，却使用简单几近极限的设计衬托着屏幕 ...
正文：
随着网站逐渐变成"互联网应用程序"，嵌入网页的 Javascript 代码越来越庞大，越来越复杂，extjs就是一个很好的例子。
网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开 ...
今天我们这里再介绍一款相当不错的响应式布局插件 - Freetile.js，使用它同样可以生成超酷的动态布局效果。相信大家一定会喜欢！
主要特性
Freetie来自于Assemblage和 Assemblage Plus的内建布局引擎，设计灵感来自于Masonry，VGrid和Wookmark，但是和他们相比较，拥有以下独特的地方：
允许包含任何尺寸的元素，并且不要求一个固定的列宽度，因此你不需要指定列宽度来迎合你的元素大小
内建算法允许你很容易的自定义插入的位置，满足不同喜好的展示方式。例如，向左或
postMessage 是 HTML5 新方法，它可以实现跨域窗口之间通讯。到目前为止，只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持，而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。postMessage 方法 JSONP 技术不一样，前者是前端 ...
如果你正在面临是选择 jQuery Mobile 或者是 Sencha Touch ，那么下面这些因素是你需要考虑的。
jQuery Mobile
JM 只是一个 UI 库，依赖于 jQuery 和 jQuery UI 的 DOM 操作、Ajax 和其他库
为了创建 UI 部件，你只需要编写 HTML 即可，JM 为了对这些 HTML 元素进行修饰
可方便的重用已有的 HTML 代码
一些简单的应用直接用 HTML 即可实现，无需 JavaScripta
JM 具有相对小的对象模型，可以快速轻松学习，特别是他是一个 jQuery 的插件
...
在很多的具体应用中都需要使用事件延迟触发，具体实现上使用setTimeout 函数，但使用还是有很多的不方便，所以这里介绍一个jQuery插件doTimeout，这个插件可以实现setTimeout 一样的效果，而且使用简单，同时可以在timeout运行之前可强制执行回调函数等。支持jQuery的链式调用。
使用实例一，包含文件部分 可以500%提高开发效率的前端UI框架！
<script type="text/javascript" src="http://banu.blog.163.com/blog/jquery.JS">< ...
最近修改以前写的一些代码，发现点问题。
比如2个div需要动态的保持一致的高度。
css的做法是： 可以500%提高开发效率的前端UI框架！
.代码
<div style="overflow:hidden">
你可能知道，Javascript语言的执行环境是"单线程"（single thread）。
所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。
这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏 览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法执行。可以500%提高开发效率的前端UI框架！
为了解决这个问题，Ja ...
在写javascript中，经常要用到style对象的css属性，很多不记得
其实很好记，基本就是CSS中的“-”转化为javascript的驼峰写法，除了注意下float
盒子标签和属性对照颜色和背景标签和属性对照样式标签和属性对照文字样式标签和属性对照文本标签和属性对照
可以500%提高开发效率的前端UI框架！ CSS语法（不区分大小写）
JavaScript语法（区分大小写）
border
border
border-bottom
borderBottom
如果标题换做“用户体验”，感觉大了些，自己毕竟不是这方面的专家，在这里只是谈谈自己的感受。
我还记得很早的时候自己学做网页制作，那时不晓得链接如何从新窗口打开，也不关心这些，因为网页 只是起到一个宣传简介的作用，后来多了友情链接这个东东，是的，那时还没有多标签多选项卡的浏览器出现，大家都用着IE6之类的窗口浏览器，于是那时候大 家养成了个习惯，就是打开一个页面，等浏览结束后下意识的去关浏览窗口，岂不知这个页面的上一页自己也需要，或者网站作者并不希望浏览者点了外部链接后就 脱离自己的网站，因为站长们认为自己网站还有更精彩的浏览者并没有发现……精心开发5年的UI前端框架！
正是由于这些原因，于 ...
"乔布斯买了一间不错的房子，但家里只有一幅帕黎思（Maxfield Parrish）的画作、一部百灵牌咖啡机和几把双人牌的刀子。他对家俱挑剔到了极点，一直找不到合意的，屋子也就空空如也，没有床、椅子，也沒有沙发。他的卧室简单至极：中央有一张床垫，墙上挂了爱因斯坦和印度圣师玛哈拉的裱框相片，一部苹果II号计算机就摆在地上。"
乔布斯的个性特点就是追求完美，而且极其坚持。
这种个性完全体现在苹果公司的产品之中。苹果的产品在各方面都追求完美。下面就是一些例子。
（1）最早的时候，苹果公司只出售硬件（苹果I号和苹果II号）。为了不让其他公司的软件糟蹋自家的硬件，苹果很快就 ...
什么是HTML5？
HTML5是HTML的新一代标准。以前版本的HTML标准4.01发布于1999。 自1999年以后，web已经有了翻天覆地的变化。
实际上HTML5仍旧是开发中的一个标准。但是很多主流的浏览器都开始支持HTML5的元素和部分API。
如何使用HTML5？
实际来说HTML5是World Wide Web Consortium(即W3C)和Web Hypertet Application Technology Working Group(WHATWG)的协作和合作的产物。
WHATWG主要负责web表单和应用，而W3C负责XHTML2.0。在2006年，他们决定开始 ...
一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的，开始的时候不理解，现在此案知道，原来jQuery 获得的对象并不和我们平时使用getElementById获得的对象是一样的对象。所以一些新手就很迷惑，为什么${"#Element"}不能直接 innerHTML，这就是原因所在，解决方式请看下文。
jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。普通的dom对象一般可以通过$()转换成jquery ...
在我们开始使用SVG前，让我们先了解一下 SVG，并且解释一下为什么使用SVG。
SVG全称是Scalable Vector Graphics，如果你使用过adobe Illustrator的话，相信你对这种适量格式的图片并不陌生！
为什么使用SVG？
文件非常小
能够无损失的缩放尺寸
在Retina显示屏上效果超棒
能够控制图片样式设计，例如互动和过滤filter
浏览器支持
IE8及其更低版本不支持
如今博客几乎无处不在，如果你的博客平淡无奇，那么失败是显而易见的，成功的博客设计一定能在前几秒钟深深的吸引用户的眼球。你的网站内容也许是你高质量的杀手锏，但是没有光鲜的外表，在这个快速运转的世界里面是很容易黯然失色的。
下面这三十个博客设计显然在布局上面非常有创意，希望你能喜欢，并从中激发出属于自己的灵感。精心开发5年的UI前端框架！
justBcoz ↓
Ashley Tisdale ↓
Design Spartan ↓
mashKULTURE ↓