-
Firebug Lite,IE 下调试网页兼容性
所属栏目：[产品] 日期：2018-11-02 热度：111
作为一个初出茅庐的前端开发工程师，没有私房的小工具，那纯粹是扯淡。Firebug 扩展作为最具典型的 Firefox 插件，一直被网页设计开发人员津津乐道。现在庆幸的是， Chrome 也有了自己的开发者工具栏，使得网页兼容性调试不再难。 说到 IE 浏览器下的调试[详细]
-
关于用户体验量化的一些事
所属栏目：[产品] 日期：2018-11-02 热度：178
从去年年底到今年年初，我分三次将自己读书时候的文章《用户体验量化方法研究》通过UED博客进行了连载。来自各界的热心网友对此文进行了评论，有反对的、有提出疑议的、有给出诸多建议的。而上周通过碳酸饮料会和大家分享这篇文章时，相关同事们也给予了最[详细]
-
IE6背景图片不缓存BUG的解决教程
所属栏目：[产品] 日期：2018-11-02 热度：78
IE6在背景图片缓存上有一个bug：它会每次都从服务器端读取背景图片。例如我们使用a:hover更换背景图片，在IE6下会出现每次鼠标滑过则重新向服务器请求图片，如果服务器反应较慢，那么hover效果就会出现短暂的空白，令人极度不爽。虽然可以通过CSS sprites的[详细]
-
前端开发常见图片格式详解
所属栏目：[产品] 日期：2018-11-02 热度：93
前端开发设计，打交道最多的就是图片啦~今天就来个图片格式讲解，也许一些围绕你的问题可以在这篇文章中找到答案 Gif格式图片的特点 透明性 Gif是一种布尔透明类型，既它可以是全透明，也可以是全不透明，但是它并没有半透明（alpha 透明）。 动画 Gif这种[详细]
-
Web Design 广告字体设计技巧
所属栏目：[产品] 日期：2018-11-02 热度：130
字体设计是人类商业活动的需求,它随着时代和科学技术的进步而不断地变化着。被广氾应用于网络生活的各个方面。现代字体设计在电脑技术的应用中已经深入到日常工作、生活的每一个角落。随着网页设计工作中各类需求的增多,越来越多类目的广告banner设计对字[详细]
-
![W3C 网站验证的是是非非[组图]](/uploads/allimg/c181102/1541132N1N310-1T26.jpg)
W3C 网站验证的是是非非[组图]
所属栏目：[产品] 日期：2018-11-02 热度：85
W3C 验证让很多 Web 设计与开发者感到纠结，在自己的网页上放置一个验证按钮，点击以后，当看到 W3C 为你给出的全部是绿色对勾的时候，满足感油然而生，然而对这种机器验证的过度依赖往往带来另外的问题，本文讲述的是 W3C 验证中的一些是与非。 W3C Web 验[详细]
-
在服务端合并和压缩JavaScript和CSS文件
所属栏目：[产品] 日期：2018-11-02 热度：73
Web性能优化最佳实践中最重要的一条是 减少HTTP请求 ，它也是 YSlow 中比重最大的一条规则。减少HTTP请求的方案主要有合并 Java Script和CSS文件、 CSS Sprites 、 图像映射（Image Map） 和 使用Data URI来编码图片 。CSS Sprites和图像映射现在已经随处[详细]
-
谷歌字体API使用教程,让互联网设计更漂亮
所属栏目：[产品] 日期：2018-10-15 热度：57
尽管互联网上新的技术和项目层出不穷，但是在过去的一段时间里我们却缺乏丰富而漂亮的互联网字体。虽然传统的字体选择也非常多，但是大多数电脑中安装并支持的却是一些非常固定的字体，随着互联网设计的发展，传统字体已经不能满足需求。 谷歌字体API的登[详细]
-
启用 Mod Rewrite和.htaccess 伪表态
所属栏目：[产品] 日期：2018-10-15 热度：134
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 热度：60
原文题目： How To Critique An Interface 作者：Aza Raskin 译者：郝晓茹 我们经常需要叫非职业设计师来评判界面设计的好坏。也许你是老板，要评估自己的新网站设计情况，或者你是项目经理，要查看你的设计师制作的网站模型。你该在网站界面设计中发现什[详细]
-
Google font api,webfont 与中文
所属栏目：[产品] 日期：2018-10-15 热度：146
Google昨天在Google I/O大会上发布了一个新的服务 Font API，这是一个很酷的东东，可以让我们很方便的使用网络字体，而且这些字体都是免费的，你无需担心版权的问题。 Google Font API使用起来也非常方便，从下面的例子中可见一斑： @font-face { font-fam[详细]
-
网站开发经验：IE对页面资源的限制
所属栏目：[产品] 日期：2018-10-15 热度：166
在实际的网站开发中，我们经常会发现 IE浏览器 对资源的限制，这让人很郁闷，在不了解的时候，会浪费我们很多时间去捉虫。现在我们将IE对页面资源的限制列出来，在开发中避免这些限制。 最多只支持引入3层@import CSS文件； 最多只支持@import 32个CSS文件[详细]
-
电子商务搜索LIST列表页面用户体验设计
所属栏目：[产品] 日期：2018-10-15 热度：165
改版背景 创建专业的电子商务垂直搜索，以及把原有的信息聚合平台转型为在线采购批发交易平台。根据行业特点及交易需要，对原有的零批(小额批发)搜索进行改版，改造为适合行业搜索交易频道，便是这次改版的设计目标。我们搜索产品线的产品经理与用户体验设[详细]
-
制作移动友好网站的十一个优秀解决方案
所属栏目：[产品] 日期：2018-10-15 热度：175
看起来，现在几乎每个人都拥有一款自己的手机，随着智能手机日益普及，越来越多的人们开始使用他们的移动设备来访问互联网。尽管有些手机，如 iPhone等拥有自己的浏览器适应正常的网页，一个移动版本的网站可能就意味着更多的好处，如下载速度更快，并确保[详细]
-
静态页面与动态页面各自的执行机制简析
所属栏目：[产品] 日期：2018-10-15 热度：161
静态页面，是指网页中只有HTML标记，只要WEB开发人员没有修改过这些HTML标记，页面内容就不会更改。 静态页面的工作机制： 1.使用HTML编写静态页面，发布到WEB服务器端; 2.客户端通过浏览器请求该静态页面; 3.Web服务器根据请求定位该静态页面; 4.该静态页[详细]
-
跨浏览器开发经验总结（二） —— CSS
所属栏目：[产品] 日期：2018-10-15 热度：190
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 热度：75
为页面添加DOCTYPE 由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。 !DOCTYPE 声明指定文档遵从的 DTD，如： !DOCTYPE HTML PUBLIC -//W 3C //DTD HTML 4.0[详细]
-
IE8 滤镜(filter:alpha)与png透明失效的问题
所属栏目：[产品] 日期：2018-09-30 热度：57
IE8 的有些特性，往往因为一些神秘的不明原因而导致失效。昨又碰见了俩。其实这个也不是昨碰见的，好长一段时间了，只是一直没花时间去解决它，到昨儿才去寻医问药。 先说第一个，filter:alpha失效。症状是这样的，在我的IE8，类似filter:alpha(opacity=35[详细]
-
动态宽度的框架设计：等宽导航栏
所属栏目：[产品] 日期：2018-09-29 热度：153
随着宽屏显示器的流行，越来越多的网站采用了动态宽度的设计，以求页面在宽屏显示器上保持美观(960px的网页在23寸的显示器上只有半个屏幕的宽度)。动态宽度的框架设计比较复杂，今天只说说和屏幕等宽的导航栏的设计。 等宽导航栏(我不知道这个名称合不合适[详细]
-
网页下拉菜单被select框遮盖的解决方法
所属栏目：[产品] 日期：2018-09-29 热度：156
导航的下拉菜单被靠近导航的select框遮住了，这个情况只在IE6情况下发生，属于IE6的一个缺陷，先不管多么痛恨IE的种种不是吧，现在网上比较流行的方法目前大致有三种： 1.点击下拉菜单隐藏select //我觉得这个方法不太实用 2.把下拉菜单放在iframe元素上面[详细]
-
定位层始终保持在当前可见屏
所属栏目：[产品] 日期：2018-09-29 热度：110
看到过很多这样的广告，页面两边各放一个方块图片广告，拖动滚动条时广告随之动滚，始终停留在当前屏幕的下方或上方。对于这种漂浮广告，我相信很多用户都非常不爽！ 看下面两个图的应用。当同一种技术实现的效果被应用在了不同的地方，就产生了明显的体验[详细]
-
使用!important解决IE与FF的布局差别
所属栏目：[产品] 日期：2018-09-29 热度：139
初学div+css网页布局的设计者常常会被一个问题困扰着。在IE和其他(Mozilla、 Opera 等)浏览器里显示的效果常常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法：用!important。 !important是CSS1就定义的语法，[详细]
-
Blockquote实现引用文本块的引号效果
所属栏目：[产品] 日期：2018-09-29 热度：129
使用一个blockquote添加两张引号图片实现引用文本引号效果。方法是分别在blockquote和blockquote：first-letter添加背景图片。 1.html源代码 blockquoteHello, I am a double quote.../blockquote Copy to Clipboard 引用的内容：[www.veryhuo.com] 2.样式[详细]
-
Web设计经验：网页布局中的黄金分割
所属栏目：[产品] 日期：2018-09-29 热度：153
数学 是优美的. 听上去有点奇怪? 当我第一次开始设计作品的时候，我确信如此。数学如此刻板乏味。你可能会惊讶的发现，最美观的设计，艺术作品，物体，甚至我们人都有数学上的共同点。尤其是黄金分割，也被称为神之比例，希腊字母表示其为 (phi). 本教程会[详细]
-
网页基础教程：如何设计网页布局？
所属栏目：[产品] 日期：2018-09-29 热度：156
这是初学者可能会问的问题，其实这要具体情况具体分析的：比如如果内容非常多，就要考虑用国字型或拐角型;而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活;而如果[详细]
