-
Firebug Lite,IE 下调试网页兼容性
所属栏目:[产品] 日期:2018-10-17 热度:191
作为一个初出茅庐的前端开发工程师,没有私房的小工具,那纯粹是扯淡。Firebug 扩展作为最具典型的 Firefox 插件,一直被网页设计开发人员津津乐道。现在庆幸的是, Chrome 也有了自己的开发者工具栏,使得网页兼容性调试不再难。 说到 IE 浏览器下的调试[详细]
-
关于用户体验量化的一些事
所属栏目:[产品] 日期:2018-10-17 热度:194
从去年年底到今年年初,我分三次将自己读书时候的文章《用户体验量化方法研究》通过UED博客进行了连载。来自各界的热心网友对此文进行了评论,有反对的、有提出疑议的、有给出诸多建议的。而上周通过碳酸饮料会和大家分享这篇文章时,相关同事们也给予了最[详细]
-
IE6背景图片不缓存BUG的解决教程
所属栏目:[产品] 日期:2018-10-17 热度:75
IE6在背景图片缓存上有一个bug:它会每次都从服务器端读取背景图片。例如我们使用a:hover更换背景图片,在IE6下会出现每次鼠标滑过则重新向服务器请求图片,如果服务器反应较慢,那么hover效果就会出现短暂的空白,令人极度不爽。虽然可以通过CSS sprites的[详细]
-
前端开发常见图片格式详解
所属栏目:[产品] 日期:2018-10-17 热度:81
前端开发设计,打交道最多的就是图片啦~今天就来个图片格式讲解,也许一些围绕你的问题可以在这篇文章中找到答案 Gif格式图片的特点 透明性 Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha 透明)。 动画 Gif这种[详细]
-
Web Design 广告字体设计技巧
所属栏目:[产品] 日期:2018-10-17 热度:69
字体设计是人类商业活动的需求,它随着时代和科学技术的进步而不断地变化着。被广氾应用于网络生活的各个方面。现代字体设计在电脑技术的应用中已经深入到日常工作、生活的每一个角落。随着网页设计工作中各类需求的增多,越来越多类目的广告banner设计对字[详细]
-
W3C 网站验证的是是非非[组图]
所属栏目:[产品] 日期:2018-10-17 热度:182
W3C 验证让很多 Web 设计与开发者感到纠结,在自己的网页上放置一个验证按钮,点击以后,当看到 W3C 为你给出的全部是绿色对勾的时候,满足感油然而生,然而对这种机器验证的过度依赖往往带来另外的问题,本文讲述的是 W3C 验证中的一些是与非。 W3C Web 验[详细]
-
在服务端合并和压缩JavaScript和CSS文件
所属栏目:[产品] 日期:2018-10-17 热度:110
Web性能优化最佳实践中最重要的一条是 减少HTTP请求 ,它也是 YSlow 中比重最大的一条规则。减少HTTP请求的方案主要有合并 Java Script和CSS文件、 CSS Sprites 、 图像映射(Image Map) 和 使用Data URI来编码图片 。CSS Sprites和图像映射现在已经随处[详细]
-
谷歌字体API使用教程,让互联网设计更漂亮
所属栏目:[产品] 日期:2018-10-15 热度:110
尽管互联网上新的技术和项目层出不穷,但是在过去的一段时间里我们却缺乏丰富而漂亮的互联网字体。虽然传统的字体选择也非常多,但是大多数电脑中安装并支持的却是一些非常固定的字体,随着互联网设计的发展,传统字体已经不能满足需求。 谷歌字体API的登[详细]
-
启用 Mod Rewrite和.htaccess 伪表态
所属栏目:[产品] 日期:2018-10-15 热度:165
Apache的Mode Rewrite模块提供了一个基于正则表达式分析器的重写引擎来实时重写URL请求。在大多数情况下,它和.htaccess文件配合使用。比如本篇文章的URL(http://dancewithnet.com/2010/05/29/making-mod-rewrite-and-htaccess-work-on-mac-os-x)就是Wor[详细]
-
非设计师应该如何评论界面设计
所属栏目:[产品] 日期:2018-10-15 热度:187
原文题目: How To Critique An Interface 作者:Aza Raskin 译者:郝晓茹 我们经常需要叫非职业设计师来评判界面设计的好坏。也许你是老板,要评估自己的新网站设计情况,或者你是项目经理,要查看你的设计师制作的网站模型。你该在网站界面设计中发现什[详细]
-
Google font api,webfont 与中文
所属栏目:[产品] 日期:2018-10-15 热度:51
Google昨天在Google I/O大会上发布了一个新的服务 Font API,这是一个很酷的东东,可以让我们很方便的使用网络字体,而且这些字体都是免费的,你无需担心版权的问题。 Google Font API使用起来也非常方便,从下面的例子中可见一斑: @font-face { font-fam[详细]
-
网站开发经验:IE对页面资源的限制
所属栏目:[产品] 日期:2018-10-15 热度:60
在实际的网站开发中,我们经常会发现 IE浏览器 对资源的限制,这让人很郁闷,在不了解的时候,会浪费我们很多时间去捉虫。现在我们将IE对页面资源的限制列出来,在开发中避免这些限制。 最多只支持引入3层@import CSS文件; 最多只支持@import 32个CSS文件[详细]
-
电子商务搜索LIST列表页面用户体验设计
所属栏目:[产品] 日期:2018-10-15 热度:64
改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台。根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标。我们搜索产品线的产品经理与用户体验设[详细]
-
制作移动友好网站的十一个优秀解决方案
所属栏目:[产品] 日期:2018-10-15 热度:190
看起来,现在几乎每个人都拥有一款自己的手机,随着智能手机日益普及,越来越多的人们开始使用他们的移动设备来访问互联网。尽管有些手机,如 iPhone等拥有自己的浏览器适应正常的网页,一个移动版本的网站可能就意味着更多的好处,如下载速度更快,并确保[详细]
-
静态页面与动态页面各自的执行机制简析
所属栏目:[产品] 日期:2018-10-15 热度:92
静态页面,是指网页中只有HTML标记,只要WEB开发人员没有修改过这些HTML标记,页面内容就不会更改。 静态页面的工作机制: 1.使用HTML编写静态页面,发布到WEB服务器端; 2.客户端通过浏览器请求该静态页面; 3.Web服务器根据请求定位该静态页面; 4.该静态页[详细]
-
跨浏览器开发经验总结(二) —— CSS
所属栏目:[产品] 日期:2018-10-15 热度:74
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-10-15 热度:168
为页面添加DOCTYPE 由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。 !DOCTYPE 声明指定文档遵从的 DTD,如: !DOCTYPE HTML PUBLIC -//W 3C //DTD HTML 4.0[详细]
-
教你掌握控制浏览器是否缓存网页状态
所属栏目:[产品] 日期:2018-09-25 热度:113
Question 在 Firefox 等浏览器中,如果你打开一个页面并进行若干操作,例如在文本框进行输入,甚至点击按钮进行Ajax操作更新页面局部,这些操作的结果都会被缓存下来。 烈火网 www.veryhuo.com 在你点击链接离开这个页面后,如果你通过后退按钮回到这个页[详细]
-
常见浏览器的页面缩放功能简析
所属栏目:[产品] 日期:2018-09-25 热度:140
近日对各个常用的浏览器的页面缩放功能做了一个比较浅显的分析,虽然大部分浏览器都有缩放功能,但是缩放后,有的页面就变得很混乱,有的依然还不错;有的页面图像放大后失真比较严重,有的图像质量依然较好。我的测试平台是windows xp sp2,17寸标准屏,屏[详细]
-
X-UA-Compatible设置IE浏览器的兼容模式
所属栏目:[产品] 日期:2018-09-22 热度:180
文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。 前言 为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性。在IE6中引入一个增设的兼容性[详细]
-
多层模态窗口showModalDialog页面提交及刷新
所属栏目:[产品] 日期:2018-09-20 热度:195
1 在第N(N1)层的模态页面中,如果想链接到其他页面或者刷新当前页,只能用 window.name = __self; window.open(window.location.href, __self) //注意是2个下划线 替换 location.href 2 当需要关闭第N(N1)层的模态窗口,并刷新第N-1层的模态页面时, 为防止[详细]
-
图片的alt(替换文本)属性描述
所属栏目:[产品] 日期:2018-09-20 热度:138
图片ALT属性的本意是当图片无法正常显示时以文字形式代替显示出来,是为了给那些无法看到文档中图像的网页访问者提供文字说明。 如: Copy to Clipboard 引用的内容:[www.veryhuo.com]div id=logoimg src=Images/202.gif width=119 height=40 alt=logo //[详细]
-
点击文字 选中Input中radio的属性?
所属栏目:[产品] 日期:2018-09-18 热度:189
问题: 如何点击文字,把input type=radio也选中? 回答: label for=radiobutton input type=radio name=radiobutton id=radiobutton value=radiobutton /测试? /label label for=radiobuttoninput type=radio name=radiobutton id=radiobutton value=ra[详细]
-
仿土豆豆单Photo Slideshow效果
所属栏目:[产品] 日期:2018-09-18 热度:118
烈火网(LieHuo.Net)教程 测试:IE7、FF3.014 ,注:背景图片来自 土豆 ,版权归土豆所有 TIPs: 1、绑定滚轮事件 IE: document.onmousewheel = fuc; FF: document.addEventListener(DOMMouseScroll, fuc, false); 2、图片加载 当图片已经在缓存中时,图片的[详细]
-
漂浮广告代码[可实现多个图片广告]
所属栏目:[产品] 日期:2018-09-18 热度:185
烈火网(LieHuo.Net)教程 一款可同时控制多个广告的漂浮广告代码, Java Script实现,按照代码中的注释将代码保存为指定文件,用的时候加载,在对应页面中加入示像代码就行了。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3[详细]