CSS, 网页设计

2008年国外50个最佳CSS设计欣赏

  今天,暴风彬彬将向大家推荐50个2008年的最佳CSS网站设计,这50个CSS网站是由WebDesignerWall评选出来的,很具参考价值。我们在欣赏的同时,也能从中吸取很多灵感,也能从它们的源代码中学习更高级的CSS技术。今年,越来越多的设计师开始使用超大的背景图片技术和一些JavaScript框架(如jQuery及MooTools)来提高用户体验。还有一些设计师将Flash和CSS混合使用。也许我们能从中发现2009年的新网页设计趋势?

您还可以参考以下CSS相关资源:

精选15个国外CSS框架
推荐20个让你学习并精通CSS的网站
20+漂亮的网站分类存档设计赏析(下)
20+漂亮的网站分类存档设计赏析(上)
推荐80个使用超大背景图片的网站设计》 

Let It Bleed

巨大而醒目的图片使得这个网站鹤立鸡群。

2009-网页设计-趋势

(更多…)

CSS

使用CSS创建三列固定布局结构

  今天暴风彬彬将向大家讲解如何通过设计一个HTML/CSS的基本结构,来创造一个简单且常用的三列式固定页面布局。

  我的讲解会包含一些标准元素,如logo、顶栏、导航栏、文本区域、用于文章分类的中列和用于插入Google Adsense 120X600广告的右侧列。所以您完全可以将这些代码快速拷贝并重新利用在自己的前端开发项目中。

HTML结构

下图说明了我在页面中添加的HTML/CSS元素。

网站-三列布局-实例

  这个结构其实已经可以直接使用了。您只需再重新定义字体、背景颜色、每个层和HTML标签的字体风格和一些其他自定义类。

(更多…)

CSS, 资源

精选30个优秀的CSS技术和实例

  今天,暴风彬彬为大家收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集、阴影效果、可扩展按钮、菜单等…这些实例都是使用纯CSS和HTML实现的。

  单击每个实例的标题可以被转向到该技术实例的相关教程或说明页面(英文),单击每个实例的图片截图可以直接跳转到相应实例的Demo页面。

  彬Go会经常更新前端开发/CSS技巧等相关技术及教程文章,欢迎订阅本博客来及时浏览本博客的最新教程及资源。

1.Hoverbox 图片集

一个纯净的基于CSS的图片集,鼠标悬停缩略图就会显示放大效果。

CSS-实例

(更多…)