-
Firebug Lite,IE 下调试网页兼容性
所属栏目:[产品] 日期:2018-11-18 热度:69
作为一个初出茅庐的前端开发工程师,没有私房的小工具,那纯粹是扯淡。Firebug 扩展作为最具典型的 Firefox 插件,一直被网页设计开发人员津津乐道。现在庆幸的是, Chrome 也有了自己的开发者工具栏,使得网页兼容性调试不再难。 说到 IE 浏览器下的调试[详细]
-
关于用户体验量化的一些事
所属栏目:[产品] 日期:2018-11-18 热度:164
从去年年底到今年年初,我分三次将自己读书时候的文章《用户体验量化方法研究》通过UED博客进行了连载。来自各界的热心网友对此文进行了评论,有反对的、有提出疑议的、有给出诸多建议的。而上周通过碳酸饮料会和大家分享这篇文章时,相关同事们也给予了最[详细]
-
IE6背景图片不缓存BUG的解决教程
所属栏目:[产品] 日期:2018-11-18 热度:80
IE6在背景图片缓存上有一个bug:它会每次都从服务器端读取背景图片。例如我们使用a:hover更换背景图片,在IE6下会出现每次鼠标滑过则重新向服务器请求图片,如果服务器反应较慢,那么hover效果就会出现短暂的空白,令人极度不爽。虽然可以通过CSS sprites的[详细]
-
前端开发常见图片格式详解
所属栏目:[产品] 日期:2018-11-18 热度:177
前端开发设计,打交道最多的就是图片啦~今天就来个图片格式讲解,也许一些围绕你的问题可以在这篇文章中找到答案 Gif格式图片的特点 透明性 Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha 透明)。 动画 Gif这种[详细]
-
在服务端合并和压缩JavaScript和CSS文件
所属栏目:[产品] 日期:2018-11-18 热度:98
Web性能优化最佳实践中最重要的一条是 减少HTTP请求 ,它也是 YSlow 中比重最大的一条规则。减少HTTP请求的方案主要有合并 Java Script和CSS文件、 CSS Sprites 、 图像映射(Image Map) 和 使用Data URI来编码图片 。CSS Sprites和图像映射现在已经随处[详细]
-
W3C 网站验证的是是非非[组图]
所属栏目:[产品] 日期:2018-11-18 热度:196
W3C 验证让很多 Web 设计与开发者感到纠结,在自己的网页上放置一个验证按钮,点击以后,当看到 W3C 为你给出的全部是绿色对勾的时候,满足感油然而生,然而对这种机器验证的过度依赖往往带来另外的问题,本文讲述的是 W3C 验证中的一些是与非。 W3C Web 验[详细]
-
Web Design 广告字体设计技巧
所属栏目:[产品] 日期:2018-11-18 热度:171
字体设计是人类商业活动的需求,它随着时代和科学技术的进步而不断地变化着。被广氾应用于网络生活的各个方面。现代字体设计在电脑技术的应用中已经深入到日常工作、生活的每一个角落。随着网页设计工作中各类需求的增多,越来越多类目的广告banner设计对字[详细]
-
谷歌字体API使用教程,让互联网设计更漂亮
所属栏目:[产品] 日期:2018-11-13 热度:86
尽管互联网上新的技术和项目层出不穷,但是在过去的一段时间里我们却缺乏丰富而漂亮的互联网字体。虽然传统的字体选择也非常多,但是大多数电脑中安装并支持的却是一些非常固定的字体,随着互联网设计的发展,传统字体已经不能满足需求。 谷歌字体API的登[详细]
-
启用 Mod Rewrite和.htaccess 伪表态
所属栏目:[产品] 日期:2018-11-13 热度:121
Apache的Mode Rewrite模块提供了一个基于正则表达式分析器的重写引擎来实时重写URL请求。在大多数情况下,它和.htaccess文件配合使用。比如本篇文章的URL(http://dancewithnet.com/2010/05/29/making-mod-rewrite-and-htaccess-work-on-mac-os-x)就是Wor[详细]
-
非设计师应该如何评论界面设计
所属栏目:[产品] 日期:2018-11-13 热度:93
原文题目: How To Critique An Interface 作者:Aza Raskin 译者:郝晓茹 我们经常需要叫非职业设计师来评判界面设计的好坏。也许你是老板,要评估自己的新网站设计情况,或者你是项目经理,要查看你的设计师制作的网站模型。你该在网站界面设计中发现什[详细]
-
Google font api,webfont 与中文
所属栏目:[产品] 日期:2018-11-13 热度:86
Google昨天在Google I/O大会上发布了一个新的服务 Font API,这是一个很酷的东东,可以让我们很方便的使用网络字体,而且这些字体都是免费的,你无需担心版权的问题。 Google Font API使用起来也非常方便,从下面的例子中可见一斑: @font-face { font-fam[详细]
-
网站开发经验:IE对页面资源的限制
所属栏目:[产品] 日期:2018-11-13 热度:107
在实际的网站开发中,我们经常会发现 IE浏览器 对资源的限制,这让人很郁闷,在不了解的时候,会浪费我们很多时间去捉虫。现在我们将IE对页面资源的限制列出来,在开发中避免这些限制。 最多只支持引入3层@import CSS文件; 最多只支持@import 32个CSS文件[详细]
-
电子商务搜索LIST列表页面用户体验设计
所属栏目:[产品] 日期:2018-11-13 热度:196
改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台。根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标。我们搜索产品线的产品经理与用户体验设[详细]
-
制作移动友好网站的十一个优秀解决方案
所属栏目:[产品] 日期:2018-11-13 热度:127
看起来,现在几乎每个人都拥有一款自己的手机,随着智能手机日益普及,越来越多的人们开始使用他们的移动设备来访问互联网。尽管有些手机,如 iPhone等拥有自己的浏览器适应正常的网页,一个移动版本的网站可能就意味着更多的好处,如下载速度更快,并确保[详细]
-
静态页面与动态页面各自的执行机制简析
所属栏目:[产品] 日期:2018-11-13 热度:120
静态页面,是指网页中只有HTML标记,只要WEB开发人员没有修改过这些HTML标记,页面内容就不会更改。 静态页面的工作机制: 1.使用HTML编写静态页面,发布到WEB服务器端; 2.客户端通过浏览器请求该静态页面; 3.Web服务器根据请求定位该静态页面; 4.该静态页[详细]
-
跨浏览器开发经验总结(二) —— CSS
所属栏目:[产品] 日期:2018-11-13 热度:110
css hack的使用 CSS类级别的hack 仅IE7识别 *+html {} IE6及IE6以下识别 * html {} opera、safari、chrome识别: @media all and (min-width: 0px){} // Firefox 3.0.6不识别,但Firefox3.6 也识别该规则,如果Firefox版本有严格要求,请使用下一条规则 @[详细]
-
跨浏览器开发经验总结(一) —— HTML标记
所属栏目:[产品] 日期:2018-11-13 热度:158
为页面添加DOCTYPE 由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。 !DOCTYPE 声明指定文档遵从的 DTD,如: !DOCTYPE HTML PUBLIC -//W 3C //DTD HTML 4.0[详细]
-
彻底解决图片元素下多余空白的问题
所属栏目:[产品] 日期:2018-09-06 热度:100
在进行页面的DIV+CSS排版时,遇到浏览器中的图片元素img下出现多余空白的问题绝对是常见的。对于该问题的解决方法也是见机行事,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳,供大家参考。 1[详细]
-
静态页实现跳转和对 http_referer 信息的影响
所属栏目:[产品] 日期:2018-09-06 热度:107
在静态页面上我能想到的只有3种实现跳转的方法: 1)javascript : window.location.replace(http://www.google.com); 没有历史记录,无法后退,易用性不好 window.location.href = http://www.google.com; 可后退 FF 会发送 referer 信息,但是 IE 不会,至[详细]
-
prototype中文参数乱码解决方案
所属栏目:[产品] 日期:2018-09-06 热度:182
在使用portotype,调用ajax方法时出现乱码,此时,获取页面中加入 可以试试;; Page.Response.Charset = gb2312; 如果不奏效,有人提供另外解决方案: request: function(url) { this.url = url; this.method = this.options.method; this.encoding = this.o[详细]
-
仿QQ空间的DIV窗口(附源代码下载)
所属栏目:[产品] 日期:2018-09-06 热度:77
QQ空间的DIV窗口样子倒是不错,可惜搞源码不容易,只好拿jBox代码修改下。效果图如下:(怎么样?有几分神似吧) 那怎么调用呢。 有一种是iframe调用,就是把另一个页面嵌入到div窗口中来。 jBox.open('iframe-jBoxID','iframe','Login.aspx','用户登录','[详细]
-
submit与onsubmit的区别是什么
所属栏目:[产品] 日期:2018-09-06 热度:121
最近在开发中遇到了表单提交前验证的问题,用一个普通的button按钮代替submit按钮, 在提交前触发这个button的onclick事件,在其事件中触发form的submit事件。问题出现了: 以下是相关代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]form action=[详细]
-
已完成,但网页上有错误的变相解决方法
所属栏目:[产品] 日期:2018-09-06 热度:189
烈火网(LieHuo.Net)教程 网页制作中经常用到javascript语言,但是在编写的过程中难免会出现错误,这就造成网页上会提示已完成,但网页上有错误的提示,如果您是菜鸟级站长,对于JS根本不懂或懂的特别少,那么建议使用以下方法解决此问题。 已完成,但网页上[详细]
-
关于网页设计中的绝对定位和居中
所属栏目:[产品] 日期:2018-09-06 热度:107
绝对定位和居中应该没有关系吧,关系不大,但有两种特殊情况可能遇见这样的问题。 body div id=warpper div id=header/div div id=sidebar/div div id=content/div? /div extraDivspan/span/extraDiv body 1 如果div#header,div#header,#header都是用绝对定[详细]
-
点击关闭窗口 window.close() 无提示的方法
所属栏目:[产品] 日期:2018-09-06 热度:54
烈火网(LieHuo.Net)教程 javascript window.close() 去掉那讨厌的确认对话框,有人问起,怎么去掉js调用window.close()时怎么去掉那可恶的提示,咋一看好像还真不好弄,IE的安全机制好像就不允许通过脚本关闭本页面,但是IE好像可以允许js关闭弹出窗口,那[详细]
