文章关键字 ‘页面重构’

图层转CSS3 photoshop扩展CSS3Ps插件简介

2013年09月7日,星期六

CSS3的世界已经愈发侵犯我们的世界,so,当下,很多设计师设计的东西都是通过CSS3来实现,而不是想办法弄一张图片,例如,一些渐变效果,投影等。
但是,有时候,我们的渐变可能是斜的,或者说起点不是从边缘开始。对于web重构人员来讲,要准确表达设计师的效果就比较头疼了。因为肉眼显然无法精确识别,现有的些工具大多测量尺寸、间距,获取颜色值之类,无法判断渐变的起止点或者投影的距离以及模糊程度。唯一的办法就是……

阅读全文…

小tip: base64:URL背景图片与web页面性能优化

2012年04月13日,星期五

正如标题所示,本文内容就是介绍如何使用base64编码的CSS背景图片对web页面做性能优化。先介绍何为base64编码,如何base64编码,以及为何需要base64编码,最后付诸实际进行演示。
一如既往,有详尽的源代码展示,必要的截图以及demo演示页面。总之,希望本文的内容能够对你的学习有所帮助。

阅读全文…

与web网页设计师内部交流会内容预分享

2011年07月14日,星期四

在我看来,人生中能找到一个合适的搭档是很难很难的,例如舞伴,女朋友,或是web设计师。网上不是流传着这么一句话嘛:不怕神一样的对手,就怕猪一样的队友。

而如女朋友之类一般都是靠自己解决的,具有很好的能动性、选择性。正所谓我选择,我喜欢。但是,对于职业化的web设计师往往都是组织安排的,就像是《潜伏》里组织给余则成安排不可抗拒的翠平这个老婆一样。你没有权力去挑三拣四,所能做的就是不断磨合。指手划脚,怨声载道,到头来啃泥巴的还是自己。

浮生若梦如云,变幻莫测。还期待下赛季表现的姚明也要宣布退役了,对于人员流动频繁的互联网界来说,就更不用说了。数月前,公司高级UI设计师因为某些原因,离职了。加上今年业务扩大,人手不足,接连招了好几个网页设计师,但都是经验尚浅的年轻小姑娘。在最近的几个小项目的配合中,发现这几个新来的设计师有些不给力:不预先做功课(如熟悉现在的网站设计元素、风格、交互等),结果辛辛苦苦做了很多无用功;有些浮夸的效果不仅增加了自己的工作量,我们前端这块也会多折腾,但设计所提升的价值却很有限。

阅读全文…

CSS页面重构“鑫三无准则”之“无图片”准则

2011年05月25日,星期三

无图片准则 1分快3
“鑫三无准则”这个概念貌似最早是在去年的去年一篇名叫“关于Google圆角高光高宽自适应按钮及其拓展”的文章中提过。这是自己在页面重构的经验中总结出来的一套约束自己CSS的准则,即“无宽度”、“无图片”和“无浮动”,目的是使CSS布局模块化以及增强可扩展性。

此准则是针对我个人的,可能没有什么适用性,也可能会对您的学习有所启发,所以这里还是简单分享下。其中“无宽度”准则则在去年秋天专门讲了下,这里再简单介绍下其中的“无图片”准则。

本文虽然文字不多,但是多涉及到的技术点不少。有demo,有截图,有源代码展示,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

web页面相关的一些常见可用字符介绍

2011年05月14日,星期六

世界之大,字符之多。要是真正一个一个去折腾的话,估计折腾到我找到女朋友那天也折腾不完的。本文就简单列举了常见的些字符以及一些简单应用。本文内容全当抛砖引玉,希望可以开启你对字符一点感性的认识,增加一点字符使用意识,同时为web页面制作开阔一点思路吧。
同样的,有截图,有demo,有源代码展示。总之,希望本文的内容那个对您的学习有所帮助。

阅读全文…

页面重构“鑫三无准则” 之“无宽度”准则

2010年10月11日,星期一


为了使CSS布局模块化以及增强可扩展性,我曾自己总结了一套约束自己的CSS准则,我自己称之为“鑫三无准则”,即“无宽度”、“无图片”和“无浮动”,这些都是在页面重构中尽量避免的东西。而本文就是要最其中的“无宽度”准则进行一些探讨。
因为纯粹个人的东西,所以可能没有什么适用性,单也可能会对您的学习有所启发,所以这里还是简单分享了。对于一篇观点论述性的文章,一定要大量的图片、数据域实例支持,另外还有必要的帮助理解的demo页面,本文没有多少复杂的代码,所以源代码展示比较少。总之,希望能对您的学习有所帮助。

阅读全文…

CSS页面重构之“门派”之分

2010年08月14日,星期六

本文是我CSS理论方面又一篇重磅的文章。文中提出了CSS页面重构一个非常新颖的“门派”观点,主要指出了当下CSS页面重构两种主要的“流派”,并通过大量的实例与图片对此观点进行了说明与验证。
对于CSS页面重构的“门派”之分,其实自己的思考还不是很成熟,借此文顺便梳理了下自己的思考。这里,我特别想汲取其他同行的一些观点与看法,以帮助自己进一步地成长。所以非常欢迎指出您觉得表达不准确的地方,也欢迎提出您自己的一些观点。

阅读全文…

中国古代道家思想与网页重构的思考

2010年03月18日,星期四

道家是以老子、庄子为代表的中国春秋战国时期诸子百家中最重要的思想学派之一。道家思想以其独特的宇宙、社会和人生领悟,在哲学思想上呈现出永恒的价值与生命力。
在众多的道家思想内容中,其非常重要的一个核心思想:顺其自然,无为而治,我是非常之推崇,这种哲学思想已经深深地影响到了自己的为人处事,思考问题的方式。
本文就将通过“顺其自然,无为而治”的思想,讲述我对网页页面重构的一些思考。揭示一些规律,希望能对您有所帮助。

阅读全文…

我熟知的三种三栏网页宽度自适应布局方法

2009年11月17日,星期二

目前,以1024像素显示器为目标的960~1000像素的网页在占有率越来越高的宽屏下的显示有些吃力了。采用流动性布局,也就是宽度自适应布局可以有效解决这一问题。自适应问题是个很大的题目,如果深入细节,不是几篇文章可以说清的。本文就针对实现简单的三栏宽度自适应做题。简要展示了我所熟知的三种宽度自适应布局方法。全都是比较优秀,没有兼容性问题的方法。提供demo实例演示以及源文件下载。希望对您有所帮助。

阅读全文…