实用教程,用CSS创建扁平化面包屑导航

随着近些年CSS与CSS3的发展,有些东西我们可以纯用CSS去实现,取代那些需要使用背景图片的老技术。在这篇教程中,我们将创建扁平化的面包屑导航链接,不再需要使用之前流行的“推拉门式的背景图片”。

我们将面包屑链接设计成类似雪佛龙的样式,表达向下获取内容的意思。过去我们用背景图片实现这一效果,现在我们将在边框border属性的帮助下,纯用CSS实现相同的效果。

8

阅读全文…

10个超级有用的jQuery插件

几乎没有人认为网页排版是容易的,但是近几年,随着web字体的广泛使用,以及很多有用的插件,它正变得越来越简单。

在本文中,我们收集了10个超级有用的 jQuery插件,它们将会帮助我们创造流动式文字,响应式标题,炫酷的动画文字,以及更多的其他效果。

Squishy

squishy插件可以根据容器尺寸自动调整文本大小,而无需其他更多的工作。

typejq01

阅读全文…

20个新的CSS3效果展示

自从CSS3制造出来后改变了web开发人员的生活。许多新特性的CSS3是我们的设计上升了一个级别。CSS3已经改变了web的字体,使我们创建快速和容易的文本效果和更直观地令人印象深刻。这里有一些新的收藏的CSS3效果可以浏览和使用它。

01. Experimental Animations

阅读全文…

2012年25个最酷的CSS3效果展示

这是最常见的应用写于HTML和XHTML是有个人风格的web,但是语言也可以应用到任何类型的XML文档,包括纯XML,SVG和XUL。CSS3是最新的标准的CSS。这个新的CSS3带来了一些令人惊异的特性,如渐变过渡、动画、内容滑块和所有新的效果。它给开发人员一个美妙的机会来提高他们的设计,方便快捷,令人印象深刻。如今几乎所有的主流浏览器现在都支持CSS3的特性,而来掌握新技术。在今天的帖子里我们展示了25个最酷的CSS3效果,将你的设计升级到下一个级别。

01. CSS3 Spice up with your Menu

阅读全文…

2012年30个新鲜和有用的CSS3和jQuery效果教程

web设计行业有着最快速的改变和成长。JQuery和CSS3已经稳住了web,是一个来创建漂亮的动画的最优先解决方案。CSS3充满神奇功能,其中一些更是极少的探索。jQuery是一个快速和简洁的JavaScript库,可以简化HTML文档遍历、事件处理、动画和Ajax交互快速web开发。在这个今天的博文我们共享CSS3和JQuery教程可以用于设计下拉菜单内容照片卷轴,全屏图像画廊,光标以下菜单、图像砍滑球、滑球、CSS3翻转图像视差效果,灯箱与CSS3,CSS3书发生器,叠加效应,CSS3动画。我们希望这些教程可以教会您一些技巧和技术。

CSS 3 Effects Tutorials

01. Jquery Custom Content Scroller

阅读全文…