摘要: 常用设计网站 # Spunk United 非常出色的杂志,里面提供的都是世界顶级设计师的专访,灵感以及文章还有更多。 # FreeLance Switch 这个站点上的所有资源都是开放免费的,你肯定要知道:) # Computer Arts 这是一个非常优秀的网络杂志,中文版杂志是《Computer Arts 数码艺术》,相信设计者都有订阅这份杂志. # David Airey 一位专业的图形以及logo设计大师分享他所有的知识在这儿,你一定可以从这里学习到很多知识。 # Behance 可以给你带来设计灵感,这里聚集了所有来自世界上所有的设计,非常酷吧 # Pdf Mags 非常出色的杂志,里面提供的都是世界顶级设计师的专访,灵感以及文章还有更多。 # Graphic Design Forum 这是最活跃的图形设计场所,比较针对于设计初学者。 # Design Is Kinky 这是来自澳大利亚的一个纯粹有关设计新闻和通用设计的站点 # Freelance Folder 一个Blog社区,发布的都是常用型文章,非常丰富。 阅读全文
posted @ 2010-03-26 20:26 愁容骑士FFF 阅读(600) 评论(0) 推荐(0) 编辑
摘要: 有时候需要对网页中的某些元素添加提示效果,以丰富信息内容,如链接中的title等,使用jQuery插件wTooltip可以实现窗口工具提 示,默认提示内容为title,可自定义提示内容与提示显示的CSS样式,效果图如下: jQuery插件wTooltip弹出小窗口提示效果 使用说明 需要使用jQuery库文件和wTooltip库文件 阅读全文
posted @ 2010-03-25 00:22 愁容骑士FFF 阅读(705) 评论(0) 推荐(0) 编辑
摘要: wBox——轻量级的弹出窗口jQuery插件,基于 jQuery1.4.2开发,主要实现弹出框的效果,并且加入了很多有趣的功能,比如可img灯箱效果,callback函数,显示隐藏层,Ajax页 面,iframe嵌入页面…… * 背景透明度可以根据实际情况进行调节,甚至不设置背景 * 可以根据需要添加wBox标题 * 支持设置窗口位置,默认为在中心显示 * 支持callback函数 * 支持html内容自定义 * img灯箱看图功能 * 支持在wBox显示#ID的内容 * 支持Ajax页面内容 * 支持设置背景,不设置背景 * 支持wBox拖拽功能 * ESC键,或者在背景上双击即可关闭wBox * .wBoxClose的内容click可以关闭wBox,无论是组装的html,还是隐藏的html,甚至于iframe的内容中 的.wBoxClose 阅读全文
posted @ 2010-03-24 23:59 愁容骑士FFF 阅读(866) 评论(0) 推荐(0) 编辑
摘要: 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常 用css缩写语法总结》,这里就不展开描述。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比 如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格。 三.区分大小写 当在XHTML中使用CSS,CSS里定义的元素名称是区分大小写的。为了避免这种错误,我建议所有的定义名称都采用小写。 class和id的值在HTML和XHTML中也是区分大小写的,如果你一定要大小写混合写,请仔细确认你在CSS的定义和XHTML里的标签 是一致的。 四.取消class和id前的元素限定 阅读全文
posted @ 2010-03-23 22:07 愁容骑士FFF 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 以下是CSS2.0手册中对于定位问题的解释: 检索对象的定位方式。 设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。 假如其他具有不同 z-index 属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠。 此时对象不具有外补丁( margin ),但仍有内补丁( padding )和边框( border )。 要激活对象的绝对(absolute)定位,必须指定 left , right , top , bottom 属性中的至少一个,并且设置此属性值为 absolute 。 否则上述属性会使用他们的默认值 auto ,这将导致对象遵从正常的HTML布局规则,在前一个对象之后立即被呈递。 阅读全文
posted @ 2010-03-21 23:03 愁容骑士FFF 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 当我们把鼠标放在一个链接上时,如果该链接设置了title属性,就会悬浮显示一个淡黄色背景的文本提示,这就是最基础的Tooltips提示工 具。但其平凡的样子实在很难让人注意。利用javascript则可以 生成一些漂亮、高级的tooltips,这些提示信息不仅仅限于文本,还可以是图片,音频,视频甚至框架,并且可以包含html元素,方便使用CSS来美化。 先吸引到访问的眼球,才能达到提醒的目的。16款Javascript Tooltips提示工具。 阅读全文
posted @ 2010-03-20 18:47 愁容骑士FFF 阅读(742) 评论(0) 推荐(1) 编辑
摘要: 原文:50+ Amazing Jquery Examples- Part1 jquery是近段时间里比较流行的一个javascript框 架,不断有使用者开发出新的 jQuery插件。下面收集了50个开发者最喜欢使用的jQuery插件。这仅仅是第一个系列,你先品尝,第二道大餐即将到来。 Sliding Panels -滑动门控制 1) Sliding Panels For jQuery -元素可以展开或关闭,创建出手风琴的滑动效果。 阅读全文
posted @ 2010-03-20 17:39 愁容骑士FFF 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 网页设计中,内容组织恐怕是最至关重要、最影响设计品质的方面了。如何将信息组织到好的布局中,是一个网站的基础,并且应该在考虑外观之前就决定好。没有 好的布局,网页信息流就不能正确传递,所有东西都不能建立起合理的联系。 在这篇文章中,我们将讨论八个布局解决方案/技巧,这些方案和技巧将有助于你创建整洁有序的内容布局。这八个技巧包括 滑门 (sliders)、标签式、渐进布局(progressive layouts)、结构网格、模态窗口(modal window)、翻转元素、手风琴效果(accordions)以及超大下拉菜单(mega drop-down-menus)。 1. 滑动样式与传送带(Sliders and Carousels) 滑门(Sliders),也可称为传送带(carousels),是一种有序的、交互性强、十分平滑地展示内容的方式。滑门样式是一个非常流行的技 巧,大家都觉得它很好用,能让你在固定的区块内填充上大量内容。没有滑门的帮助,这些内容可能就要分开放到页面中的各个地方。而大多数时候,你在使用页面 空间时总是捉襟见肘。或者,有些内容是你希望“用 阅读全文
posted @ 2010-03-20 12:42 愁容骑士FFF 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 属性: 1 .nodeName 节点名称,相当于tagName.属性节点返回属性名,文本节点返回#text。nodeName,是只读的。 2 .nodeType 值:1,元素节点;2,属性节点;3,文本节点。nodeType是只读的。 3 .nodeValue 返回一个字符串,指示这个节点的值。元素节点返回null,属性节点返回属性值,文本节点返回文本。nodeValue可读可写,这是对元素节点不能写。一般只用于设置文本节点的值。 4 .childNodes 返回子节点数组。文本和属性节点的childNodes永远是null。可以用hasChildNodes()来判断是否有子节点。只读属性,要删除添加节点可不能用操作childNodes数组的办法呃。 阅读全文
posted @ 2010-03-16 08:53 愁容骑士FFF 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 在smashingmagazine上 看到这篇文章,讲的是Web应用程序设计流程和准则等方面,也许对大家有所帮助。翻译比较仓促,错误地方请多指教,查看原文点这里。 商务Web应用程序的界面设计 商 务Web应用程序的设计常常被人们所忽视。我看到许多程序,它们既不符合商业目标,也不满足用户需求,它们有很差的用户体验,并造成了商业利润的损失。更 夸张的是,有些设计师根本没有参与整个程序的开发流程,而是把全部职责都推给了开发人员。 对于擅长前端和后台技术的工程师来说,他们缺乏设计能力,很难完成这项艰巨的任务。不满意的消费者、沮丧的用户,以及失败的项目,也就自然 而然地出现了。 接下来,我们将介绍“商务 Web应用程序”界面设计的基础知识。一般来说,人们可以提供许多有关界面设计的方法、技巧和准 则,而这里,我们的重点将放在商务Web应用程序上来。 阅读全文
posted @ 2010-03-13 13:14 愁容骑士FFF 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 1.超链接访问过后hover样式就不出现的问题?   被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A   2.IE6的双倍边距BUG   例如: 阅读全文
posted @ 2010-01-30 17:40 愁容骑士FFF 阅读(288) 评论(0) 推荐(0) 编辑
摘要: jQuery 1.4 最近发布了。 超乎大家的预期,这次并非简单的修修补补,1.4 包含了很多新特性、功能增强和性能提升!本文即向您介绍这些可能对你十分有用的新特性和优化增强。 你可以立刻下载jQuery 1.4试用: http://code.jquery.com/jquery-1.4.js 阅读全文
posted @ 2010-01-23 14:19 愁容骑士FFF 阅读(104) 评论(0) 推荐(0) 编辑
摘要: 来源:http://varhi.com/?p=1963 为了保证旺盛的创作力需要花费大量的时间精力不断的学习提高,这里收集分享了一些优秀的博客,一起看看吧。 webdesignerwall.com含有比较有深度的关于设计趋势的文章,文章质量太高,都翻烂了。 阅读全文
posted @ 2010-01-23 11:58 愁容骑士FFF 阅读(193) 评论(0) 推荐(0) 编辑
摘要: The Superfish jQuery plug-in creates Suckerfish style flyout menus from HTML unordered lists and is very easy to use. It can work entirely with CSS alone but the jQuery bits add some enhancements. This post demonstrates how simple it is to use and in the next jQuery post I show how I cache the parts of the menuthat are initially hidden with Javascript so they don't need to be downloaded with every page load. This latter aspect is very useful if it's a large menu structure 阅读全文
posted @ 2010-01-23 09:11 愁容骑士FFF 阅读(485) 评论(0) 推荐(0) 编辑
摘要: IxEdit傻瓜式JavaScript开发工具(附下载、汉化版、视频教程)http://www.cnblogs.com/JustinYoung/archive/2009/11/18/ixedit.html 阅读全文
posted @ 2010-01-22 14:42 愁容骑士FFF 阅读(191) 评论(0) 推荐(0) 编辑