-
电子商务搜索LIST列表页面用户体验设计
所属栏目:[产品] 日期:2018-10-17 热度:180
改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台。根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标。我们搜索产品线的产品经理与用户体验设[详细]
-
制作移动友好网站的十一个优秀解决方案
所属栏目:[产品] 日期:2018-10-17 热度:180
看起来,现在几乎每个人都拥有一款自己的手机,随着智能手机日益普及,越来越多的人们开始使用他们的移动设备来访问互联网。尽管有些手机,如 iPhone等拥有自己的浏览器适应正常的网页,一个移动版本的网站可能就意味着更多的好处,如下载速度更快,并确保[详细]
-
静态页面与动态页面各自的执行机制简析
所属栏目:[产品] 日期:2018-10-17 热度:67
静态页面,是指网页中只有HTML标记,只要WEB开发人员没有修改过这些HTML标记,页面内容就不会更改。 静态页面的工作机制: 1.使用HTML编写静态页面,发布到WEB服务器端; 2.客户端通过浏览器请求该静态页面; 3.Web服务器根据请求定位该静态页面; 4.该静态页[详细]
-
跨浏览器开发经验总结(二) —— CSS
所属栏目:[产品] 日期:2018-10-17 热度:96
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-17 热度:97
为页面添加DOCTYPE 由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。 !DOCTYPE 声明指定文档遵从的 DTD,如: !DOCTYPE HTML PUBLIC -//W 3C //DTD HTML 4.0[详细]
-
两个重要而又容易被忽视的角色
所属栏目:[产品] 日期:2018-10-15 热度:113
我要打赌 我敢打赌,在中国,一半以上甚至更多的,以网站为主营业务的或者把网站很看重的公司,没有Web前端工程师和产品工程师这两个职位,甚至有些有点规模的公司也可能没有这个职位,当然,这不能包括像alibaba,sina,163这样的公司,只是指中小型公司而[详细]
-
激发设计灵感的55个蓝色风格Web设计
所属栏目:[产品] 日期:2018-10-15 热度:167
即使您在设计中只采用了一对,又或者整个页面都是,在Web设计中也将是很好的选择。您可以使用不同的蓝色色调梯度,蓝色背景纹理,蓝色字体排版或蓝色图标。 您有足够可以采用的非常酷的组合,使得您建立一个可以触摸的时尚类型的网站。对于我来说,蓝色使[详细]
-
网页圆角的取舍,困扰着网页设计人员
所属栏目:[产品] 日期:2018-10-15 热度:51
在网页里使用圆角效果是使网页更加美观的一个简单而有效的方法,可是由于 IE 和一些老式浏览器的存在,如何使页面在各个浏览器里的效果一致一直困扰这网页设计人员。最近我在制作主题时面对一个艰难的抉择,因为我要在主题里使用大量的圆角,我应该如何去[详细]
-
Web 开发与设计之 Google 兵器谱
所属栏目:[产品] 日期:2018-10-15 热度:165
Google 的使命是Web,在Google 眼中,未来的一切应用都将Web 化,一直以来,Google 为 Web 开发与设计者推出了大量免费工具,让他们更好地创建,维护,改善他们的Web 站点,这些工具包含了开发,分析,维护,修补等等用途,本文将介绍15款这样的工具。 1. G[详细]
-
Flash与HTML 5 WebGL粒子系统性能比较
所属栏目:[产品] 日期:2018-10-15 热度:145
最近Michael Chaize使用HTML 5和Flash等技术实现了同样一个粒子系统,并对其在不同浏览器,不同操作系统,不同平台(桌面和移动设备)的性能进行了一个评测。可以看到,当粒子数达到4000时,Flash的性能已经是HTML 5的3倍。 但是这个评测没有使用到HTML 5 最[详细]
-
什么是网页标准? What are web standards?
所属栏目:[产品] 日期:2018-10-15 热度:191
译自:What are web standards? 中文:什么是网页标准? 原作者:Nicholas C. Zakas 翻译:http://www.qianduan.net 请尊重版权,转载请注明出处! 译序:现在HTML5如日中天,各大浏览器都声称支持或者将支持HTML的特性,好像HTML5能够让互联网更美好,能[详细]
-
走中国特色的网站重构道路
所属栏目:[产品] 日期:2018-10-15 热度:161
继团队的 CSS3.0中文手册 在国内首发以后,最近风风火火的到处吹起HTML5.0和CSS3.0的春风;似乎在这浏览器互相调侃的年代,成就了一大堆业界茶余饭后的话题。 年前,google的chrome团队来到公司做相关的交流,公司要求我做个前期讨论方案。于是想了一下,[详细]
-
网页设计师要知道的30条HTML代码编写的技巧
所属栏目:[产品] 日期:2018-10-15 热度:146
本文总结了30条HTML代码编写指南,只要在编写HTML代码的过程中牢记它们,灵活运用,你一定会写出一手漂亮的代码,早日迈入专业开发者的行列。 1. 一定要闭合HTML标签 在以往的页面源代码里,经常看到这样的语句: liSome text here.liSome new text here.li[详细]
-
关于数学和网页设计的关系的讨论
所属栏目:[产品] 日期:2018-10-15 热度:109
数学是美妙的。对于在数字和公式面前畏缩的人来说,这听起来也许是荒谬的。但是,从最小的贝壳到最大的漩涡星系,自然界和我们这个宇宙中大部分美丽的东西都呈现出数学特性。 其实,古代最伟大的哲学家之一亚里斯多德曾说过:数学格外地展现了秩序、对称和[详细]
-
中医整体观念在前端开发中的体现
所属栏目:[产品] 日期:2018-10-15 热度:188
3.27日,第六期web标准化交流会在北京如期举行。此次交流会的主题是《前端开发在研发流程中与其他岗位协作效率的提升》。参会的各个代表分别就工作中出现的问题发了言,从各个不同的角度阐述了前端开发工程师所遇到的问题。互联网的发展使得前端开发工程师[详细]
-
在服务端合并和压缩JavaScript和CSS文件
所属栏目:[产品] 日期:2018-10-13 热度:94
Web性能优化最佳实践中最重要的一条是 减少HTTP请求 ,它也是 YSlow 中比重最大的一条规则。减少HTTP请求的方案主要有合并 Java Script和CSS文件、 CSS Sprites 、 图像映射(Image Map) 和 使用Data URI来编码图片 。CSS Sprites和图像映射现在已经随处[详细]
-
IE6下DIV层height属性最小高度的问题
所属栏目:[产品] 日期:2018-10-03 热度:162
IE6下默认的字体尺寸大致在 12 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:4px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层[详细]
-
使用!important解决IE与FF的布局差别
所属栏目:[产品] 日期:2018-09-19 热度:104
初学div+css网页布局的设计者常常会被一个问题困扰着。在IE和其他(Mozilla、 Opera 等)浏览器里显示的效果常常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法:用!important。 !important是CSS1就定义的语法,[详细]
-
Blockquote实现引用文本块的引号效果
所属栏目:[产品] 日期:2018-09-19 热度:98
使用一个blockquote添加两张引号图片实现引用文本引号效果。方法是分别在blockquote和blockquote:first-letter添加背景图片。 1.html源代码 blockquoteHello, I am a double quote.../blockquote Copy to Clipboard 引用的内容:[www.veryhuo.com] 2.样式[详细]
-
Web设计经验:网页布局中的黄金分割
所属栏目:[产品] 日期:2018-09-19 热度:147
数学 是优美的. 听上去有点奇怪? 当我第一次开始设计作品的时候,我确信如此。数学如此刻板乏味。你可能会惊讶的发现,最美观的设计,艺术作品,物体,甚至我们人都有数学上的共同点。尤其是黄金分割,也被称为神之比例,希腊字母表示其为 (phi). 本教程会[详细]
-
网页基础教程:如何设计网页布局?
所属栏目:[产品] 日期:2018-09-19 热度:185
这是初学者可能会问的问题,其实这要具体情况具体分析的:比如如果内容非常多,就要考虑用国字型或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便,速度快,但结构变化不灵活;而如果[详细]
-
蒙版flash在网页图片上的显示
所属栏目:[产品] 日期:2018-09-19 热度:130
Copy to Clipboard 引用的内容:[www.veryhuo.com]table width=756 border=0 align=center cellpadding=0 cellspacing=0 tr td valign=toptable width=756 border=0 cellspacing=0 cellpadding=0 tr td background=images/top.jpgobject classid=clsid:D27[详细]
-
网页设计中Hover属性的充分利用
所属栏目:[产品] 日期:2018-09-19 热度:196
通常,我们改变:font color,font styles, border styles,background等属性来实现hover的划过效果。但是其实我们可以运用hover做更多的东西。我们可以运用它美化设计,减少混乱和显示更多的额外信息。在这篇文章中,我将展示许多站点出色运用hover属性[详细]
-
在IE与火狐下window.event对象的区别
所属栏目:[产品] 日期:2018-09-14 热度:148
window.event IE:有window.event对象 FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 鼠标当前坐标 IE:event.x和event.y。 FF:event.pageX和event.pageY。 通用:两者都有event.clientX和event.client[详细]
-
仿迅雷首页的导航条效果(附源代码)
所属栏目:[产品] 日期:2018-09-10 热度:109
烈火网(LieHuo.Net)教程 仿做迅雷首页的导航条,拿来与大家分享,先看一下效果图: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadm[详细]
