CSS, 很久以前的工作记录, 网页设计

展示:大学时期做的第一个xHTML+CSS项目

彬Go-xHTML-css-作品

今天我要向大家展示一下我早在大学三年级时为学校的心理咨询健康中心做的一个网站,呵呵,也许大家会纳闷为什么现在拿出来展示?因为我从毕业工作到现在已经一年了,想把当初自己为之骄傲的作品拿出来让大家拍拍砖,也是给自己一年的努力做一个对比,过两天我会再发一个近期的UI设计+前端项目作品,就是想总结一下从我开始学UI设计和CSS到现在到底都有哪些进步,也希望大家多多拍砖,但恳求手下留情,嘎嘎嘎~~
(更多…)

CSS, 网页设计

CSS Sprites(CSS图像拼合技术)教程、工具集合

css-sprites-教程

今天彬Go将向大家推荐目前为止最全的CSS Sprites(CSS图像拼合技术)技巧、工具和教程集合,该集合是有一位国外设计师收集整合,并由 oncoding翻译成中文的,感谢他们的辛苦贡献。CSS Sprites技术在国外并不是什么新技术,只不过近两年(尤其08年开始)中国开始流行这个词,大家也开始越来越关注CSS Sprites这个没有标准中文翻译的技术。CSS Sprites这个词如果直译的话是”CSS精灵”的意思,它显然无法表达其技术的内涵。通常我们把它叫做CSS图像拼合技术,当然还有人把CSS Sprites叫做”CSS贴图定位”。无论怎么叫,它的技术核心是不变的,下面让我们来了解一下这篇CSS Sprites(CSS图像拼合技术)技巧、工具和教程集合吧。
(更多…)

CSS, 网页设计, 资源

Web UI 设计(网页设计)命名规范

Web UI 设计命名规范
最近工作实在是繁忙,所以好久没有更新自己的博客了,实在是对不起各位读者。今天好不容易闲下来半天,所以和大家分享一下我之前总结的一套Web UI 设计命名规范,也就是网站用户界面设计(俗称网页设计)命名规范。

这套规范并非单纯的CSS、html或JavaScript命名规范,它涉及了很多使用PhotoShop这类设计工具进行网页设计过程中的命名规范。(好久没写文章了,有点罗嗦,吼吼~)。首先我是出于公司几位美工的设计效果图源文件没有对图层命名而开始考虑总结一套的,还有一个原因就是网上大多命名规范都是关于编码的,也就是那些css、html、js和一些服务器端语言的,至于设计方面的命名规范实在是很少。但是毕竟设计师也是技术团队的成员,而且前端开发工程师是要使用设计师的效果图源文件的,所以统一命名规范和设计规范对于团队的协作和工作效率肯定是有好处的。

这套WebUI设计命名规范总结自我的一些Web设计经验和国外设计师的命名方式推荐。
(更多…)