- 博客(40)
- 收藏
- 关注
RSS订阅转载 响应式web式布局设计
http://ucdchina.com/snap/12366http://www.aliued.cn/阿里用户体验转载于:https://www.cnblogs.com/dragontappi/archive/2013/03/14/2958785.html
2013-03-14 09:50:00
103
转载 CSS 命名
头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：do...
2013-02-25 11:53:00
93
转载 网站模板配色基础知识：心理学色彩理论
心理学色彩理论 颜色是一个重要的工具，您可以用它来实现跨越语言的交流。了解心理学色彩理论是网站模板配色的基础，请大家看看与情绪和感情相关的颜色： 暖色系：暖色比冷色更有亲近感。因此说来，一个较暗的暖色可能看起来和一个在数值上较亮的冷色一样亮。 黄色：欢乐，刺激，焦点 橙色：快乐，热情，吸引力，成功 红色：动力，力量，热情，爱 中性色：中...
2012-04-01 22:16:00
219
转载 色彩理论科学之门：分析颜色配色方案
色彩理论是一个庞大而复杂的知识领域。它由不同的科学元素，如：光学，光谱学，人体解剖和生理学，心理学，艺术史和理论，哲学，伦理，建筑理论，设计和许多其他应用科学。在这篇文章中我们将展示谐调的色彩组合和世界具有顶尖才华的艺术家的作品为案例为大家讲诉这个颜色配色方案。颜色是如何诞生的？让我们先了解各种颜色的品种的形成。所有的颜色都也离不开三原色，这是红色，黄色和蓝色的组合。这些颜色...
2012-04-01 22:05:00
241
转载 网页设计使用最多的12种颜色
前不久，ColourLovers.com公布了一项调查结果。他们发现，美国前100大网站的Logo，主要使用12种颜色。其中，采用蓝色的网站最多，红色排在第二种，黄色排在第三种。我把这12种颜色的RGB代码列出来，供将来自己做网页时参考。1. 浅绿 #8cc5402. 深绿 #009f5d3. 暗蓝 #019fa04. 蓝色 #019fde...
2012-04-01 22:02:00
318
转载 js性能优化 如何更快速加载你的JavaScript页面
JavaScript现在极其重要。一些网站使用JavaScript来增添魅力;如今的许多Web应用程序依赖它;其中一些甚至是完全用JavaScript编写而成的。我在本文中将指出一些重要的规则，介绍如何使用你的JavaScript、使用哪些工具以及你将从中得到什么好处-确保代码尽量简洁 不要什么都依赖JavaScript。不要编写重复性的脚本。要把JavaScript当作糖果工具，只...
2012-03-21 13:43:00
175
转载 WEB性能优化
1. Serve resources from a consistent URL：使用一个确定的URL来引用资源这个主要是避免不必要的资源重复下载和DNS查询。这种情况主要是当同一个资源（尤其是图片）在几个页面或者几个站点之间重复使用的时候，特别是公司内的各个站点，比如：a.example.com和b.example.com中同时引用了example.png这个图片，所以现在就要把这个图...
2012-03-20 10:36:00
116
转载 提高网站速度，分析工具page speed中文教程
1、网站的加载速度，即用户打开网站的速度，该方面的用户体验是首当其冲的，用户首先打开了网站才能去体验网站的内容，试想一下在网速正常的情况下，一个打开速度很慢的网站如何能够吸引用户，所以网页的加载速度的优化是很重要的。2、页面的设计，即网站的美观度，这就需要网站的美工设计人员能够具备大众审美观，才能吸引住用户。3、内容的质量，即网站提供的内容对用户是否有价值。4、合理的布局，网...
2012-03-20 10:34:00
445
转载 IE和Firefox对同一域名进行请求的并发连接数限制
从Yahoo!关于网站优化的经典14条建议，在V2版中，已经更新到35条了，其中有需要减少请求连接数和减少DNS解析次数，由于在http协议中有对浏览器并发请求连接数的限制，1.1版本中规定了是2个（相关资料可以查看文章的结尾），于是通常的优化网站加载速度的方法是采用多个域名增加浏览器对同一网页的请求并发连接数。如淘宝网的图片会出现在如下众多域名下：img01.taobaocdn...
2012-03-19 17:57:00
115
转载 并发连接数对浏览器加载速度的测试
每款浏览器都有自己的默认并发连接数，而且浏览器默认对同一域下的资源，只保持一定的连接数，会阻塞过多的连接，这都会影响到浏览器对网页的加载速度。本文就简单的以不同的并发连接数来测试加载速度。先介绍下一些基本概念，浏览器获取页面显示请求页面的HTML代码，然后分析HTML代码，获取页面的组件（CSS文件、JS文件、图片等）。当然无论获取HTML代码还是组件都可能需要进行DNS解析。其次这...
2012-03-19 17:49:00
129
转载 国外十大网页加载速度分析网站
大家都知道，等待一个很慢网页加载是网民很不耐烦的事儿。因此，您的网站的性能和加载迅速决定了你做出来的网站浏览者喜欢与否！是一个网站成功的关键所在为了帮助您建立更快的网站，并确定网站的性能瓶颈，你可以考虑以下一些工具整合到您的Web开发过程。用几个这些网站的速度测试工具，让你可以更好地了解网站的速度问题。此外，他们都是免费的，心动就去试试吧~1.Page Speed Online...
2012-03-19 17:40:00
364
转载 你的网站为什么会慢？——用YSlow为你的网站提速
在前面的文章我翻译的文章中分别从内容、服务器、JavaScript和CSS、图片、Coockies和移动应用等几个方面总结了34条提高网站性能的黄金守则，但是这些守则中，有一些是不常用到的，若非有实力的大型企业很难实现。对于小型网站，比如个人博客等在提高网站性能上可以首先考虑以下13条准则：尽量减少HTTP请求使用内容分发网络（CDN）为文件头指定Expire...
2012-03-19 17:39:00
63
转载 网站架构优化之css+div设计对SEO的影响
应该对于那些懂点程序或者说想学习SEO的朋友应该都明白DIV+CSS对我们做网站优化的影响。那么我相信只知道其然，不知所以然的朋友还是占有一部分人的，今天小何在这里就与大家细说DIV+CSS。 DIV（标鉴）+CSS（层叠样式表）是网站标准或者称“WEB标准”中的常用术语之一，通常为了说明与html网页设计语言中的表格定位方式的区别，因为xhtml网站设计标准中，不再使用表格定...
2011-06-27 10:20:00
146
转载 网页制作的尺寸
网页制作尺寸规格~~~~!(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了) 由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下，页面的显示尺寸为：780x428个象素；分辨率在640x480...
2011-05-05 11:24:00
302
转载 css属性顺序书写规范
很有启示作用，可以参考。段正淳 from Taobao.com UED Team 以前部门的同事们，每个人都有一套书写的规范，导致看对方的css代码非常吃力，所以就推行了一套书写标准 ，或许对您也有帮助。*{ /*显示属性*/ display position float clear cursor … /*盒模型*/ margin padding width heigh...
2011-05-03 21:23:00
100
转载 设计网站需要思考的5个目标
在生活中，拥有目标是非常重要的。 特别对于网站设计而言，因为没有目标就没有动力，更无法衡量你的成功与否。 目标有助于设计师专注于重要的事情，把握设计方案的走向。目标能帮助设计者设计出令人眼前一亮的网站。 设计任何一个网站，过程都是大同小异的：我完成了一份设计稿，然后把它交给客户。虽然在一开始，我有我的创意，客户有客户的需求，但是我知道我会在 最后交出一份令人满意的答卷。 之后...
2011-05-03 21:06:00
174
转载 DIV+CSS容易犯的十个错误
DIV+CSS是网站标准(或称“Web标准”)中常用的术语之一，通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误：1. 检查HTML元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错di...
2011-05-03 21:06:00
77
转载 10个web设计元素
当谈到设计和创建网站时，似乎从来都感觉不够快。考虑到快节奏，很多小的细节经常会脱离设计过程。虽然这些细节可能微不足道，但是可能将网站从漂亮带到真正的优秀。这些细节往往容易错过，因为他们不会影响网站的整体外观和感觉。问题是，这些细节往往会如影随形。而她恰恰是对用户体验忠诚度的体现。下面列出10个关键元素，记住它，你将避免走回头路。1、链接（link）设置链接状态的不同风格，...
2011-05-03 21:04:00
151
转载 网站设计布局中常犯的错误
div+css网页布局是目前最流行的语言，也是国际变化的趋势，合理的应用可以让你的网站给人眼前一亮的感觉，不过在布局中也应该注意以下一些错误，及时纠正，一个成功的网站就离你不远了。 1、导航菜单使用图片、flash 导航菜单使用图片、flash当然比纯文本来得好看一些，但是搜索引擎并不认识你的图片和flash。如果你非要使用漂亮的图片来做导航的话，可以使用背景替换的方法。...
2011-04-15 16:16:00
99
转载 15个Web开发必备的Firefox扩展插件
Firefox是一款越来越热的Web浏览器，多种多样的扩展，主题，插件，是它快速流行的重要原因。Mozilla的网站上提供了许多扩展和插件的下载，由于众多开发者的支持，这些扩展和插件的数量也在随着需求日益增长，下面列举15款比较优秀的插件，仅供大家参考。以下是15款火狐的插件，可以使得Web开发人员的开发工作更加容易：1、 Aardvark：Aardvark可以让你从网页中选择元...
2011-04-14 22:33:00
240
转载 15个“在线配色方案”工具网站
之前介绍了一个功能比较强大的在线配色工具－COPASO。今天带来Hongkiat收集整理的15个在线配色工具，喜爱设计的你，千万不能错过！Adobe KulerColr.orgColour Lovers4096 Color WheelsColor SchemerColor Palette GeneratorWeb 2.0 Color ...
2011-04-14 16:31:00
182
转载 HTML标签CSS属性默认值汇总
这个东西，在你需要还原默认值的时候，比较有用。开始的时候 *{margin:0;padding:0;}，当需要使用边距的时候，就需要还原HTML默认CSS值了。以前一直在找这份文档，今天偶然在w3上看到了。除了inline和block的定义，主要是要注意body|h1~h6|blockquote|menu|ul|ol|dd等标签的默认样式（margin和font-size）。...
2011-04-08 23:22:00
717
转载 无厘头
1.为什么大三的女生都很富有啊？ 答：女大三抱金砖 2.某女体臭无人能忍，故虽貌如西施却无人敢追。然一日路经教堂，伤感之下入之祈祷。片刻一物坠地，乃一长钉！问，何故？ 答：耶稣腾出一只手来捂鼻子 3.一条小河中有20多只青蛙在游泳，只有一只青蛙穿了裤衩，请问为什么？ 答：穿裤衩的青蛙是搓澡的 4.火星人来到地球后最喜欢吃什么？还提示答案是三个字的。 答：? 5...
2011-04-08 16:37:00
224
转载 20个绝佳的PSD模板转换Html/CSS网站设计教程
这里有20个绝佳的PSD模板转换Html/CSS网站设计教程看看吧，说明非常仔细，很值得研究一下。1. The Design Lab: PSD Conversion2. From PSD to HTML, Building a Set of Website Designs Step by Step3. Coding: Design Lab TV Styled La...
2011-04-07 10:03:00
159
转载 30条HTML代码编写指南 for入门者
转自http://paranimage.com/30-html-guidelines-for-beginners/ 本文总结了30条HTML代码编写指南，只要在编写HTML代码的过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。 1. 一定要闭合HTML标签 在以往的页面源代码里，经常看到这样的语句： <li>Some text here. &l...
2011-04-07 09:48:00
107
转载 12条原则：保持HTML代码整洁&规范
良好的HTML代码是一个漂亮网站的基础。当我教别人CSS的时候， 我总是首先告诉他们： 良好的CSS只存在于良好的HTML标记基础上。这就好像一间房子需要一个坚固的地基一样，对不？ 整洁、语义化的HTML标记具有很多的优势，但却还是有很多网站使用着并不友好的标记写法。让我们来看一些写得并不友好的HTML标记， 并针对这些问题进行讨论，从而学习如何书写整洁规范的HTML标记。注： Chri...
2011-04-07 09:45:00
174
转载 31个网页性能免费在线测试工具包含网页w3c标准测试
你是否肯定你的网站完全兼容各大浏览器？是否知道多少秒可以打开你的网站？ 是否可以自信地说你的网站根本就没有打不开的时候？ 是否…… 虽然它看似不重要，但这些在一定程度上也对你的网站的访问量产生了影响 （其它一部分影响浏览量的原因及解决办法 ）。这里列出了一份31 个我最喜爱的免费在线测试工具，你可以通过这些工具来测试你的网站，并根据结...
2011-03-28 11:39:00
142
转载 link的rel标签
* shortcut icon -- 地址栏最前面的小图标和收藏夹图标Code:<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />* Alternate -- 定义交替出现的链接:如让本站地址栏检测显示rss链接(Maxthon2/firefox)Code:<link r...
2011-02-24 13:09:00
111
转载 Yahoo!团队实践分享：网站性能优化的35条黄金守则
Yahoo!的 Exceptional Performance团队为改善 Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文 章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。 原文地址：http://developer.yahoo.com/performance/rules.html 中文转载地址：http://blog.csdn...
2011-02-23 18:43:00
228
转载 DIV+CSS网页布局常用的一些基础知识整理
CSS命名规范一．文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；二．常用类/ID命名规范页 眉：header内 容：content容 器：container页 脚：footer版 权：copyright 导 航：menu主导航：mainMenu子导航：sub...
2011-02-18 16:09:00
106
转载 CSS代码命名惯例语义化的方法
CSS代码的命名惯例一直是大家热门讨论的话题。今天暴风彬彬想通过分析一个流行三栏布局中的必要元素，来为大家讲解关于使用语义化方法替代结构化方法来命名CSS类的建议和指导。CSS类命名的语义化VS结构化方式 一般而言，CSS类名的语义化声明方式应当考虑你的页面中某个相对元素的”用意”，独立于它的”定位”或确切的特性(结构化方式)。像left-bar, red-text, smal...
2011-02-18 15:55:00
78
转载 Unicode – CSS中文字体转编码
Unicode – CSS中文字体转编码Unicode简单的说一下制作网页时的为了兼顾到一些浏览器CSS样式文档中一般是不出现中文字体的，尤其是{}中，因此通过参照下表将其对应转编，可以将中文名转成英文名、unicode、unicode2注意unicode2是直接输出为文本的，比如：微软雅黑，我们在CSS中的设置为font-family:"Microsoft Yahei"; ...
2011-02-17 09:29:00
89
转载 25个圆形元素在网页设计中的应用案例
在设计一个网站时，我们有很多因素要考虑，比如菜单，导航按钮，表单，页眉，页脚等许多特别重要的设计细节。今天，这篇文章列举了圆形元素在网页设计中应用得非常好的例子，向您展示美丽的圆形按钮，菜单，图片和其他细节。你会看到，如果设计得当，圆形的应用可以让你的网站界看起来相当独特新颖。Lucia Soto圆形元素也可以作为布局的主题部分。Alexarts...
2011-02-15 09:07:00
85
转载 CSS命名规范参考及书写注意事项
CSS书写顺序 *{ /*显示属性*/displaypositionfloatclearcursor…/*盒模型*/marginpaddingwidthheight/*排版*/vertical-alignwhite-spacetext-decorationtext-align…/*文字*/...
2011-01-17 11:33:00
110
转载 30个基于CSS的导航和按钮优秀设计教程
在当今标准的Web设计中，CSS是最重要的组成部分。为了让大家更好的理解如何通过CSS来设计，本文为大家收集了30个基于CSS的导航菜单和按钮的CSS设计教程，通过这些教程，您可以在您今后的项目中更方便的直接使用或参考，当然也可以用作平时的实践练习。希望大家能从中学到些什么。CSS导航及菜单教程s01.高级CSS菜单 : Webdesignerwall02....
2010-12-31 16:02:00
131
转载 99款高质量免费(X)HTML/CSS模板
01. T-20在线预览 下载该模板02. Shape在线预览 下载该模板03. Your Business在线预览 下载该模板04.Solitude 在线预览 下载该模板05. Fashion Club (Registration Required)在线预览 下载该模板06. O’No! Typography在线预览 下载该模板07.Pr...
2010-12-31 15:05:00
167
转载 300+Jquery, CSS, MooTools 和 JS的导航菜单资源
如果你是网站前端开发人员，那么对你来说，也许做一个漂亮导航菜单会很得心应手。但今天要为大家总结各种导航菜单的资源，以便让大家的网站前端开发的工作更方便更快速，只要选择现成的例子就可以应用于自己的网站了。收集的这些资源，从非常简单的HTML和CSS导航菜单，到非常复杂和高级的JQuery、JavaScript和MooTools技术，这都可以让你轻松实现褪色、滑动、拖动等效果。如果您...
2010-12-31 10:35:00
94
转载 10种AJAX/JavaScript特效
1.GreyBox GreyBox允许你以模式窗口的形式运行其它网站(类似于弹出式窗口，但又不运行新的浏览器窗口).如果你的网站上有一些其他网站的导出链接，但你又不想让你的用户离开你的网站或不想让他们打开另一个浏览器窗口的话，这真的是一个很好的解决方案。使用GreyBox 非常简单。 这里是关于GreyBox的关键页面:下载页面,说明页面,实例,安装,...
2010-12-31 09:53:00
110
转载 Web设计/开发技巧、脚本及资源总结
工具&Web应用13个可能会让你说”Thank You”的必不可少的开源应用14个免费工具让你了解为什么人们会放弃访问你的网站40+CSS生成器74个我们可能已经忘记的适合网页设计师的很棒的Web应用50+能提高你的网站速度和性能的技巧和资源15个可以监视网站人气的工具20个免费的SEO网站分析工具(已翻译成中文)11个功能强大甚至可以替代标准应用...
2010-12-31 09:50:00
88
转载 DIV+CSS总结+体验
让你使用DIV+CSS排版 不是让你用换个标签然后再去按照表格的方式去排版而是做到内容与表现的分离1: ID用于标识页面单独元素以及持久行的结构性元素 方便JS的调用类用于标识同一页面可重复定义使用的结构性元素 ID与类的命名需与表现形式无关 ：leftContent 而使用有意义的定义方式：sideBar等等。命名方式遵循“驼峰式大小写（标志符由多个单词组成 除首词首字母小写外 其余单...
2010-12-31 09:15:00
103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人