文章关键字 ‘UI’

基于CSS color属性的静态UI组件重构策略

2016年11月18日,星期五

技术的发展往往会带来相应的思维方式上的转变,这样才能相辅相成,发挥新技术的潜力,如果还是使用以前的思维模式,怎么说呢,有着劳斯莱斯加着92#汽油在跑的感觉。

传统的实现,包括现在移动端几乎所有的实现套路都是下面这样的,无论是标签还是按钮,都是先设定一个基础类名,写下基本样式,然后不同的颜色重新命名一个状态类名,覆盖默认的边框色或者背景色或者文字颜色,是什么颜色就写什么颜色。

但,实际上,如果采用基于color重构UI组件的策略,则可能会有意想不到的裨益……

阅读全文…

以20像素为基准的CSS网页布局实践分享

2016年03月22日,星期二

以20像素为基准进行CSS网页布局,说不定会让一些细节和潜能大放光彩,当然这需要体系的配合,还需要一些完整的解决方案在里面,本文就将分享这一实践心得,保证是其他地方都没有的。外甥点灯笼——照旧(舅),有demo有截图有必要的源代码展示,希望本文的内容能够对您的学习有所帮助!

阅读全文…

基于原生HTML的UI组件开发

2016年01月22日,星期五

本文属于波澜不惊,平铺直叙版本。如果想看有有激情有思想的版本,可以去ISUX官博:“顺势而为,HTML发展与UI组件设计进化”

阅读全文…

面向设计的半封装web组件开发(概要版)

2015年08月12日,星期三

目前很多Team和团队都有自己的一套web组件体系,模块化开发,封装良好,上手简单。然后希望该web组件可以应用到接手的各个项目中,节约日后的开发成本。甚至考虑开源。
这其实是很棒的,但是呢,希望一套web组件各个项目通用?在我看来,除非对项目没有追求,否则不太现实。
但是呢,希望一套web组件各个项目通用?在我看来,除非对项目没有追求,否则就是妄想。
为什么说传统web组件想一统天下不现实呢?因为就像秦始皇一统天下一样,要牺牲很多很多东西…

阅读全文…

网页制作辅助工具-jQuery标尺参考线插件

2010年08月2日,星期一

本文介绍的是我最近几天写的,自认为还不错的一款jQuery插件,此插件用来在页面上显示标尺,同时创建参考线。UI效果模仿著名的图像制作编辑软件photoshop,里面的一些也与photoshop一致,例如标尺的显示隐藏,参考线的显示与隐藏,拖移标尺可以新建参考线,参考线可以随意移动,可以使用对话框新建参考线,支持快捷键操作等。

另外,自己还更近一步,提供了很多标尺,参考线相关操作的接口,可以实现自定义的一些功能。例如页面加载显示自定义的参考线等。总之,个人认为是自己近期写得相当满意的一款插件。同样的,本文提供丰富的截图,必要的demo以及代码展示,以及源文件打包下载。希望能对您有所帮助。

阅读全文…

使用CSS实现Photoshop选区效果及应用

2010年06月24日,星期四

使用CSS实现Photoshop选区效果及应用 张鑫旭-鑫空间-鑫生活

本文主要内容是展示于讲解一种不错UI效果的实现,这个UI效果就是photoshop的选区效果。提供截图展示,提供原理动画演示,相信您会很快了解这类效果的实现方法的。另外,文章的后半部分列举了此效果的一些应用,希望能对开通您的思维提供帮助,利用这种UI效果实现更多精湛的web设计。

阅读全文…

CSS3模拟window7炫酷界面效果展示

2010年05月7日,星期五

CSS3模拟window7炫酷界面效果 张鑫旭-鑫空间-鑫生活
上图所展示的UI效果,纯粹使用CSS3实现的,此效果可以在Opera10.5及Firefox3.6下看到,由于IE浏览器对CSS3的支持比老婆支持老公出去找小姑娘还弱,深入去研究其技术那还为时过早,但是,作为观赏者,一起体验一下CSS3惊为天人的潜力,对于眼界和一些想法观点的转变还是颇有帮助的。
其他的我就不说什么了,我真是期待CSS3成为标准的那天,那整个web将会是前端的天下,各类技术层出不穷,人类的灵感得到前所未有的释放,我期待着这么一天……

阅读全文…