jcdmt

摘要：在当下的网络局势下, 你如果要建立一个以用户群为基础的网站, 不搞点Web 2.0实在是不像话. 实在是跟时代有够脱轨. 尽管我个人偏爱的设计风格还是网格线条类的. 但也不能拒绝Web2.0的简单直接和美观. 所以也介绍一些相关的Web 2.0工具和资源.本文里面, 我们精心收集整理了超过150个 Web 2.0风格网站设计中可能会用到的工具, 如果你是一个网络高手, 那这些工具能让你加速你的工作... 阅读全文

摘要：原文：http://www.smashingmagazine.com/2007/03/19/40-designtech-magazines-to-read/翻译：Blank（怿飞）42 Design/Tech Magazines To Read42个值得阅读的设计/技术杂志引用:Regardless of what it is that you’re selling, in order... 阅读全文

摘要：之前尝试做过vista和apple的光线，得到几个朋友的认可．让我写出自己在这方面的经验，其实也没有太难的技巧．只是用photoshop里的钢笔和选区的羽化及图层透明度，图层色彩混合的运用实现出来的效果．由于是本人第一次写教程难免有所不当之处，望众位请见谅！ 1：新建一个500＊300的文件，设置前景色#064d80，背景色#009ada;在背景层上拉上线性渐变，如图： 2：新建一个层... 阅读全文

摘要：从QQ秀的流行程度我们可以看出国内网友对卡通形象的热爱.我们在大部分可以自定义个人资料的网站上一般不会上传真实的图片,一个独具个性的卡通形象也许会更加具有吸引力.我之前介绍过一个新兴的网站Befunky,从索要邀请的人数来看,这的确是一个非常有人气的服务.下面介绍的11个卡通形象制作网站各具特色,能够满足不同类型的需求. 1.Portrait Illustration Maker 个性卡通头像制... 阅读全文

摘要：在线调色工具收集 1.Web 2.0 调色板：列出了目前主流web2.0网站的配色方案供你参考。 2.colorblender-颜色在线编辑器：首页上提供无数种互联网上最流行的经常搭配在一起的六种基本色，你可以选择其中你认为符合你网站风格的六种基本色然后进行微调得到你喜欢的颜色。 3.颜色快速采集器：提供了上百种颜色，选中颜色即会在网页背景显示相关颜色，得到相应的颜色代码。 4.Color Ble... 阅读全文

摘要：作为一个网站设计/开发人员，你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间。 优化/格式化类 1、CSSTidy - CSS Tidy是一个开源的CSS分析和优化工具； 2、CleanCSS - CleanCSS是一个基于CSS Tidy的强大的CSS优化和格式化工具。Cha... 阅读全文

摘要：当产品走到HTML Coding这块，多浏览器的测试是很重要，也很麻烦的一个环节。现在大家主要是保证IE6，7及Firefox的一致。 browsershots提供了Linux、Windows、Mac os、BSD四个平台下的多个浏览器的页面截图，很强大。不过我主要就看看Windows和Mac os下的效果就好，选择太多浏览器会导致速度非常慢。 完成后的所有截图： 阅读全文

摘要：先来看张图片： 原理就是通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过hover标签去滑动图片。ok，看看代码吧。 CSS自适应宽度圆角按钮 @5key.net 首页 不是首页 他也许是首页 但他一定不是首页 好了，就这样把。别扯了~ 阅读全文

摘要：自适应标题方案 我是标题!我是标题! 下面是我的背景图： 阅读全文

摘要：1. 将彻底屏蔽鼠标右键 Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->oncontextmenu="window.event.returnvalue=false" Code highlighting produced by Act... 阅读全文

摘要：摘要: 不论是对浏览者还是对搜索引擎，文字都是最佳的页面内容展示方式，但是，由于字体等原因的限制，纯文字的展示渐渐无法满足爱美的设计师的要求。 于是，出现了通过 CSS 来实现用图片替换文字的方法，这种方式既能实现页面上各种丰富的效果，又能满足搜索引擎优化的需要。因此，深受网页设计师的喜爱。 不论是对浏览者还是对搜索引擎，文字都是最佳的页面内容展示方式，但是，由于字体等原因的限制，纯文字的展... 阅读全文

摘要：行高的概念看上去很简单——文字行的高度，其实，行高所涉及到的基础知识，对于今后理解其它属性也很重要。 大片密密麻麻的文字往往会让人觉得乏味，因此适当地调整行高（line-height）可以减低阅读的困难与枯燥，并且使页面显得美观。行高指的是文本行的基线间的距离，但是文本之间的空白距离不仅仅是行高决定的，同时也受字号的影响。 7.3.1 语法 line-height属性的具体定义列表如下： 语法：... 阅读全文