这是 COMSHARP CMS 团队翻译的2009年海外Web设计风潮的第二部分，着重讲解了反 Box 式布局，单页布局，多栏布局，巨型插图设计，更多留白，社会网络元素，讲解式导航菜单，以及动态 Tabs 等设计风格，和 Smashing Magazine 推出的所有...
15年前 (2009-08-17) 835℃ 0评论
0喜欢
这是 Smashing Magazine 花费几个月的时间研究编写的 2009 年 Web 设计风格与潮流，Smashing Magazine 的编辑们对当前流行的大量Web 设计风格进行分析，总结出那些可能在 2009 年风行的潮流，包括新的设计元素，新的图形方式，...
15年前 (2009-08-17) 896℃ 0评论
0喜欢
产品页面 虽然你能用任何只能手机接入电子商务网站，但优化过的产品页面通常更易用，如你在下图看到的： 产品描述 当主页去掉图片和多余的导航后，页面就变得更易于手机使用。请始终认清什么内容是对在线购物体验最重要的： 当要决定是否从在线零售商购买商品时...
15年前 (2009-08-13) 888℃ 0评论
0喜欢
主页设计 布局 传统的网站经常是充斥着图片、广告展示区域、Flash广告、AJAX效果、多层导航菜单和许多按钮。如果用智能手机访问传统网站，通常需要像使用小孔查看地图那样的放大缩小页面。也需要很长的时间来读取这些大容量的内容。看一下Sephora和Target的传统...
15年前 (2009-08-13) 823℃ 0评论
0喜欢
由于平时不太用到，所以过去写css的时候对于position属性的absolute、 relative值理解比较模糊，对于z-index的层叠更是摸不着头脑，除了理解的因素外，各个浏览器的不同解析结果也是一个大问题。今天仔细阅读了 一下css文档，总算是对盒模型的浮动...
15年前 (2009-08-03) 965℃ 0评论
0喜欢
1. CSS字体属性简写规则 一般用CSS设定字体属性是这样做的： font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em;...
15年前 (2009-08-03) 1030℃ 0评论
0喜欢
首先大家应该明白，使用DIV+CSS做网页排版不是换个标签然后再去按照表格的方式去排版，而是需要做到网页制作的内容与表现的分离。 1: ID 用于标识页面单独元素以及持久行的结构性元素 方便JS的调用，类用于标识同一页面可重复定义使用的结构性元素 ID与类的命名需与表...
15年前 (2009-08-03) 909℃ 0评论
0喜欢
1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是...
15年前 (2009-08-03) 795℃ 0评论
0喜欢
一、IE边框若显若无，须注意，定是高度设置已忘记； 二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中； 三、三像素文本慢移不必慌，高度设置帮你忙； 四、兼容各个浏览须注意，默认设置行高可能是杀手； 五、独立清除浮动须铭记，行高设无，高设零，设...
15年前 (2009-08-03) 871℃ 0评论
0喜欢
解决div列高度自适的方法有很多种，这里介绍三种最常用的方法给大家（下面所有例子以父main，子divleft、divright为例）。 1、利用“clear:both”背景填充 这是使用最广泛的一种做法，我一直都用此方法解决div列高度自适问题。三行二列布局，主要内...
15年前 (2009-08-03) 879℃ 0评论
0喜欢
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喜欢
即使页面上只有一个元素它也是一个矩形的盒模型。其大小、位置、行为都可以通过CSS来控制。这里的行为是指当盒模型内部以及周围的内容发生变化时 的表现。例如，如果你没有给一个盒模型指定一个高度，那么它就会随着内容的增加变得越来越高。但是如果当你为盒模型指定一个高度、而其内...
15年前 (2009-08-03) 1096℃ 0评论
0喜欢
在必要的Web设计中，使用纹理风格的设计技巧可以很好地增强网站的视觉冲击，并提高网站的厚重和沉稳度。即使在页面的某一微小区域，使用特殊纹理的页面处理效果，都能使得网站在整体上表现出完全新颖的视觉形象。这里整理了25个基于纹理质感设计的创意网站设计，或许在下一个Web设...
15年前 (2009-07-30) 1069℃ 0评论
0喜欢
昨天美国雅虎正式宣布网站首页的新版，这也算互联网一件大事，尤其是对设计的朋友们。而且现在的美国雅虎的情况也不是很好的情况下有大刀阔斧的进行改版，也算是要有一些魄力了。其实这次新版早在几个月前就已经在某位同行的博客中透露出来，不过当时没有过多注意。昨天宣布正式改版以后，...
15年前 (2009-07-27) 1125℃ 0评论
0喜欢
这种效果好像在Youtube网站上看到过，不过Youtube是FLASH的，现在这个效果和FLASH几乎一样，这是基于JS的，带倒影的图片特效，很经典。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "htt...
15年前 (2009-07-27) 865℃ 0评论
0喜欢
用纯CSS代码实现的首页图片切换特效，没有用到任何JavaScript代码，鼠标点击就会切换图片，看上去还行，代码非常少，也很实用。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:/...
15年前 (2009-07-27) 841℃ 0评论
0喜欢
Tab滑动选项卡：完美实现篇 一、通过以上这么多的描述，我们写的代码都在一个页面里。完整的代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o...
15年前 (2009-07-26) 1156℃ 0评论
0喜欢
Tab滑动选项卡：DIV部分的实现1.首先新建一张空白网页,代码如下： [code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm...
15年前 (2009-07-26) 1146℃ 0评论
0喜欢
在过去几年中，Web开发人员开发了许多Ajax和CSS，Tab选项卡切换为基础的界面，成为一项非常有趣的技术，它让我们用一种简单的方式获得信息，而不需要打开和关闭多个窗口。 在本文中，我们花了许多时间来为你寻找最好的以Tab选项卡切换为基础的界面应用，这些Tab选项卡...
15年前 (2009-07-26) 934℃ 0评论
0喜欢
2008年国内免费php类cms的数据负载排名如下(排名仅供参考)： 经过几轮的测试，supesite和phpcms通过其优异的表现赢得了测评小组的青睐，通过三项得分数据看出他们在数据的管理能力上相比其他的cms更胜一筹。supesite取胜之道在于高效的后...
15年前 (2009-07-13) 820℃ 0评论
0喜欢
一个真正有用的获取灵感的 资源是CSS画廊和网站设计 收集网站。浏览其他人制作的 成功案例是获取 创意的最佳方式之一。本文 提供专门收集最佳网站设计并让他们易于查看的网站的一个大汇总。所有的网站都用截图显示，而且我希望你能从找找的你需要的网站。 网站设计汇集 fwa...
15年前 (2009-07-06) 1145℃ 0评论
0喜欢
是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喜欢
原文：21 Best Fonts for Hand Drawn Style Web Design 出自：webdesignledger 链接：http://webdesignledger.com/freebies/21-best-fonts-for-hand-dr...
15年前 (2009-06-30) 1249℃ 0评论
0喜欢
![[组图]浅谈品牌的视觉识别](http://www.yelanxiaoyu.com/wp-content/themes/yusi1.0/timthumb.php?src=http://img.ucdchina.com/upload/snap/2009-06/3cc45836fdf4e5c725ec0a70a40dfb9b.jpeg&h=123&w=200&q=90&zc=1&ct=1)
