-
网页设计经常出现的8个问题与解决方法
所属栏目:[产品] 日期:2018-10-26 热度:131
1.超链接访问过后hover样式就不出现的问题? 被点击访问过的超链接样式不在具有hover和active了, 解决方法是改变CSS属性的排列顺序: L-V-H-A ps:好在自己一开始书写时就没有把这四种样式写全过,我只写 a:link ,a:hover ,一直也没出现什么问题,后来发现[详细]
-
那些隐藏在LOGO下潜在的含义 你知道吗?
所属栏目:[产品] 日期:2018-10-16 热度:141
一个简单的Logo设计往往传递着很多潜在信息,作为一个设计师,我们需要能够察觉到这些隐藏的含义。本文将解释那些伟大的Logo背后的潜在含义,希望这对你的将来的设计有帮助。 我在这里说明一下,老外对名称的首字母和缩写很在意,因此很多Logo都会隐藏的传[详细]
-
如何在低速率网络中测试 Web 应用
所属栏目:[产品] 日期:2018-10-16 热度:171
大家看到标题后的第一个问题可能是:我们需要这样做吗? 如果我们开发的是局域网 Web 应用的话,可能没有必要这样做。但如果我们的 Web 应用面向的是互联网上的成千上万的用户,这样做就很必要了。因为在现实世界中并不是所有的用户都有高数率的网络连接,[详细]
-
web前端开发中的一些常用技巧总结
所属栏目:[产品] 日期:2018-10-16 热度:156
自己前端开发中常用到的一些技巧及问题解决方法,会常更新,希望对前端路上的朋友有帮助. 1.文章标题列表中日期居右显示的方法: pspan2010-10-10/span@Mr.Think这是文章标题/p 然后定义span右浮动: p span{float:right}其实这种方法可以延伸到很多情况下,很[详细]
-
Firebug Lite,IE 下调试网页兼容性
所属栏目:[产品] 日期:2018-10-16 热度:187
作为一个初出茅庐的前端开发工程师,没有私房的小工具,那纯粹是扯淡。Firebug 扩展作为最具典型的 Firefox 插件,一直被网页设计开发人员津津乐道。现在庆幸的是, Chrome 也有了自己的开发者工具栏,使得网页兼容性调试不再难。 说到 IE 浏览器下的调试[详细]
-
关于用户体验量化的一些事
所属栏目:[产品] 日期:2018-10-16 热度:156
从去年年底到今年年初,我分三次将自己读书时候的文章《用户体验量化方法研究》通过UED博客进行了连载。来自各界的热心网友对此文进行了评论,有反对的、有提出疑议的、有给出诸多建议的。而上周通过碳酸饮料会和大家分享这篇文章时,相关同事们也给予了最[详细]
-
IE6背景图片不缓存BUG的解决教程
所属栏目:[产品] 日期:2018-10-16 热度:188
IE6在背景图片缓存上有一个bug:它会每次都从服务器端读取背景图片。例如我们使用a:hover更换背景图片,在IE6下会出现每次鼠标滑过则重新向服务器请求图片,如果服务器反应较慢,那么hover效果就会出现短暂的空白,令人极度不爽。虽然可以通过CSS sprites的[详细]
-
前端开发常见图片格式详解
所属栏目:[产品] 日期:2018-10-16 热度:133
前端开发设计,打交道最多的就是图片啦~今天就来个图片格式讲解,也许一些围绕你的问题可以在这篇文章中找到答案 Gif格式图片的特点 透明性 Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha 透明)。 动画 Gif这种[详细]
-
Web Design 广告字体设计技巧
所属栏目:[产品] 日期:2018-10-16 热度:112
字体设计是人类商业活动的需求,它随着时代和科学技术的进步而不断地变化着。被广氾应用于网络生活的各个方面。现代字体设计在电脑技术的应用中已经深入到日常工作、生活的每一个角落。随着网页设计工作中各类需求的增多,越来越多类目的广告banner设计对字[详细]
-
W3C 网站验证的是是非非[组图]
所属栏目:[产品] 日期:2018-10-16 热度:108
W3C 验证让很多 Web 设计与开发者感到纠结,在自己的网页上放置一个验证按钮,点击以后,当看到 W3C 为你给出的全部是绿色对勾的时候,满足感油然而生,然而对这种机器验证的过度依赖往往带来另外的问题,本文讲述的是 W3C 验证中的一些是与非。 W3C Web 验[详细]
-
在服务端合并和压缩JavaScript和CSS文件
所属栏目:[产品] 日期:2018-10-16 热度:169
Web性能优化最佳实践中最重要的一条是 减少HTTP请求 ,它也是 YSlow 中比重最大的一条规则。减少HTTP请求的方案主要有合并 Java Script和CSS文件、 CSS Sprites 、 图像映射(Image Map) 和 使用Data URI来编码图片 。CSS Sprites和图像映射现在已经随处[详细]
-
超智能Javascript IDE:WebStorm下载,附keygen
所属栏目:[产品] 日期:2018-10-06 热度:185
Java script开发的人儿,一直徘徊在Aptana、 Visual Studio 、notepad++、editplus之间,企图找到最佳的IDE,但是一直未能如愿~~直到 WebStorm 的出现,Web开发神器~超智能的Javascript IDE。 什么是Javascript IDE选择的标准? 快速智能的代码提示(全项目[详细]
-
改变img的原始尺寸会严重降低渲染速度
所属栏目:[产品] 日期:2018-10-06 热度:151
最近在修改一个游戏框架时发现页面渲染效率骤降,CPU从原先的10%左右上升到50%(一个核已经满负载了),FPS也下降不少。经过一番调试,发现是其中的一个img元素引起的。和页面里其他img元素不同之处在于,这个图片的尺寸是通过脚本缩放的,难道图片的尺寸[详细]
-
通过shtml实现重构页面模块化构建—实现交付物模块化
所属栏目:[产品] 日期:2018-10-06 热度:97
模块化思想已经不再是创新,陆续的演变成一种思维模式,在处理各种问题时都会考虑模块化思想 前端重构也已经有各种模块化的思想出现,结构模块化、样式模块化等等 今天和同事沟通视觉统一化的时候,发现流程中在产出物方面存在一个问题 如下图所示: 大家[详细]
-
18个节约时间提高效率的CSS工具
所属栏目:[产品] 日期:2018-10-06 热度:114
设计师应该在追求完美的同时学会如何偷懒。本文为你介绍18个节约时间提高效率的CSS工具,尽管手写CSS代码是件很牛逼的事情,但善用工具会让你避免沦为傻逼。 CSS3 Generator CSS3现在已经开始进入越来越多网络工作者的视线内。无论你是想学一门新技术,还[详细]
-
我的防身暗器-网页设计应急小技巧
所属栏目:[产品] 日期:2018-10-06 热度:127
工作中,网页设计师经常会遇见这些状况:时间这么短又要出彩、又是要大气要有气氛、风格不明确很难把握、栏目这么多页面又这么长 突然觉得束手无策,脑袋里一片空白,没想法了,怎么办? 下面简浅的归纳了几个快速让页面出彩的小技巧: 1.旋转法 将页面的主[详细]
-
nodejs教程:安装express及配置app.js文件
所属栏目:[产品] 日期:2018-10-06 热度:116
express.js是nodejs的一个MVC开发框架,并且支持jade等多种模板。下面简单来说说express的安装和app.js文件的配置,然后在今后的教程中一步一步使用express.js搭建个聊天室。 安装express.js 如果你安装了npm,安装变得很简单,只需要在终端中运行下面的代[详细]
-
使用cygwin在windows下安装nodeJS
所属栏目:[产品] 日期:2018-10-06 热度:147
nodeJS火的不行鸟,早就想安装下试试,对于Ubuntu系统是很容易的,可是自从电脑重装了win7系统,就没ubuntu系统了,今天试用了用cygwin安装nodejs。具体过程如下: 安装cygwin cygwin是一个在windows平台上运行的unix模拟环境,是cygnus solutions公司开发[详细]
-
解决在ie6下,图片下方出现空隙的办法
所属栏目:[产品] 日期:2018-10-06 热度:147
由于浏览器的不同,我们在使用div+css排版中、难免会遇到许多这样那样的问题。在ie6中,图片的下方会出现多余的空隙。 如何来解决这个问题呢? 其实解决这个问题有很多种方法。可以设置图片的浮动属性float:left/right、或者把图片转换为块级对像display:bl[详细]
-
10个帮助网页设计师创建品牌形象的工具
所属栏目:[产品] 日期:2018-10-06 热度:142
许多设计师似乎都对自由职业有兴趣,因为这种情况下他们无须遵从老板的指示,也不必为工作暴走,因为他们可以选择自己喜欢的。不过,这必(并)不意味着你能随便得到最好的项目。事实上,你必须在你的专业能力上利用市场元素,以此向客户推销自己的产品。下[详细]
-
IE8 滤镜(filter:alpha)与png透明失效的问题
所属栏目:[产品] 日期:2018-09-29 热度:64
IE8 的有些特性,往往因为一些神秘的不明原因而导致失效。昨又碰见了俩。其实这个也不是昨碰见的,好长一段时间了,只是一直没花时间去解决它,到昨儿才去寻医问药。 先说第一个,filter:alpha失效。症状是这样的,在我的IE8,类似filter:alpha(opacity=35[详细]
-
动态宽度的框架设计:等宽导航栏
所属栏目:[产品] 日期:2018-09-29 热度:124
随着宽屏显示器的流行,越来越多的网站采用了动态宽度的设计,以求页面在宽屏显示器上保持美观(960px的网页在23寸的显示器上只有半个屏幕的宽度)。动态宽度的框架设计比较复杂,今天只说说和屏幕等宽的导航栏的设计。 等宽导航栏(我不知道这个名称合不合适[详细]
-
网页下拉菜单被select框遮盖的解决方法
所属栏目:[产品] 日期:2018-09-29 热度:124
导航的下拉菜单被靠近导航的select框遮住了,这个情况只在IE6情况下发生,属于IE6的一个缺陷,先不管多么痛恨IE的种种不是吧,现在网上比较流行的方法目前大致有三种: 1.点击下拉菜单隐藏select //我觉得这个方法不太实用 2.把下拉菜单放在iframe元素上面[详细]
-
定位层始终保持在当前可见屏
所属栏目:[产品] 日期:2018-09-29 热度:52
看到过很多这样的广告,页面两边各放一个方块图片广告,拖动滚动条时广告随之动滚,始终停留在当前屏幕的下方或上方。对于这种漂浮广告,我相信很多用户都非常不爽! 看下面两个图的应用。当同一种技术实现的效果被应用在了不同的地方,就产生了明显的体验[详细]
-
使用!important解决IE与FF的布局差别
所属栏目:[产品] 日期:2018-09-29 热度:189
初学div+css网页布局的设计者常常会被一个问题困扰着。在IE和其他(Mozilla、 Opera 等)浏览器里显示的效果常常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法:用!important。 !important是CSS1就定义的语法,[详细]