西米CC数据加载中,请稍候...
预览模式: 普通 | 列表

别开生面:纯CSS实现相册滑动浏览



原文地址:Sliding Photograph Galleries

翻译整理:西米CC-www.ximicc.com


>>>浏览本例最终效果<<<

放假了,这两天要回家一趟,近期博客暂停更新。若大家发现网络上有好的英文教程值得翻译,欢迎大家来留言提供资料,相互交流学习,3Q...

查看更多...

Tags: CSS 技巧

分类:技巧┇不可或缺 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 194

表单设计中的网页视觉体验



输入框Input 应当符合逻辑地划分为小组,这样大脑就可以很好的处理大堆区域间的关系。

——《HTML权威指南》

查看更多...

Tags: CSS 视觉 表单

分类:理论┇纸上谈兵 | 固定链接 | 评论: 3 | 引用: 0 | 查看次数: 287

一目了然:为你的链接添加图标提示



原文地址:Showing Hyperlink Cues with CSS

>>>为链接添加图标提示 效果预览 [请选用支持的浏览器]

本教程的目标是在文本链接的后面跟上不同的图标,来更直观的提示这个链接的相关信息,如它指向的是一个word文档、PDF文件或者是电子邮件地址。需要说明一下的是,这里讲解的实现方法只支持IE7、 Firefox和Safari浏览器。

查看更多...

Tags: CSS 技巧 不可或缺

分类:技巧┇不可或缺 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 277

巧夺天工:Photoshop实用滤镜进阶



原文地址:Advanced Glow Effects

在这个教程中,我们将学习在PS中如何制作非常漂亮的发光效果,其中涉及了一系列图层样式、钢笔工具及色彩混合的运用。最终的效果看起来有点玄幻的味道,同时也希望在本教程中你能学到一些新的知识和技巧。

查看更多...

Tags: 巧夺天工 Photoshop

分类:偷生┇半日清闲 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 280

CSS布局实战系列:混沌初开 [更新完毕]



来自国外博客 veerle 的一个系列教程,分八个部分讲解一张完整CSS页面的构建过程。虽然它不是每个步骤都解释得非常详细,但是其中提及的很多技巧和经验都很值得初学者借鉴,从界面设计到页面构建,强调了很多细节的设计理念。

1.导航菜单素材的设计

2.色彩选择及背景图案的制作

3.顶部图片的细节及视觉修饰

4.页面DIV布局解构

5.侧边栏导航菜单的实现

6.正文与图片的混排

7.页脚的构建

8.
侧边栏友情链接的实现

你也可以点击这里到原作者的Blog上查看英文原版教程,Enjoy!

查看更多...

Tags: CSS 布局实战 混沌初开

分类:实战┇布局实录 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 302

CSS混沌初开VIII:侧边栏友情链接



这是本教程的最后一部分,讲解如何实现友情链接版块。需要说明的是,这部分我们将把样式表转换为外联式来实现CSS样式的设定。该系列教程至此结束,希望大家能真正学到一点东西。若你对该教程有什么心得或建议,欢迎评论或浏览。另水平有限,翻译的过程中难免有不妥之处,希望大家多多纠正,西米CC欢迎大家的光临。

查看更多...

Tags: CSS 混沌初开 布局实录

分类:实战┇布局实录 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 189

CSS混沌初开VII:页脚的构建



首先要提醒大家的是,相对于表格布局方式,CSS中页脚的实现有着很大的区别。遗憾的是Safari作为一个新生浏览器,其对Web标准的支持还不是很完善,比如min-width和min-height属性在Safari中还没能得到良好的支持,但是页脚的实现我们往往需要用到min-height。在继续本节教程之前,希望大家去了解一下这篇Bobby Van Der Sluis文章,它对CSS中的垂直定位和页脚实现作了很到位的讲解。

查看更多...

Tags: CSS 混沌初开 布局实录

分类:实战┇布局实录 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 203