-
Firebug Lite,IE 下调试网页兼容性
所属栏目:[产品] 日期:2018-10-09 热度:105
作为一个初出茅庐的前端开发工程师,没有私房的小工具,那纯粹是扯淡。Firebug 扩展作为最具典型的 Firefox 插件,一直被网页设计开发人员津津乐道。现在庆幸的是, Chrome 也有了自己的开发者工具栏,使得网页兼容性调试不再难。 说到 IE 浏览器下的调试[详细]
-
关于用户体验量化的一些事
所属栏目:[产品] 日期:2018-10-09 热度:164
从去年年底到今年年初,我分三次将自己读书时候的文章《用户体验量化方法研究》通过UED博客进行了连载。来自各界的热心网友对此文进行了评论,有反对的、有提出疑议的、有给出诸多建议的。而上周通过碳酸饮料会和大家分享这篇文章时,相关同事们也给予了最[详细]
-
IE6背景图片不缓存BUG的解决教程
所属栏目:[产品] 日期:2018-10-09 热度:117
IE6在背景图片缓存上有一个bug:它会每次都从服务器端读取背景图片。例如我们使用a:hover更换背景图片,在IE6下会出现每次鼠标滑过则重新向服务器请求图片,如果服务器反应较慢,那么hover效果就会出现短暂的空白,令人极度不爽。虽然可以通过CSS sprites的[详细]
-
前端开发常见图片格式详解
所属栏目:[产品] 日期:2018-10-09 热度:169
前端开发设计,打交道最多的就是图片啦~今天就来个图片格式讲解,也许一些围绕你的问题可以在这篇文章中找到答案 Gif格式图片的特点 透明性 Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha 透明)。 动画 Gif这种[详细]
-
Web Design 广告字体设计技巧
所属栏目:[产品] 日期:2018-10-09 热度:84
字体设计是人类商业活动的需求,它随着时代和科学技术的进步而不断地变化着。被广氾应用于网络生活的各个方面。现代字体设计在电脑技术的应用中已经深入到日常工作、生活的每一个角落。随着网页设计工作中各类需求的增多,越来越多类目的广告banner设计对字[详细]
-
W3C 网站验证的是是非非[组图]
所属栏目:[产品] 日期:2018-10-09 热度:137
W3C 验证让很多 Web 设计与开发者感到纠结,在自己的网页上放置一个验证按钮,点击以后,当看到 W3C 为你给出的全部是绿色对勾的时候,满足感油然而生,然而对这种机器验证的过度依赖往往带来另外的问题,本文讲述的是 W3C 验证中的一些是与非。 W3C Web 验[详细]
-
超智能Javascript IDE:WebStorm下载,附keygen
所属栏目:[产品] 日期:2018-10-06 热度:68
Java script开发的人儿,一直徘徊在Aptana、 Visual Studio 、notepad++、editplus之间,企图找到最佳的IDE,但是一直未能如愿~~直到 WebStorm 的出现,Web开发神器~超智能的Javascript IDE。 什么是Javascript IDE选择的标准? 快速智能的代码提示(全项目[详细]
-
改变img的原始尺寸会严重降低渲染速度
所属栏目:[产品] 日期:2018-10-06 热度:69
最近在修改一个游戏框架时发现页面渲染效率骤降,CPU从原先的10%左右上升到50%(一个核已经满负载了),FPS也下降不少。经过一番调试,发现是其中的一个img元素引起的。和页面里其他img元素不同之处在于,这个图片的尺寸是通过脚本缩放的,难道图片的尺寸[详细]
-
通过shtml实现重构页面模块化构建—实现交付物模块化
所属栏目:[产品] 日期:2018-10-06 热度:161
模块化思想已经不再是创新,陆续的演变成一种思维模式,在处理各种问题时都会考虑模块化思想 前端重构也已经有各种模块化的思想出现,结构模块化、样式模块化等等 今天和同事沟通视觉统一化的时候,发现流程中在产出物方面存在一个问题 如下图所示: 大家[详细]
-
18个节约时间提高效率的CSS工具
所属栏目:[产品] 日期:2018-10-06 热度:64
设计师应该在追求完美的同时学会如何偷懒。本文为你介绍18个节约时间提高效率的CSS工具,尽管手写CSS代码是件很牛逼的事情,但善用工具会让你避免沦为傻逼。 CSS3 Generator CSS3现在已经开始进入越来越多网络工作者的视线内。无论你是想学一门新技术,还[详细]
-
我的防身暗器-网页设计应急小技巧
所属栏目:[产品] 日期:2018-10-06 热度:115
工作中,网页设计师经常会遇见这些状况:时间这么短又要出彩、又是要大气要有气氛、风格不明确很难把握、栏目这么多页面又这么长 突然觉得束手无策,脑袋里一片空白,没想法了,怎么办? 下面简浅的归纳了几个快速让页面出彩的小技巧: 1.旋转法 将页面的主[详细]
-
nodejs教程:安装express及配置app.js文件
所属栏目:[产品] 日期:2018-10-06 热度:141
express.js是nodejs的一个MVC开发框架,并且支持jade等多种模板。下面简单来说说express的安装和app.js文件的配置,然后在今后的教程中一步一步使用express.js搭建个聊天室。 安装express.js 如果你安装了npm,安装变得很简单,只需要在终端中运行下面的代[详细]
-
nodejs教程:配置nodejs.exe的windows目录结构
所属栏目:[产品] 日期:2018-10-06 热度:95
前边说了nodejs在cygwin下面的配置,可是用起来真的不爽,很多人在微博也说有nodejs.exe文件,于是试着配置下,发现nodejs.exe+github做插件管理,是在windows下面搭建nodejs服务器的不错选择。下面结合自身实践,简单说说。 nodejs.exe path配置 首先去官[详细]
-
使用cygwin在windows下安装nodeJS
所属栏目:[产品] 日期:2018-10-06 热度:93
nodeJS火的不行鸟,早就想安装下试试,对于Ubuntu系统是很容易的,可是自从电脑重装了win7系统,就没ubuntu系统了,今天试用了用cygwin安装nodejs。具体过程如下: 安装cygwin cygwin是一个在windows平台上运行的unix模拟环境,是cygnus solutions公司开发[详细]
-
解决在ie6下,图片下方出现空隙的办法
所属栏目:[产品] 日期:2018-10-06 热度:168
由于浏览器的不同,我们在使用div+css排版中、难免会遇到许多这样那样的问题。在ie6中,图片的下方会出现多余的空隙。 如何来解决这个问题呢? 其实解决这个问题有很多种方法。可以设置图片的浮动属性float:left/right、或者把图片转换为块级对像display:bl[详细]
-
10个帮助网页设计师创建品牌形象的工具
所属栏目:[产品] 日期:2018-10-06 热度:54
许多设计师似乎都对自由职业有兴趣,因为这种情况下他们无须遵从老板的指示,也不必为工作暴走,因为他们可以选择自己喜欢的。不过,这必(并)不意味着你能随便得到最好的项目。事实上,你必须在你的专业能力上利用市场元素,以此向客户推销自己的产品。下[详细]
-
IE8 滤镜(filter:alpha)与png透明失效的问题
所属栏目:[产品] 日期:2018-09-19 热度:147
IE8 的有些特性,往往因为一些神秘的不明原因而导致失效。昨又碰见了俩。其实这个也不是昨碰见的,好长一段时间了,只是一直没花时间去解决它,到昨儿才去寻医问药。 先说第一个,filter:alpha失效。症状是这样的,在我的IE8,类似filter:alpha(opacity=35[详细]
-
动态宽度的框架设计:等宽导航栏
所属栏目:[产品] 日期:2018-09-19 热度:104
随着宽屏显示器的流行,越来越多的网站采用了动态宽度的设计,以求页面在宽屏显示器上保持美观(960px的网页在23寸的显示器上只有半个屏幕的宽度)。动态宽度的框架设计比较复杂,今天只说说和屏幕等宽的导航栏的设计。 等宽导航栏(我不知道这个名称合不合适[详细]
-
网页下拉菜单被select框遮盖的解决方法
所属栏目:[产品] 日期:2018-09-19 热度:130
导航的下拉菜单被靠近导航的select框遮住了,这个情况只在IE6情况下发生,属于IE6的一个缺陷,先不管多么痛恨IE的种种不是吧,现在网上比较流行的方法目前大致有三种: 1.点击下拉菜单隐藏select //我觉得这个方法不太实用 2.把下拉菜单放在iframe元素上面[详细]
-
定位层始终保持在当前可见屏
所属栏目:[产品] 日期:2018-09-19 热度:156
看到过很多这样的广告,页面两边各放一个方块图片广告,拖动滚动条时广告随之动滚,始终停留在当前屏幕的下方或上方。对于这种漂浮广告,我相信很多用户都非常不爽! 看下面两个图的应用。当同一种技术实现的效果被应用在了不同的地方,就产生了明显的体验[详细]
-
网页基础教程:如何设计网页布局?
所属栏目:[产品] 日期:2018-09-19 热度:65
这是初学者可能会问的问题,其实这要具体情况具体分析的:比如如果内容非常多,就要考虑用国字型或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便,速度快,但结构变化不灵活;而如果[详细]
-
网页设计中Hover属性的充分利用
所属栏目:[产品] 日期:2018-09-19 热度:180
通常,我们改变:font color,font styles, border styles,background等属性来实现hover的划过效果。但是其实我们可以运用hover做更多的东西。我们可以运用它美化设计,减少混乱和显示更多的额外信息。在这篇文章中,我将展示许多站点出色运用hover属性[详细]
-
个性的网页 scrollBar 滚动条代码
所属栏目:[产品] 日期:2018-09-11 热度:174
烈火网(LieHuo.Net)教程 如果你想定制出一个漂亮的滚动条的话,这个JS特效可能会适合你,不过代码稍嫌麻烦些,但效果真的不错,代码含有中文注释,学习也是不错的,希望朋友们喜欢. !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.[详细]
-
可以控制的友情链接图片横向滚动代码
所属栏目:[产品] 日期:2018-09-11 热度:164
烈火网(LieHuo.Net)教程 超不错的图片友情链接滚动特效,横向排列,带控制按钮,这里已经将横向锁定,不能将其修改为竖向的,否则会出错,专一用于横排的图片滚动,也可以不用作友情链接,产品滚动当然也可以哦. title友情链接滚动特效/titlestyle.roun .rounCente[详细]
-
关于元素的 width 属性无效果
所属栏目:[产品] 日期:2018-09-11 热度:112
1.关于元素的 width属性无效果 先运行下程序看下: span style='background-color:#336699;width:300px;'123/span 可以看到 span会自动根据包含的内容来变化宽度 这是因为:对于内联元素(可以是默认即为内联的比如 span 元素,也可以是 display: inline 的元[详细]