-
交互设计实用指南:操作入口明确
所属栏目:[产品] 日期:2018-10-09 热度:194
交互设计实用指南:操作入口明确 操作入口明确,就是指产品的任何一个功能都要有明确、合理的入口。操作入口,指的是产品内部不同模块之间的转接元素,例如在Web产品中,按钮控件、输入框、文字链等都属于操作入口;明确指的是入口的视觉感是清晰的、可识别[详细]
-
深色调网页设计的一些注意事项
所属栏目:[产品] 日期:2018-10-09 热度:99
深色调的网站设计能营造出简洁、富有创造性的效果。尽管这样,但很多设计师不知道如果有效的使用它来打动、吸引浏览者。深色调网页设计经常出现的问题是不易读、没有吸引力、很少打破传统的设计模式。 最近的调查显示有超过47%的大众用户更喜欢亮色调的网[详细]
-
IE6 下 a:hover 的 BUG 及解决方法
所属栏目:[产品] 日期:2018-10-09 热度:53
写页面的时候遇到一个IE6的BUG,不知道大家有没有见过: 当鼠标点到链接,触发a:hover效果后, .column的padding-top会翻倍,仅在IE6下有这个问题, 解决的办法倒是有,就是不知道为什么会出现这种BUG !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//[详细]
-
网页设计师必备:优秀网页设计的十条准则
所属栏目:[产品] 日期:2018-10-09 热度:151
一、优秀的设计应该是创新的 创新的可能性是永远存在并且不会消耗殆尽的。科技日新月异的发展不断为创新设计提供了崭新的机会。 同时创新设计总是伴随着科技的进步而向前发展,永远不会完结。 二、优秀的设计让产品更加实用 产品买来是要使用的。 至少要满[详细]
-
网页表单中的行为也分主次
所属栏目:[产品] 日期:2018-10-09 热度:134
原文地址:Primary Secondary Actions in Web Forms 作者介绍:Luke Wroblewski,目前在Yahoo!担任首席设计师(Chief Design Architect),主要进行互联网、移动设备、电视等等产品线及前瞻性的客户体验整合。在这之前他曾是eBay公司平台组的用户界面设计[详细]
-
Web 设计中的 5 个最具争议性的话题
所属栏目:[产品] 日期:2018-10-09 热度:119
在 Web 空前繁荣的今天,有关 Web 设计中的各种观点很多会成为话题,有的很快达成一致,有的则一直争议下去,本文讲述 Web 设计中的 5 大经典争议,这些争议从它们诞生的那天起,就被正反两方争得不亦乐乎。 争议之一:链接是否应该在新窗口打开 正方: 外[详细]
-
一个好的网页需要什么?
所属栏目:[产品] 日期:2018-10-09 热度:196
序言 接着上一篇文章,在本篇文章中,我们将考察The Dung Beatles乐队网站的内容,以了解好的Web站点和网页需要包含些什么要素。 你们尚不需要去研究网站和网页的基础代码,而只需考察不同的网页,思考其中应该包括哪些要素,并思考一些关键性的问题,如一[详细]
-
百度地图API详解之地图API加载方式
所属栏目:[产品] 日期:2018-10-09 热度:50
本文将向大家介绍 百度地图 API的两种不同加载方式:同步加载和异步加载。 同步加载 这是最常见的加载方式,开发者需要在页面的head标签内添加一个script标签,标签的src属性填写为地图API的地址: script src=http://api.map.baidu.com/api?v=1.2/script[详细]
-
百度地图API详解之地图坐标系统
所属栏目:[产品] 日期:2018-10-09 热度:54
我们都知道地球是圆的,电脑显示器是平的,要想让位于球面的形状显示在平面的显示器上就必然需要一个转换过程,这个过程就叫做投影(Projection)。在地球上我们通过经纬度来描述某个位置,而经过投影之后的地图也有自己的坐标系统,本篇文章就来详细介绍在[详细]
-
Django 自定义表单引擎 Autoforms 安装使用
所属栏目:[产品] 日期:2018-10-09 热度:102
Autoforms是Jeff开源的一个基于Django的自定义表单引擎,可用于调查、投票、信息收集甚至是整合至工作流程引擎和PAAS平台当中,本文主要介绍Django 自定义表单引擎 Autoforms 安装使用。 第一步:安装 使用setuptools安装: easy_install autoforms 或从源[详细]
-
基于HTML5的在线可视化设计工具Maqetta安装使用
所属栏目:[产品] 日期:2018-10-09 热度:85
4月12日,来自 IBM Impact 2011 的消息,IBM发布 Maqetta,一个创建桌面和移动用户界面的HTML5设计编辑工具,并同时宣布将项目捐助给开源机构Dojo基金会。 Maqetta已经是开源项目,提供WYSIWYG可视化HTML5用户界面设计功能,仅需简单的拖曳操作,支持桌面[详细]
-
译文:使用YUI 3开发Web应用的诀窍
所属栏目:[产品] 日期:2018-10-09 热度:124
导读:这篇基于YUI3开发web应用的诀窍是比较经典的介绍 YUI3 工作机制的文章,文章发布在yuiblog上,总体难度适中,比较适合初学者认识、了解 YUI3。以此纠集了三名应届同学来翻译这篇文章:函谷、郝黎、张勉,并希望能对正在学习YUI3的同学有所帮助和启发[详细]
-
firebug net面板详解
所属栏目:[产品] 日期:2018-10-09 热度:88
今天志刚问到Firebug的net面板的 onload是神马意思,我一时语塞,用Firebug这么多年了都木有仔细研究过。正好这两天和大猫舜子等童鞋一起研究@import css的问题,顺便把这个详细了解下吧。 Net面板 Net面板就是Firebug中的net tab,中文应该叫网络?它可以[详细]
-
让IE浏览器支持HTML5标准的方法
所属栏目:[产品] 日期:2018-10-09 热度:82
自HTML5标准的提出就得到非常多的关注,而作为全球使用用户最多的 IE浏览器 能够支持HTML5标准也是大家备受关注一个问题,上周微软在技术大会上就表示目前微软正在开发的 IE9 将更加支持HTML5标准,但对于IE9是否将完全支持HTML5所有的标准,微软却表现的[详细]
-
FCKeditor 编辑器实现Ctrl+Enter快速提交
所属栏目:[产品] 日期:2018-10-09 热度:69
问题: 网站后台是FCKeditor,想实现在编辑后,光标没有离开编辑器时直接按ctrl+enter提交,找了半天没有找到Fckeditor的textarea,特来请教烈火网的大大,谢谢! 回答: 步骤: 1、打开 editor/js/fckeditorcode_ie.js,找到这部分代码 E.SetKeystrokes([[[详细]
-
Modernizr——为HTML5和CSS3而生
所属栏目:[产品] 日期:2018-10-09 热度:149
10年前,只有最尖端的网站设计师会为网页的布局和修饰使用CSS。那时的浏览器对CSS进行布局的支持即不完善又漏洞百出,所以这些人在坚持WEB标准化的同时,也不得不采用hacks来使得他们的页面在所有浏览器中都能正常显示。其中一个被使用的越来越多的hack技[详细]
-
HTML5网页动画工具:Adobe Edge介绍与下载
所属栏目:[产品] 日期:2018-10-07 热度:165
Adobe刚刚发布了一个新的工具Adobe Edge,它允许设计师通过HTML5、CSS和 Java Script制作网页动画。而无需使用Flash。Flash VS HTML5之争似乎即将见分晓。 Adboe Edge的目的是帮助专业设计师制作网页动画乃至简单游戏。目前该工具的重点放在动画引擎上,但[详细]
-
HTML5和CSS3特性检测-Modernizr
所属栏目:[产品] 日期:2018-10-07 热度:158
HTML5和CSS3逐渐成为WEB前端开发的必须技能,开发过程中检查不同浏览器对HTML5和CSS3支持情况成了是一件非常烦心的事情。 比如我们要检查某个浏览器是否支持canvas元素: function SUP_canvas() {var elem = document.createElement('canvas');return !!(e[详细]
-
推荐3款锋利的JavaScript开发者利器
所属栏目:[产品] 日期:2018-10-07 热度:192
Java script已经证明了它必须要认真对待,因为它真正提升了互联网的使用,而不仅仅提供一些简单的效果如文字闪烁、滑动效果等。UED为Javascript开发者编辑了3个十分优秀的工具和script。 MicroJS 想快速获得一段JavaScript代码吗?MicorJs是一个全新的网站[详细]
-
fckeditor 代码语法高亮的实现方法
所属栏目:[产品] 日期:2018-10-07 热度:192
这两个星期有点空,就再研究了一下语法高亮的问题,找了一下FCKeditor官方网站,发现2.5.1稳定版已经出来了,首先替换掉旧的2.0。呵呵,我喜欢使用新版。 先是IE: 1、遗留的问题:隐藏的源码和格式化后的代码有会有问题。 经上次研究的结果,两处的代码有[详细]
-
Visual Compress 可视化的 JS,CSS 压缩器
所属栏目:[产品] 日期:2018-10-07 热度:177
基于 Yahoo! YUI Compressor 压缩算法的可视化 JS,CSS 压缩器。 以前在开发 WEB 项目的时候,经常遇到 JS,CSS 压缩的问题,但总觉得基于命令行的 JS,CSS 压缩感觉不爽,所以自己抽空使用 Java Swing 开发了一个可视化压缩器。 该压缩器目前使用 Yahoo YU[详细]
-
新浪微博jsSDK操作指南
所属栏目:[产品] 日期:2018-10-07 热度:139
新浪微博 的开放平台提供了jsSDK的方法,但是很多人反映不会使用,这里最关键的一点是不会放跨域文件。 的确,我也承认开放平台的开发文档写的不是很详细,比如对于一些接口是使用REST的,要人云里雾里,而对于REST的介绍却很隐晦,我也是尝试了几次才找到[详细]
-
百度地图API详解之地图容器
所属栏目:[产品] 日期:2018-10-07 热度:174
地图容器就是包含地图区域的那个框框,这个有什么可说的呢?请您往下看。 通常我们会给地图容器一个固定的尺寸: font id=map style=width:500px;height:320px/font 假设上面的font元素就是我们的地图容器,那么地图显示范围就是500x320: 有时我们希望地[详细]
-
JavaScript单元测试工具 JsTestDriver
所属栏目:[产品] 日期:2018-10-07 热度:98
JsTestDriver是一个 Java Script单元测试工具,易于与持续构建系统相集成并能够在多个浏览器上运行测试轻松实现TDD风格的开发。当在项目中配置好js-test-driver以后,如同junit测试java文件一般,js-test-driver可以直接通过直接运行js文件,来对js文件单[详细]
-
百度地图API详解之地图初始化
所属栏目:[产品] 日期:2018-10-07 热度:88
本文将介绍有关地图初始化部分的内容(本系列文章将使用最新版本的API)。 地图初始化是开发地图应用的第一步,只有初始化完成后才能开始其他功能的开发。否则地图将不能正常工作。 首先,我们要准备一个HTML容器用来显示地图,这里选用一个div元素,同时设[详细]
