导航菜单在任何网站中都占有举足轻重的地位。对于充满了大量页面与文章的大型网站来说，下拉菜单于选项卡菜单非常受欢迎，这是因为用户可以通过他们 轻松的浏览网站，同时运用动态的选项卡显示内容能节省网站大量的空间。加入你也想创建一个属于自己的与众不同导航菜单的话，jQuery是提供一套定制选 项的正确选择。这就是为什么我想大家推荐36个jquery导航菜单实例的原因。 1.jQuery 选项卡界面 / 选项卡结构菜单教程 这种类型的菜单在网页设计与开发中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑...

一直在作仿Apple风格的主题，但是Apple有一个文字效果一直不能模仿出来，那就是浮雕效果如图，采用CSS样式制作浮雕效果文字网上搜索了很久，一直没有一个完美的答案，今天从国外网站看到一个利用CSS样式作出浮雕效果的文章，效果非常好，兼容各主流浏览器，不过要应用到WordPress主题上还得具体实践下。 ◆点击这里查看具体效果 原文（英文）：http://www.howtocreate.co.uk/textshadow.html

UI(User Interface)即用户界面，也称人机界面。是指用户和某些系统进行交互方法的集合，实现信息的内部形式与人类可以接受形式之间的转换。本文为WUI用户整理了10个优秀的 Web UI 库/框架，为你的下一个Web设计的高效开发作好准备。 1. IT Mill Toolkit IT Mill Toolkit是一个开源的Web UI 框架，为富 Web 应用程序提供widgets 和工具。无需担忧Web 浏览器、DOM 、 JavaScript的兼容性性问题。 2. LivePipe UI LivePipe UI 是一系列基于 Prototype  JavaScript 框架建立的高质量Web 2.0 widgets 和 controls 应用...

要知道，搜索引擎可都是通过抓取你的网站源代码来进行亲密接触的，那么，如何才能更好地让搜索引擎的爬虫更快更准确地觉察到你的内容相关性，增强网站的搜索优化呢？可能从最基本的DIV+CSS的命名规则入手会有意想不到的收获，最基础的就是最有效的。 下面从前端设计的角度整理的DIV+CSS的命名规则，就很好地考虑到了搜索引擎的喜好，在页面设计的过程中，尽量做你懂，搜索引擎也懂，何乐而不为呢。 页头：header 登录条：loginBar 标志：logo 侧栏：sideBar 广告：banner 导航：nav 子导航：subNav 菜单：menu 子...

如果你对 CSS 的掌握已经到了一定的贯通程度,那么你手中的 CSS 将会为你做很多高级的功能,甚至有时候 CSS 可以帮助解决之前靠 JS 才能解决的问题, 要知道,在 Web 开发过程中, 减少一段 JS 可是对 Web 的运行有足够大的减压作用的。25个 CSS 高级教程，让你更了解 CSS。 1. 纯 CSS 字体渐变和背景渐变 CSS Gradients using pure CSS Background gradients and CSS CSS Gradient Text Effect Pure CSS Text Gradient 2. Z-Index 图像重叠 Understading Z-Index CSS Z-index 3. CSS 边框创意 Create a Scalable...

任何一个行业发展到一个阶段之后，其应用都会越发的平民化，只要你够勤劳，你就可以创造自己的价值，网页设计也同样如此，如今网页设计的辅助软件和在线工具越来越多，并且都细化到了极致，各司其职，为Web设计者更好更快地提高工作效率带来了莫大的帮助，酷秀为我们翻译整理的28个优秀的快速网页设计必备工具和生成器。 1. Lorem Ipsum Generator 文本排版生成器 2. Stripe Generator 条纹背景 3. Mycoolbutton 按钮生成器 4. Web20generator Web2.0生成器 5. Buttonator 按钮生成器 6. VectorMagic 矢量图...

★CSS文字属性： color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration:overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-de...

这是 COMSHARP CMS 团队翻译的2009年海外Web设计风潮的第二部分，着重讲解了反 Box 式布局，单页布局，多栏布局，巨型插图设计，更多留白，社会网络元素，讲解式导航菜单，以及动态 Tabs 等设计风格，和 Smashing Magazine 推出的所有类似文章一样，里面包含了大量的，非常漂亮的实例。 本文第一部分请参阅：2009年海外Web设计风潮（上）。 2009 Web 设计风潮第 2 部分 反 Box 式布局 单页布局 多栏布局  巨型插图与多变背景 更多留白 社会网络元素 讲解式导航菜单 Status elements (Flickr, Twitte...

这是 Smashing Magazine 花费几个月的时间研究编写的 2009 年 Web 设计风格与潮流，Smashing Magazine 的编辑们对当前流行的大量Web 设计风格进行分析，总结出那些可能在 2009 年风行的潮流，包括新的设计元素，新的图形方式，并给出大量的漂亮的示例。这是第一部分10个潮流，第二部分15个潮流将于下周推出。 2009 Web 设计风潮 凸版印刷风格 富UI 透明 PNG 大字体 代用字体 灯箱框 媒体块 杂志式样 幻灯滚动 重点展示区域   1. 凸版印刷风格 这种风格有些出人意料，可能因为之前很少有人使用。该风格在在各...