自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(46)
  • 收藏
  • 关注

原创 JS在IE下弹出警告信息怎么办?

JS在本地环境下,IE会弹出警告信息。JS在服务器环境下,IE是不会弹出警告信息的。没文化,真可怕。

2013-08-27 10:38:12 602

转载 13个JavaScript图表图形绘制插件

由于绘制矢量图的不同技术愈发成熟以及现代浏览器所具备的更强大的计算能力等原因,目前网上出现了越来越多免费 的JavaScript图表和图形绘制解决方案。在本文中就将分享13个优秀实用的JavaScript图表和图形绘制插件,它们少数是独立的框架,大多 数支持条图、线图、饼图等基本图形,很多甚至支持更加复杂的图形,希望对你有所帮助。1.Flotr22.Rickshaw

2013-08-26 15:48:11 367

转载 敏捷创业,怎样发现用户的“要求”?

从事软件开发的朋友们可能都知道,软件开发比较普遍的有两种模型,一是瀑布模型,一是敏捷模型。事实上这两种模型背后所呈现的思维逻辑,也是创业过程中所常见的。瀑布模型把软件开发分成各个阶段,需求分析,要件定义,基本设计,详细设计,编码,单体测试,结合测试,系统测试等,每个阶段都严格定义了输入和输出,如果达不到输出的要求,则下一个阶段就不展开。系统测试完成后,软件交付给用户,于是整个过程就完成了。

2013-08-26 09:59:27 391

转载 用户体验设计遇见色彩情感

一、关于色彩1、色彩色彩,对于人类而言,始终属于自然界最神奇的奥妙之一,永远都在激发着我们的好奇心和创造力。在我们生活中无论何时何地,充满着各种多采多姿的色彩,哪里有光,哪里就有颜色。有时我们会认为颜色是独立的:天空是蓝色的、植物是绿色的、而花朵是红色的。但事实上,其实色彩并不会单独存在,漂亮的色彩搭配常常可以让画面更加吸引人你的目光。色彩就像是音符一样,没有某一种颜色是所谓的“好

2013-08-26 09:37:26 714

转载 别把设计想复杂——视觉设计中图形创意

视觉设计中图形创意图形创意是视觉设计中重要的一个部分,可以说找到好的图形创意就是成功的一半。什么是图形创意?采用一定的形式来表达创造性的意念,将设计思想可视化。以图形设计为核心,通过一些创作手法进行设计,在作品中建立矛盾冲突或者巧妙的引用熟悉的事物。寻求最能够引发观者情感共鸣的触发点。 图形创意常用的手法(一)同构当我们面对多种表示意义的“形

2013-08-26 09:34:31 1168

转载 如何设计优秀的应用图标?

这篇演说的第一部分提到了什么是苹果眼中的优秀应用设计,接着他列举了设计应用图标时应该考虑的六个重要元素。首先 Mike Stern 解释了 UI 和应用图标的重要性:用户并不会根据你使用了多少技术,或是整合了多少 API,或是你使用的代码有多牛逼而去对应用做出评价,而是你的应用能让他们做什么,给他们什么感受。用户期待你的应用能为他们带来直观的、美妙的甚至不可思议的体验。 六

2013-08-23 09:15:08 574

转载 27个优秀APP加载动画与进度条设计案例

调查显示人们总是希望看到进度条的,尤其是在各种数据化APP中。充分理解当前状态或进度,对用户来说至关重要。另外,在需要耐心等待的时候,进度条是极为强大的工具。活力四射、有趣且漂亮令人愉快的进度条,绝对会让我们短短数秒的等待时间兴致盎然。而且,进度条是各种多媒体播放器的基本组成,提供了退后和前进的功能。让用户不只是跟随播放,更能控制它。进度状态的图形表达对于增加用户好感起着至关重要的

2013-08-22 13:23:43 3391

原创 axure 6.5 汉化正式版软件及注册码

2012-4-19,Axure公司发布了Axure RP 6.5 正式版。官方主页: http://www.axure.com/news官方下载: http://www.axure.com/download视频介绍: http://v.youku.com/v_show/id_XMzgzNTcxOTI4.html注意:xp系统需要升级到sp3才可以安装。(我的电脑右键属性上查

2013-08-19 09:52:54 822

转载 UI团队怎么带

如果你有幸成为一个UI团队的主管,那么你工作的内容要发生很大的改变。如果你是一个项目型的主管,我建议你多看看PMP方面的东西;如果你是一个职能型的主管,那么你应该更多的考虑团队建设方面的东西、人员素质、UI环境等内容。让你的组员快快乐乐,集中精神专注他们具体服务的项目,而不会被乱七八糟的问题所羁绊。绩效绩效(kpi)简单的讲是公司每年都会制定今年的目标,把目标分解成具体的任

