欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

标签:Design

javascript

CSS制作网页编写小技巧

CSS制作网页编写小技巧
1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是...

15年前 (2009-08-03) 796℃ 0评论 0喜欢

Web前端

CSS布局口诀

CSS布局口诀
一、IE边框若显若无,须注意,定是高度设置已忘记; 二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中; 三、三像素文本慢移不必慌,高度设置帮你忙; 四、兼容各个浏览须注意,默认设置行高可能是杀手; 五、独立清除浮动须铭记,行高设无,高设零,设...

15年前 (2009-08-03) 871℃ 0评论 0喜欢

javascript

解决div列高度自动适应的三种最常用的方法

解决div列高度自动适应的三种最常用的方法
解决div列高度自适的方法有很多种,这里介绍三种最常用的方法给大家(下面所有例子以父main,子divleft、divright为例)。 1、利用“clear:both”背景填充 这是使用最广泛的一种做法,我一直都用此方法解决div列高度自适问题。三行二列布局,主要内...

15年前 (2009-08-03) 879℃ 0评论 0喜欢

Web前端

All About Floats

All About Floats
What is “Float”? Float is a CSS positioning property. To understand its purpose and origin, we can look to print design. In a print la...

15年前 (2009-08-03) 1098℃ 0评论 0喜欢

javascript

CSS中的overflow属性

CSS中的overflow属性
即使页面上只有一个元素它也是一个矩形的盒模型。其大小、位置、行为都可以通过CSS来控制。这里的行为是指当盒模型内部以及周围的内容发生变化时 的表现。例如,如果你没有给一个盒模型指定一个高度,那么它就会随着内容的增加变得越来越高。但是如果当你为盒模型指定一个高度、而其内...

15年前 (2009-08-03) 1096℃ 0评论 0喜欢

产品经理

25个基于纹理质感设计的创意网站

25个基于纹理质感设计的创意网站
在必要的Web设计中,使用纹理风格的设计技巧可以很好地增强网站的视觉冲击,并提高网站的厚重和沉稳度。即使在页面的某一微小区域,使用特殊纹理的页面处理效果,都能使得网站在整体上表现出完全新颖的视觉形象。这里整理了25个基于纹理质感设计的创意网站设计,或许在下一个Web设...

15年前 (2009-07-30) 1069℃ 0评论 0喜欢

分享

美国雅虎首页改版

美国雅虎首页改版
昨天美国雅虎正式宣布网站首页的新版,这也算互联网一件大事,尤其是对设计的朋友们。而且现在的美国雅虎的情况也不是很好的情况下有大刀阔斧的进行改版,也算是要有一些魄力了。其实这次新版早在几个月前就已经在某位同行的博客中透露出来,不过当时没有过多注意。昨天宣布正式改版以后,...

15年前 (2009-07-27) 1125℃ 0评论 0喜欢

javascript

纯CSS图片切换特效

纯CSS图片切换特效
用纯CSS代码实现的首页图片切换特效,没有用到任何JavaScript代码,鼠标点击就会切换图片,看上去还行,代码非常少,也很实用。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:/...

15年前 (2009-07-27) 841℃ 0评论 0喜欢

javascript

37个Ajax和CSS实现的Tab选项卡切换效果界面

37个Ajax和CSS实现的Tab选项卡切换效果界面
在过去几年中,Web开发人员开发了许多Ajax和CSS,Tab选项卡切换为基础的界面,成为一项非常有趣的技术,它让我们用一种简单的方式获得信息,而不需要打开和关闭多个窗口。 在本文中,我们花了许多时间来为你寻找最好的以Tab选项卡切换为基础的界面应用,这些Tab选项卡...

15年前 (2009-07-26) 934℃ 0评论 0喜欢

Web前端

web设计师一定要知道的CSS和设计网站

web设计师一定要知道的CSS和设计网站
一个真正有用的获取灵感的 资源是CSS画廊和网站设计 收集网站。浏览其他人制作的 成功案例是获取 创意的最佳方式之一。本文 提供专门收集最佳网站设计并让他们易于查看的网站的一个大汇总。所有的网站都用截图显示,而且我希望你能从找找的你需要的网站。 网站设计汇集 fwa...

15年前 (2009-07-06) 1145℃ 0评论 0喜欢

能力培养

Kindle的内容 设计

