-
web前端开发中的一些常用技巧总结
所属栏目:[产品] 日期:2018-10-14 热度:61
自己前端开发中常用到的一些技巧及问题解决方法,会常更新,希望对前端路上的朋友有帮助. 1.文章标题列表中日期居右显示的方法: pspan2010-10-10/span@Mr.Think这是文章标题/p 然后定义span右浮动: p span{float:right}其实这种方法可以延伸到很多情况下,很[详细]
-
Firebug Lite,IE 下调试网页兼容性
所属栏目:[产品] 日期:2018-10-14 热度:71
作为一个初出茅庐的前端开发工程师,没有私房的小工具,那纯粹是扯淡。Firebug 扩展作为最具典型的 Firefox 插件,一直被网页设计开发人员津津乐道。现在庆幸的是, Chrome 也有了自己的开发者工具栏,使得网页兼容性调试不再难。 说到 IE 浏览器下的调试[详细]
-
关于用户体验量化的一些事
所属栏目:[产品] 日期:2018-10-14 热度:75
从去年年底到今年年初,我分三次将自己读书时候的文章《用户体验量化方法研究》通过UED博客进行了连载。来自各界的热心网友对此文进行了评论,有反对的、有提出疑议的、有给出诸多建议的。而上周通过碳酸饮料会和大家分享这篇文章时,相关同事们也给予了最[详细]
-
IE6背景图片不缓存BUG的解决教程
所属栏目:[产品] 日期:2018-10-14 热度:52
IE6在背景图片缓存上有一个bug:它会每次都从服务器端读取背景图片。例如我们使用a:hover更换背景图片,在IE6下会出现每次鼠标滑过则重新向服务器请求图片,如果服务器反应较慢,那么hover效果就会出现短暂的空白,令人极度不爽。虽然可以通过CSS sprites的[详细]
-
前端开发常见图片格式详解
所属栏目:[产品] 日期:2018-10-14 热度:182
前端开发设计,打交道最多的就是图片啦~今天就来个图片格式讲解,也许一些围绕你的问题可以在这篇文章中找到答案 Gif格式图片的特点 透明性 Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha 透明)。 动画 Gif这种[详细]
-
Web Design 广告字体设计技巧
所属栏目:[产品] 日期:2018-10-14 热度:183
字体设计是人类商业活动的需求,它随着时代和科学技术的进步而不断地变化着。被广氾应用于网络生活的各个方面。现代字体设计在电脑技术的应用中已经深入到日常工作、生活的每一个角落。随着网页设计工作中各类需求的增多,越来越多类目的广告banner设计对字[详细]
-
W3C 网站验证的是是非非[组图]
所属栏目:[产品] 日期:2018-10-14 热度:162
W3C 验证让很多 Web 设计与开发者感到纠结,在自己的网页上放置一个验证按钮,点击以后,当看到 W3C 为你给出的全部是绿色对勾的时候,满足感油然而生,然而对这种机器验证的过度依赖往往带来另外的问题,本文讲述的是 W3C 验证中的一些是与非。 W3C Web 验[详细]
-
在服务端合并和压缩JavaScript和CSS文件
所属栏目:[产品] 日期:2018-10-14 热度:101
Web性能优化最佳实践中最重要的一条是 减少HTTP请求 ,它也是 YSlow 中比重最大的一条规则。减少HTTP请求的方案主要有合并 Java Script和CSS文件、 CSS Sprites 、 图像映射(Image Map) 和 使用Data URI来编码图片 。CSS Sprites和图像映射现在已经随处[详细]
-
谷歌字体API使用教程,让互联网设计更漂亮
所属栏目:[产品] 日期:2018-10-11 热度:108
尽管互联网上新的技术和项目层出不穷,但是在过去的一段时间里我们却缺乏丰富而漂亮的互联网字体。虽然传统的字体选择也非常多,但是大多数电脑中安装并支持的却是一些非常固定的字体,随着互联网设计的发展,传统字体已经不能满足需求。 谷歌字体API的登[详细]
-
启用 Mod Rewrite和.htaccess 伪表态
所属栏目:[产品] 日期:2018-10-11 热度:73
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-11 热度:70
原文题目: How To Critique An Interface 作者:Aza Raskin 译者:郝晓茹 我们经常需要叫非职业设计师来评判界面设计的好坏。也许你是老板,要评估自己的新网站设计情况,或者你是项目经理,要查看你的设计师制作的网站模型。你该在网站界面设计中发现什[详细]
-
Google font api,webfont 与中文
所属栏目:[产品] 日期:2018-10-11 热度:108
Google昨天在Google I/O大会上发布了一个新的服务 Font API,这是一个很酷的东东,可以让我们很方便的使用网络字体,而且这些字体都是免费的,你无需担心版权的问题。 Google Font API使用起来也非常方便,从下面的例子中可见一斑: @font-face { font-fam[详细]
-
网站开发经验:IE对页面资源的限制
所属栏目:[产品] 日期:2018-10-11 热度:69
在实际的网站开发中,我们经常会发现 IE浏览器 对资源的限制,这让人很郁闷,在不了解的时候,会浪费我们很多时间去捉虫。现在我们将IE对页面资源的限制列出来,在开发中避免这些限制。 最多只支持引入3层@import CSS文件; 最多只支持@import 32个CSS文件[详细]
-
电子商务搜索LIST列表页面用户体验设计
所属栏目:[产品] 日期:2018-10-11 热度:178
改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台。根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标。我们搜索产品线的产品经理与用户体验设[详细]
-
制作移动友好网站的十一个优秀解决方案
所属栏目:[产品] 日期:2018-10-11 热度:147
看起来,现在几乎每个人都拥有一款自己的手机,随着智能手机日益普及,越来越多的人们开始使用他们的移动设备来访问互联网。尽管有些手机,如 iPhone等拥有自己的浏览器适应正常的网页,一个移动版本的网站可能就意味着更多的好处,如下载速度更快,并确保[详细]
-
静态页面与动态页面各自的执行机制简析
所属栏目:[产品] 日期:2018-10-11 热度:188
静态页面,是指网页中只有HTML标记,只要WEB开发人员没有修改过这些HTML标记,页面内容就不会更改。 静态页面的工作机制: 1.使用HTML编写静态页面,发布到WEB服务器端; 2.客户端通过浏览器请求该静态页面; 3.Web服务器根据请求定位该静态页面; 4.该静态页[详细]
-
跨浏览器开发经验总结(二) —— CSS
所属栏目:[产品] 日期:2018-10-11 热度:179
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-11 热度:93
为页面添加DOCTYPE 由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。 !DOCTYPE 声明指定文档遵从的 DTD,如: !DOCTYPE HTML PUBLIC -//W 3C //DTD HTML 4.0[详细]
-
来自AppMobi的HTML5开发工具XDK
所属栏目:[产品] 日期:2018-10-07 热度:157
继Adobe发布HTML5动画编辑软件Edge之后,AppMobi推出了全新开发工具XDK,使得开发者可以使用HTML5构建网络和移动平台的应用程序。最终代码既可以用来进行HTML5应用程序开发, 就如同现在在 Chrome 网络应用程序商店里看到的那些程序一样,也可以用于多平台[详细]
-
三大主流浏览器Web开发工具
所属栏目:[产品] 日期:2018-10-07 热度:118
一个快速加载网页在很大程度上节约用户的浏览页面时间成本,作为一名站长,我们要寻求一些解决办法,传统的在浏览器中 右键查看源代码已经过时了,它不能做良好的代码检查,作为一名优秀的web开发人员,应该不断学习和尝试新事物。下面我就介绍下三大主流[详细]
-
文本框Input中字母大写小写转换的代码
所属栏目:[产品] 日期:2018-10-07 热度:62
烈火网的下载栏目因为网站编辑需要,经常要把URL的名字定义为软件名称,但是软件的名称一般都写首写或全部写为大写状态,这样在定义URL时复制过来的文本就不规范了,于是想到用JS和CSS来实现文本框Input中字母大写小写转换功能。 首先,烈火下载(www.very[详细]
-
Blockquote实现引用文本块的引号效果
所属栏目:[产品] 日期:2018-10-04 热度:73
使用一个blockquote添加两张引号图片实现引用文本引号效果。方法是分别在blockquote和blockquote:first-letter添加背景图片。 1.html源代码 blockquoteHello, I am a double quote.../blockquote Copy to Clipboard 引用的内容:[www.veryhuo.com] 2.样式[详细]
-
Web设计经验:网页布局中的黄金分割
所属栏目:[产品] 日期:2018-10-04 热度:117
数学 是优美的. 听上去有点奇怪? 当我第一次开始设计作品的时候,我确信如此。数学如此刻板乏味。你可能会惊讶的发现,最美观的设计,艺术作品,物体,甚至我们人都有数学上的共同点。尤其是黄金分割,也被称为神之比例,希腊字母表示其为 (phi). 本教程会[详细]
-
Firefox不支持background-position语法
所属栏目:[产品] 日期:2018-10-02 热度:117
firefox不支持background-position-x,background-position-y 今天又学了一招,firefox不支持background-position-x,background-position-y 例如: background-position-x:30px; background-position-y:5px; 需要改成: background-position:30px 5px; 烈火[详细]
-
IE7下多个Select互相重叠的解决方法
所属栏目:[产品] 日期:2018-10-02 热度:92
在IE7中动态操作select的时候会出现下面的问题 BUG症状: 正常效果: 问题就是多个select由于内容变化,但是不会自动排列位置。暂时只是在IE7中发现这个问题。 解决办法: 将需要填充的Select 后面的Select全部隐藏,内容添加结束以后,重新显示,就会自动[详细]