2013-08-19 09:51:31 2609

原创 文字

CSS Code01/* UI Object */02.tagcloud{color:#ccc;font-family:'돋움',dotum;font-size:12px;line-height:2.6;text-align:justify}03.tagclo

2013-08-19 09:19:54 487

原创 评分星星

SS Code1/* UI Object */2.star_rating{width:67px;height:10px;background:url(img/bg_starpoint_off.gif) 0 0 no-repeat}3.star_rating

2013-08-19 09:17:20 420

原创 柱状条

-30%80%100%CSS Code1/* UI Object */2.ratio{height:700px}3.ratio li{float:left;position:relative;width:100px;

2013-08-19 09:16:10 392

原创 柱状图

50%CSS Code1/* UI Object */2.ratio{padding-top:20px}3.ratio li{float:left;position:relative;width:100px;height:300px;mar

2013-08-19 09:13:55 419

原创 进度条

进度条80%CSS Code1/* UI Object */2.ratio dt,dd{float:left}3.ratio dt{margin-right:8px;font-weight:bold}

2013-08-19 09:13:17 425

原创 inline inline-block block 三者有什么区别

1.inline是行内元素,同行可以显示,像span、font、em、b这些默认都是行内元素,不会换行,无法设置宽度、高度、margin、border2.block,块元素,div、p、ul、li等这些默认都是块元素,会换行,除非设置float3.inline-block,可以同行显示的block,想input、img这些默认就是inline-block,出了可以同行显示,其他基本block一

2013-08-19 09:11:28 610

原创 more

飘海moreCSS Code1/* UI Object */2.rank_area{position:relative;width:200px}3.rank_area h3{color:#000;font-family:'돋움',dot

2013-08-16 14:00:25 319

原创 复杂日历

2007년 9월 일월화수목금토      123456789101112131415161718

2013-08-16 13:58:38 478

原创 复杂日历的CSS

2010.05

2013-08-16 13:58:10 320

原创 复杂日历的CSS

2010.05

2013-08-16 13:57:49 291

原创 图片按钮 CSS

데스크홈 로딩 중입니다.CSS Codeview sourceprint?01/* UI Object */02/* Common */03body,p,h1,h2,h3,h4,h5,h6,ul,o

2013-08-16 13:56:16 646

原创 新页面的CSS Reset

CSS Codeview sourceprint?01/* UI Object */02/* Common */03body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td

2013-08-16 13:54:32 427

原创 弹出层的CSS

카테고리 전체보기CSS Code01/* UI Object */02/* Common */03body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,l

2013-08-16 13:52:47 541

原创 位置条 2 的CSS

1. 설계2. 디자인3. 마크업4. 개발1. 설계2. 디자인 디자인 디자인3. 마크업4. 개발1. 설계2. 디자인 디자인3. 마크업 마크업 마크업CSS Code1

2013-08-16 13:51:56 416

原创 位置条的CSS

진행상태상세스펙 협의담당자 배정일정 협의실무 협의완료CSS Code01/* UI Object */02.progress{overflow:hidden;height:25px;margin:10px 0 0;background:url(http://

2013-08-16 13:50:59 493

原创 日历的CSS

선택한 기간이 하늘색으로 나옴일간 주간 월간  2010. 12    12345678910111213141516171819202122

2013-08-16 13:49:57 1021

原创 自定义下拉菜单(选项有图片和注释)

CSS Code01/* UI Object */02.select{position:relative;z-index:1000;width:300px;font-family:'돋움',dotum;font-size:12px}03.select ul

2013-08-16 13:47:31 891

原创 联级菜单的CSS与JS

Anchor : Drop Down LinkSelect Link Select Link Single Select Form : Radio Input(Emulate Select/Option)LegendSelect Option1Select Option1Option_1Opti

2013-08-16 13:44:47 646

原创 评分星星的CSS

Star Rating1점2점3점4점5점6점7점8점9점10점CSS Code1/* UI Object */2.star_rating,3.star_rating

2013-08-16 13:41:53 573

原创 半透明弹出层的CSS写法

CSS Code1/* UI Object */2html, body{height:100%;margin:0}3.mw{position:fixed;_position:absolute;top:0;left:0;width:100%;height:1

2013-08-16 13:41:02 909

原创 进度条的CSS写法

开始  50% 结束.CSS Code1/* UI Object */2.i_graph{position:relative;line-height:normal;white-space:nowrap}3.i_graph .g_bar{disp

2013-08-16 13:40:04 965

原创 纵向柱状图的CSS写法

100%CSS Codeview sourceprint?1/* UI Object */2.v_graph{padding:20px 0}3.v_graph ul{height:200px;margin:0

2013-08-16 13:38:03 801

原创 横向柱状图的CSS写法

SUN0%MON20%TUE30%WED40%THU50%FRI60%SAT100%CSS Code1/* UI Object */2.h_graph ul{margin:0 50px 0 50px;padding:1px 0 0 0;border:1px sol

2013-08-16 13:36:28 2209

原创 电商网站汇总

西单商场http://www.xdsc.cn/中国票务网http://www.piao.com/库巴购物网http://www.coo8.com/国美在线http://www.gome.com.cn/?cmpid=sem_baidu_pinpai_bt寺库http://www.s

2013-08-16 13:10:45 1214

转载 小伙伴们惊呆了!10行 JavaScript 实现文本编辑器

最近,我需要做一个非常基本的网页内容编辑功能。我不想使用 iframe ,我也不想要一个功能特别多的复杂编辑器,只需要很基本的内容编辑功能,例如粗体,斜体,列表,对齐等等。    用谷歌搜索找了很久,发现所有的插件都是功能太复杂,不是我想要的。所以,我决定我自己来实现需要的编辑功能。刚开始我觉得应该要花费很多的时间,因为我想象内容编辑功能应该是很复杂的。  

2013-08-16 13:09:09 434

转载 滑动的维度

前言在iOS交互模型的最底层,有一个“空间”的概念(具体可见ios空间模型),而空间最基本的属性就是三个维度。滑动依存于屏幕这个二维环境,也可以从维度这个角度去思考。最常见的滑动例如ios里删除短信息的操作,这里的滑动是最基础的,可以理解成一维的、被赋予了唯一功能的操作。但如果认为滑动就是这么简单,那可能忽略了滑动可以为设计带来的千变万化。当滑动被赋予功能,并与界面(信息或控件)结

2013-08-15 15:33:31 437

转载 图片格式设计的选择与用户体验

我们先设定一个范围,我们对比就拿常见的gif、png、jpeg三种格式来说说。首先我们看一下三种格式的对比。以上是对于三种常见格式的对比,其实还有bmp等格式,但是对于我们在做设计的时候这种格式其实应用不是特别多,所以暂就不怎么讲了,不过坦率的说这个格式还是不错的,因为这玩意它不压缩文件,但是比同样的一张图其他格式的大很多,所以在页面上其实用的比较少的。而jpeg格式还有一种jpg

2013-08-15 15:27:46 419

原创 axure 6.5 汉化正式版软件及注册码

官方主页: http://www.axure.com/news官方下载: http://www.axure.com/download视频介绍: http://v.youku.com/v_show/id_XMzgzNTcxOTI4.html注意:xp系统需要升级到sp3才可以安装。(我的电脑右键属性上查看是不是已经升级为sp3)以下是安装文件地址:PC版下载地址:http

2013-08-15 15:26:33 761

转载 浏览器内核介绍

浏览器内核种类繁多,商用的加上非商业的免费内核,大约有10款以上甚至更多,不过通常比较常见的大约只有以下4种,下面就简单介绍一下。TridentTrident(又 称为MSHTML),是微软的Windows搭载的网页浏览器——Internet Explorer浏览器使用的内核(俗称IE内核),该内核程序在1997年的IE 4中首次被采用,之后不断地加入新的技术并随着新版

2013-08-15 15:21:33 483

转载 扁平化设计的最新趋势 – 长阴影(Long Shadow)

随着互联网的发展,网页设计变得越来越复杂,如今设计的外观和感觉实现网站功能说使用的开发技术一样重要。互联网的功能远远不只是基本的信息共享,现在人们对网站的期望是远远大于几年前的。  如今,HTML5 & CSS3 技术的发展,众多强大的新特性和功能带给网页设计领域新的挑战和机遇。同时,网页设计领域也在发生巨大的变化,例如之前流行的扁平化设计伴随着 iOS 7 的发布被带到了新的高度,更

2013-08-15 15:20:58 1919 1

转载 从浏览器的渲染原理讲CSS性能

平时我们几乎每天都在和浏览器打交道,写出来的页面很有可能在不同的浏览器下显示的不一样。苦逼的前端攻城师们为了兼容各个浏览器而不断地去测试和调试,还在脑子中记下各种遇到的BUG及解决方案,而我们好像并没有去主动地关注和了解下浏览器的工作原理。如果我们对此做一点了解,我想在项目过程中就可以根据它有效的避免一些问题以及对页面性能做出相应的改进。今天我们主要根据浏览器的渲染原理对CSS的书写性能做一点改进

2013-08-15 15:18:41 483

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除