Kindle的内容 设计
是Jakob Nielsen在Usability Week 2009 conference发表的关于Amazon kindle内容设计的文章。文章涵盖了对kindle可用性、内容设计、交互设计、 信息架构等全面的分析 指导。 写一篇关于Kindle的文章就像给印刷、...

15年前 (2009-07-05) 868℃ 0评论 0喜欢

营销策略

[组图]浅谈品牌的视觉识别

[组图]浅谈品牌的视觉识别
什么是品牌的视觉传达 品牌,这个熟悉而又陌生的名词,有时总会让人产生误解。品牌很广,广到一个意会颇深的战略发展理念;品牌很小,小到一个清晰可见的图形符号。关于品牌,这里就不详细介绍了。要提到的是一套服务于品牌推广的手段CI系统(Corporate-Identity-...

15年前 (2009-07-01) 761℃ 0评论 0喜欢

Web前端

网站前端革命

网站前端革命
15. 忽略空白图片(Ignoring spacer images) 一定记得给图片加上alt属性,哪怕它为空。其原因是如果不写alt,有些阅读器会直接把它的文件名或URL读出来。 这让我想起小时候读过,说在发明数字0以前,人们都是用空位来表示的。这样就很不方便啊。...

15年前 (2009-06-28) 927℃ 0评论 0喜欢

产品经理

网站设计风格及色彩搭配技巧(五):色环

网站设计风格及色彩搭配技巧(五):色环
网页的色彩是树立网站形象的关键之一,色彩搭配却是网友们感到头疼的问题。网页的背景,文字,图标,边框,超链接...,应该采用什么样的色彩,应该搭配什么色彩才能最好的表达出预想的内涵呢?阿捷这里谈一些心得,希望对你有所启发。   首先我们先来了解一些色彩的基本知识: ...

15年前 (2009-06-25) 707℃ 0评论 0喜欢

flash

网站设计风格及色彩搭配技巧(三):程序

网站设计风格及色彩搭配技巧(三):程序
 四、程序   在早期的网站中,只有让浏览者「看」的作用,伴随着多种程序语言的发展,目前常听到的网页互动程序有ASP . PHP . CGI . XML等等,上述这些网页程序,都能使网页「动」起来,而网站的功能不再只有「看」,也可以「参与」其中。然而,大多数的网页制...

15年前 (2009-06-25) 715℃ 0评论 0喜欢

产品经理

网站设计风格及色彩搭配技巧(四):架构

网站设计风格及色彩搭配技巧(四):架构
  六、架构   一个网站若能有清楚的目录架构,除了对制作网站者来说容易维护外,更能让浏览者对于不熟悉的网站环境轻易上手。而网站的架构可由几个方向来说起,分别为目录规划、层次浅显易懂、选单应用等等。   网站的架构规划,应该于网页的制作前先制定完整,若以后有所更动...

15年前 (2009-06-25) 877℃ 0评论 0喜欢

产品经理

网站设计风格及色彩搭配技巧(二):排版

网站设计风格及色彩搭配技巧(二):排版
 二、排版   网站的排版是让网页浏览者阅读方便,且内容主题明确的重要指针,若网站的排版经过精心规划,将会使浏览者更能迅速的找到所需的资料。就如同一本书,编排得当将会使读者一目了然,且更能了解该书所要阐述的内容。而网站的排版,就如同书册的排版一般重要。网站的排版包含...

15年前 (2009-06-25) 798℃ 0评论 0喜欢

flash

网站设计风格及色彩搭配技巧(一):色系

网站设计风格及色彩搭配技巧(一):色系
  一个人拥有自己独特的风格,是一般人所没有的,就会让人注意到那个人的特别,若那个人的风格是正面的,甚至就会引起别人的羡慕与注意,或是赞赏。就如同一个网站,拥有别的网站所没有的风格,就会让浏览者愿意多停留些时间,细细品尝该站的内容,甚至该站会得到多人的鼓励与注目,粗略...

15年前 (2009-06-25) 798℃ 0评论 0喜欢

产品经理

高品质的网页设计: 实例与技巧

高品质的网页设计: 实例与技巧
提升网页和博客设计品质的一些实例和技巧 “高品质”是所有人追求的目标,在网页设计的世界中也不例外。不过何为“品质”,如何判断一项设计的品质是好还是坏?笔者恰好有一套找出网页设计中品质焦点的方法。一旦你了解到如何判断一项高品质的设计究竟好在哪里,你就掌握了让自己的设计...

15年前 (2009-06-11) 1295℃ 0评论 0喜欢