-
Firebug Lite,IE 下调试网页兼容性
所属栏目:[产品] 日期:2018-10-09 热度:103
作为一个初出茅庐的前端开发工程师,没有私房的小工具,那纯粹是扯淡。Firebug 扩展作为最具典型的 Firefox 插件,一直被网页设计开发人员津津乐道。现在庆幸的是, Chrome 也有了自己的开发者工具栏,使得网页兼容性调试不再难。 说到 IE 浏览器下的调试[详细]
-
关于用户体验量化的一些事
所属栏目:[产品] 日期:2018-10-09 热度:196
从去年年底到今年年初,我分三次将自己读书时候的文章《用户体验量化方法研究》通过UED博客进行了连载。来自各界的热心网友对此文进行了评论,有反对的、有提出疑议的、有给出诸多建议的。而上周通过碳酸饮料会和大家分享这篇文章时,相关同事们也给予了最[详细]
-
IE6背景图片不缓存BUG的解决教程
所属栏目:[产品] 日期:2018-10-09 热度:190
IE6在背景图片缓存上有一个bug:它会每次都从服务器端读取背景图片。例如我们使用a:hover更换背景图片,在IE6下会出现每次鼠标滑过则重新向服务器请求图片,如果服务器反应较慢,那么hover效果就会出现短暂的空白,令人极度不爽。虽然可以通过CSS sprites的[详细]
-
前端开发常见图片格式详解
所属栏目:[产品] 日期:2018-10-09 热度:159
前端开发设计,打交道最多的就是图片啦~今天就来个图片格式讲解,也许一些围绕你的问题可以在这篇文章中找到答案 Gif格式图片的特点 透明性 Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha 透明)。 动画 Gif这种[详细]
-
Web Design 广告字体设计技巧
所属栏目:[产品] 日期:2018-10-09 热度:101
字体设计是人类商业活动的需求,它随着时代和科学技术的进步而不断地变化着。被广氾应用于网络生活的各个方面。现代字体设计在电脑技术的应用中已经深入到日常工作、生活的每一个角落。随着网页设计工作中各类需求的增多,越来越多类目的广告banner设计对字[详细]
-
W3C 网站验证的是是非非[组图]
所属栏目:[产品] 日期:2018-10-09 热度:194
W3C 验证让很多 Web 设计与开发者感到纠结,在自己的网页上放置一个验证按钮,点击以后,当看到 W3C 为你给出的全部是绿色对勾的时候,满足感油然而生,然而对这种机器验证的过度依赖往往带来另外的问题,本文讲述的是 W3C 验证中的一些是与非。 W3C Web 验[详细]
-
网站导航栏的设计趋势
所属栏目:[产品] 日期:2018-10-02 热度:95
前言 今天在一国外网站看到一篇08年的文章,讲的是网站导航栏的设计趋势,写得相当全面,而且其中一些趋势到现在还是很新潮的,翻译一下,有删改。 正文 导航是网站设计中最重要的元素。由于用户很难在没有导航的情况下去浏览一个网站里的内容,因此一个设[详细]
-
区别div和span、relative和absolute、display和visibility
所属栏目:[产品] 日期:2018-10-02 热度:181
div和span、relative和absolute、display和visibility是很容易混淆和弄错的HTML标签与CSS属性,今天简单的罗列出它们的区别与使用要点,供大家参考。 一、div和span的区别 div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内容。一般我们在网[详细]
-
Border-style:double在IE和FireFox之间的差异
所属栏目:[产品] 日期:2018-10-02 热度:78
Css中我们经常使用border属性来实现边框效果。在所有的border-style中,solid一直为我们常用。尽管dotted属性我们也经常用到,但是该属性在IE中效果很差。这篇文章要讨论的是另外一个我们不经常用到的属性:double。 下面是border-style:double属性在IE和F[详细]
-
前台开发从头说起:关于web标准化
所属栏目:[产品] 日期:2018-10-02 热度:197
虽然CSS在表现方面天生具有很多优势,但是如果不是web标准化的盛行,估计CSS不会达到今天这样的热门。所以要说CSS,肯定要从web标准化说起。实际上,对CSS的理解越深,才能越好地理解和使用CSS。 很多人对于web标准化的理解就是DIV+CSS,或者IE、FF、 Chro[详细]
-
IE8 滤镜(filter:alpha)与png透明失效的问题
所属栏目:[产品] 日期:2018-09-20 热度:118
IE8 的有些特性,往往因为一些神秘的不明原因而导致失效。昨又碰见了俩。其实这个也不是昨碰见的,好长一段时间了,只是一直没花时间去解决它,到昨儿才去寻医问药。 先说第一个,filter:alpha失效。症状是这样的,在我的IE8,类似filter:alpha(opacity=35[详细]
-
动态宽度的框架设计:等宽导航栏
所属栏目:[产品] 日期:2018-09-20 热度:66
随着宽屏显示器的流行,越来越多的网站采用了动态宽度的设计,以求页面在宽屏显示器上保持美观(960px的网页在23寸的显示器上只有半个屏幕的宽度)。动态宽度的框架设计比较复杂,今天只说说和屏幕等宽的导航栏的设计。 等宽导航栏(我不知道这个名称合不合适[详细]
-
网页下拉菜单被select框遮盖的解决方法
所属栏目:[产品] 日期:2018-09-20 热度:107
导航的下拉菜单被靠近导航的select框遮住了,这个情况只在IE6情况下发生,属于IE6的一个缺陷,先不管多么痛恨IE的种种不是吧,现在网上比较流行的方法目前大致有三种: 1.点击下拉菜单隐藏select //我觉得这个方法不太实用 2.把下拉菜单放在iframe元素上面[详细]
-
定位层始终保持在当前可见屏
所属栏目:[产品] 日期:2018-09-20 热度:160
看到过很多这样的广告,页面两边各放一个方块图片广告,拖动滚动条时广告随之动滚,始终停留在当前屏幕的下方或上方。对于这种漂浮广告,我相信很多用户都非常不爽! 看下面两个图的应用。当同一种技术实现的效果被应用在了不同的地方,就产生了明显的体验[详细]
-
使用!important解决IE与FF的布局差别
所属栏目:[产品] 日期:2018-09-20 热度:196
初学div+css网页布局的设计者常常会被一个问题困扰着。在IE和其他(Mozilla、 Opera 等)浏览器里显示的效果常常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法:用!important。 !important是CSS1就定义的语法,[详细]
-
Blockquote实现引用文本块的引号效果
所属栏目:[产品] 日期:2018-09-20 热度:122
使用一个blockquote添加两张引号图片实现引用文本引号效果。方法是分别在blockquote和blockquote:first-letter添加背景图片。 1.html源代码 blockquoteHello, I am a double quote.../blockquote Copy to Clipboard 引用的内容:[www.veryhuo.com] 2.样式[详细]
-
Web设计经验:网页布局中的黄金分割
所属栏目:[产品] 日期:2018-09-20 热度:158
数学 是优美的. 听上去有点奇怪? 当我第一次开始设计作品的时候,我确信如此。数学如此刻板乏味。你可能会惊讶的发现,最美观的设计,艺术作品,物体,甚至我们人都有数学上的共同点。尤其是黄金分割,也被称为神之比例,希腊字母表示其为 (phi). 本教程会[详细]
-
网页基础教程:如何设计网页布局?
所属栏目:[产品] 日期:2018-09-20 热度:159
这是初学者可能会问的问题,其实这要具体情况具体分析的:比如如果内容非常多,就要考虑用国字型或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便,速度快,但结构变化不灵活;而如果[详细]
-
蒙版flash在网页图片上的显示
所属栏目:[产品] 日期:2018-09-20 热度:167
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-20 热度:173
通常,我们改变:font color,font styles, border styles,background等属性来实现hover的划过效果。但是其实我们可以运用hover做更多的东西。我们可以运用它美化设计,减少混乱和显示更多的额外信息。在这篇文章中,我将展示许多站点出色运用hover属性[详细]
-
分享几条漂亮的下划线样式
所属栏目:[产品] 日期:2018-09-01 热度:193
早上看到一篇博客,内容没什么,但其中有几条漂亮的下划线感觉非常不错,虽然非常简单,但对于经常写博的人很有用,这里分享一下,喜欢的就直接拿去用吧。 使用方法: 1.后台管理-设置:[页首Html代码]里面加上下面的CSS: Copy to Clipboard 引用的内容:[详细]
-
Ewebeditor工具栏点击无反应的解决方法
所属栏目:[产品] 日期:2018-09-01 热度:119
今天给别人改网站,发现ewebeditor的工具栏不能用点击后一点反应没有,在Google问题以后发现是一个anonymous函数的问题,但是其他的解决方法都是判断浏览器版本这是提供的方法: 把 Copy to Clipboard 引用的内容:[www.veryhuo.com]if(element.YUSERONCLI[详细]
-
通过div样式控制单元格文本过长省略
所属栏目:[产品] 日期:2018-09-01 热度:154
通过我们在单元格中显示文本时,若内容过多而导致换行或撑宽单元格,下面是我在网上找的一个解决方法,共享一下,希望对大家有用: 代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]table tr td div style=width: 100px; height: 18px; border[详细]
-
网页设计中嵌入任意字体的实现方法
所属栏目:[产品] 日期:2018-09-01 热度:173
字体使用是网页设计中不可或缺的一部分。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷:1[详细]
-
setTimeout 和 setInterval 的区别
所属栏目:[产品] 日期:2018-09-01 热度:142
window对象有两个主要的定时方法,分别是setTimeout 和 setInteval 他们的语法基本上相同,但是完成的功能取有区别。 setTimeout方法是定时程序,也就是在什么时间以后干什么。干完了就拉倒。 setInterval方法则是表示间隔一定时间反复执行某操作。 如果用[详细]
