-
走中国特色的网站重构道路
所属栏目:[产品] 日期:2018-10-30 热度:177
继团队的 CSS3.0中文手册 在国内首发以后,最近风风火火的到处吹起HTML5.0和CSS3.0的春风;似乎在这浏览器互相调侃的年代,成就了一大堆业界茶余饭后的话题。 年前,google的chrome团队来到公司做相关的交流,公司要求我做个前期讨论方案。于是想了一下,[详细]
-
网页设计师要知道的30条HTML代码编写的技巧
所属栏目:[产品] 日期:2018-10-30 热度:172
本文总结了30条HTML代码编写指南,只要在编写HTML代码的过程中牢记它们,灵活运用,你一定会写出一手漂亮的代码,早日迈入专业开发者的行列。 1. 一定要闭合HTML标签 在以往的页面源代码里,经常看到这样的语句: liSome text here.liSome new text here.li[详细]
-
中医整体观念在前端开发中的体现
所属栏目:[产品] 日期:2018-10-30 热度:115
3.27日,第六期web标准化交流会在北京如期举行。此次交流会的主题是《前端开发在研发流程中与其他岗位协作效率的提升》。参会的各个代表分别就工作中出现的问题发了言,从各个不同的角度阐述了前端开发工程师所遇到的问题。互联网的发展使得前端开发工程师[详细]
-
关于数学和网页设计的关系的讨论
所属栏目:[产品] 日期:2018-10-30 热度:138
数学是美妙的。对于在数字和公式面前畏缩的人来说,这听起来也许是荒谬的。但是,从最小的贝壳到最大的漩涡星系,自然界和我们这个宇宙中大部分美丽的东西都呈现出数学特性。 其实,古代最伟大的哲学家之一亚里斯多德曾说过:数学格外地展现了秩序、对称和[详细]
-
网页设计经常出现的8个问题与解决方法
所属栏目:[产品] 日期:2018-10-23 热度:93
1.超链接访问过后hover样式就不出现的问题? 被点击访问过的超链接样式不在具有hover和active了, 解决方法是改变CSS属性的排列顺序: L-V-H-A ps:好在自己一开始书写时就没有把这四种样式写全过,我只写 a:link ,a:hover ,一直也没出现什么问题,后来发现[详细]
-
那些隐藏在LOGO下潜在的含义 你知道吗?
所属栏目:[产品] 日期:2018-10-18 热度:67
一个简单的Logo设计往往传递着很多潜在信息,作为一个设计师,我们需要能够察觉到这些隐藏的含义。本文将解释那些伟大的Logo背后的潜在含义,希望这对你的将来的设计有帮助。 我在这里说明一下,老外对名称的首字母和缩写很在意,因此很多Logo都会隐藏的传[详细]
-
如何在低速率网络中测试 Web 应用
所属栏目:[产品] 日期:2018-10-18 热度:138
大家看到标题后的第一个问题可能是:我们需要这样做吗? 如果我们开发的是局域网 Web 应用的话,可能没有必要这样做。但如果我们的 Web 应用面向的是互联网上的成千上万的用户,这样做就很必要了。因为在现实世界中并不是所有的用户都有高数率的网络连接,[详细]
-
web前端开发中的一些常用技巧总结
所属栏目:[产品] 日期:2018-10-18 热度:102
自己前端开发中常用到的一些技巧及问题解决方法,会常更新,希望对前端路上的朋友有帮助. 1.文章标题列表中日期居右显示的方法: pspan2010-10-10/span@Mr.Think这是文章标题/p 然后定义span右浮动: p span{float:right}其实这种方法可以延伸到很多情况下,很[详细]
-
Firebug Lite,IE 下调试网页兼容性
所属栏目:[产品] 日期:2018-10-18 热度:172
作为一个初出茅庐的前端开发工程师,没有私房的小工具,那纯粹是扯淡。Firebug 扩展作为最具典型的 Firefox 插件,一直被网页设计开发人员津津乐道。现在庆幸的是, Chrome 也有了自己的开发者工具栏,使得网页兼容性调试不再难。 说到 IE 浏览器下的调试[详细]
-
关于用户体验量化的一些事
所属栏目:[产品] 日期:2018-10-17 热度:90
从去年年底到今年年初,我分三次将自己读书时候的文章《用户体验量化方法研究》通过UED博客进行了连载。来自各界的热心网友对此文进行了评论,有反对的、有提出疑议的、有给出诸多建议的。而上周通过碳酸饮料会和大家分享这篇文章时,相关同事们也给予了最[详细]
-
IE6背景图片不缓存BUG的解决教程
所属栏目:[产品] 日期:2018-10-17 热度:101
IE6在背景图片缓存上有一个bug:它会每次都从服务器端读取背景图片。例如我们使用a:hover更换背景图片,在IE6下会出现每次鼠标滑过则重新向服务器请求图片,如果服务器反应较慢,那么hover效果就会出现短暂的空白,令人极度不爽。虽然可以通过CSS sprites的[详细]
-
前端开发常见图片格式详解
所属栏目:[产品] 日期:2018-10-17 热度:135
前端开发设计,打交道最多的就是图片啦~今天就来个图片格式讲解,也许一些围绕你的问题可以在这篇文章中找到答案 Gif格式图片的特点 透明性 Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha 透明)。 动画 Gif这种[详细]
-
Web Design 广告字体设计技巧
所属栏目:[产品] 日期:2018-10-17 热度:55
字体设计是人类商业活动的需求,它随着时代和科学技术的进步而不断地变化着。被广氾应用于网络生活的各个方面。现代字体设计在电脑技术的应用中已经深入到日常工作、生活的每一个角落。随着网页设计工作中各类需求的增多,越来越多类目的广告banner设计对字[详细]
-
W3C 网站验证的是是非非[组图]
所属栏目:[产品] 日期:2018-10-17 热度:179
W3C 验证让很多 Web 设计与开发者感到纠结,在自己的网页上放置一个验证按钮,点击以后,当看到 W3C 为你给出的全部是绿色对勾的时候,满足感油然而生,然而对这种机器验证的过度依赖往往带来另外的问题,本文讲述的是 W3C 验证中的一些是与非。 W3C Web 验[详细]
-
在服务端合并和压缩JavaScript和CSS文件
所属栏目:[产品] 日期:2018-10-17 热度:171
Web性能优化最佳实践中最重要的一条是 减少HTTP请求 ,它也是 YSlow 中比重最大的一条规则。减少HTTP请求的方案主要有合并 Java Script和CSS文件、 CSS Sprites 、 图像映射(Image Map) 和 使用Data URI来编码图片 。CSS Sprites和图像映射现在已经随处[详细]
-
谷歌字体API使用教程,让互联网设计更漂亮
所属栏目:[产品] 日期:2018-10-15 热度:195
尽管互联网上新的技术和项目层出不穷,但是在过去的一段时间里我们却缺乏丰富而漂亮的互联网字体。虽然传统的字体选择也非常多,但是大多数电脑中安装并支持的却是一些非常固定的字体,随着互联网设计的发展,传统字体已经不能满足需求。 谷歌字体API的登[详细]
-
启用 Mod Rewrite和.htaccess 伪表态
所属栏目:[产品] 日期:2018-10-15 热度:167
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-15 热度:107
原文题目: How To Critique An Interface 作者:Aza Raskin 译者:郝晓茹 我们经常需要叫非职业设计师来评判界面设计的好坏。也许你是老板,要评估自己的新网站设计情况,或者你是项目经理,要查看你的设计师制作的网站模型。你该在网站界面设计中发现什[详细]
-
Google font api,webfont 与中文
所属栏目:[产品] 日期:2018-10-15 热度:166
Google昨天在Google I/O大会上发布了一个新的服务 Font API,这是一个很酷的东东,可以让我们很方便的使用网络字体,而且这些字体都是免费的,你无需担心版权的问题。 Google Font API使用起来也非常方便,从下面的例子中可见一斑: @font-face { font-fam[详细]
-
网站开发经验:IE对页面资源的限制
所属栏目:[产品] 日期:2018-10-15 热度:189
在实际的网站开发中,我们经常会发现 IE浏览器 对资源的限制,这让人很郁闷,在不了解的时候,会浪费我们很多时间去捉虫。现在我们将IE对页面资源的限制列出来,在开发中避免这些限制。 最多只支持引入3层@import CSS文件; 最多只支持@import 32个CSS文件[详细]
-
电子商务搜索LIST列表页面用户体验设计
所属栏目:[产品] 日期:2018-10-15 热度:68
改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台。根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标。我们搜索产品线的产品经理与用户体验设[详细]
-
制作移动友好网站的十一个优秀解决方案
所属栏目:[产品] 日期:2018-10-15 热度:98
看起来,现在几乎每个人都拥有一款自己的手机,随着智能手机日益普及,越来越多的人们开始使用他们的移动设备来访问互联网。尽管有些手机,如 iPhone等拥有自己的浏览器适应正常的网页,一个移动版本的网站可能就意味着更多的好处,如下载速度更快,并确保[详细]
-
静态页面与动态页面各自的执行机制简析
所属栏目:[产品] 日期:2018-10-15 热度:77
静态页面,是指网页中只有HTML标记,只要WEB开发人员没有修改过这些HTML标记,页面内容就不会更改。 静态页面的工作机制: 1.使用HTML编写静态页面,发布到WEB服务器端; 2.客户端通过浏览器请求该静态页面; 3.Web服务器根据请求定位该静态页面; 4.该静态页[详细]
-
跨浏览器开发经验总结(二) —— CSS
所属栏目:[产品] 日期:2018-10-15 热度:155
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-15 热度:124
为页面添加DOCTYPE 由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。 !DOCTYPE 声明指定文档遵从的 DTD,如: !DOCTYPE HTML PUBLIC -//W 3C //DTD HTML 4.0[详细]