jQuery—UI的一些使用记录

By19.Published on八月 21, 2011 21:16. 439 Views .
很差差一般好非常好 (2 次评分, 平均: 4.50 out of 5)
Loading ... Loading ...

相对于jQuery无论是工作还是自己的站点都在经常使用，但是jQuery UI还真没怎么好好接触过，现在UI的最新版本已经是1.8了，就更新速度来说远快于jQuery本身。最近稍微学习了一下，做了几个例子。

就我接触过的很多项目还都是使用EXT做一些WEB方面的富客户端界面及应用（基本都用于业务系统的后台管理），EXT确实很强大，不过缺点也是显而易见。众所周知的就是EXT类库太重，如果系统是内网使用到还好说，放在外网的话光加载速度都是一个很大的问题。如果需要对EXT的体积进行优化，不是对EXT特别了解，优化后也很容易出错。

再有就是对程序员本身来说，这类封装太重的东西使用起来对自己的提高到底是好是坏，调用EXT实例确实简单，随便几句一个很漂亮的页面就出来了（甚至连HTML你都不用会），但真正自己写的代码少之又少，脱离这个环境之后就完全不知道如何下手，导致现在的程序员越来越“低端”，当然做项目就是要讲究效率，这话仁者见仁智者见智吧。

相比较EXT我个人感觉jQuery做的就比较好，体积远小于EXT，并且只提供了相对基础的功能，对比EXT来说开发人员本身还是要写很多其它代码，这也是我比较推崇jQuery的原因。

Computer
window_aside
  Name Link
window_main_loading

进入主题，左边的三个图标就是UI应用的例子之一，jQueryUI主要分为三部分Interactions（交互）、Widgets（组件）、Effects（效果），左边的例子主要用到它Interactions中的Draggable（拖放）及Resizable（调整大小）。图标可以拖动，双击之后弹窗显示wordpress的分类链接，弹出的窗口同样可以拖动、调整大小。

例子主要参考了http://desktop.sonspring.com/提供的jQuery桌面。这个桌面示例和EXT的桌面比起来也丝毫不逊色，可以把此例作为学习UI的入门例子。可能当初我把WEB实现桌面界面想复杂了，其实整个例子就主要使用了Draggable和Resizable，甚至连UI的CSS都没有引入（仅自定义了几个draggable和resizable的样式），自己所写的CSS和JS也并不算多。

如果可能需要用到UI所有功能，则直接引入jquery-ui-1.8.14.custom.min.js及jquery-ui-1.8.14.custom.css（包括images文件夹），相比较EXT来说UI的体积已经是相当小了，并且对应CSS修改默认样式也很方便，下面是部分UI功能的简要记录：

继续阅读…Continue reading…

{ 1 comment } { Tags: }
关于照片后期处理的“电影风格”及“德味”

关于照片后期处理的“电影风格”及“德味”

By19.Published on五月 3, 2011 20:02. 492 Views .
很差差一般好非常好 (4 次评分, 平均: 5.00 out of 5)
Loading ... Loading ...

对照片后期处理的“电影风格”及“德味”的小总结。其实我玩单反也就一年左右的时间，而且我这种天天写代码的人，PS什么的就跟浮云一样~和做设计的比起来，可以说是一窍不通。不内涵的说我从头到尾也就会那么几招，但是还是想把自己后期处理图像的经验分享一下，愿与图像或图像软件的菜鸟们相互交流，高手看后请高抬贵手（就别在PS上难为一个程序员了~）。

这里用了几个尼康的图片PS插件（锐化，黑白，彩色三个插件），下载地址：http://www.verycd.com/topics/2737913，下载地址中也提供了插件的汉化和注册码。photoshop下载地址就不提供了，自己找找吧。后期处理图片也主要以这几个插件为主（就会这几招）。

我处理图片的步骤一般分为：锐化、对图片进行降温或升温、降低饱和度、微调、润色总共五步。下面这张图片就是后期处理过的一张有“电影胶片风格”的照片，个人感觉还可以（相比较我所掌握的PS技术来说），起码该有的味道都出来了。

如果你觉得上面这片还可以，有那么一点意思的话，就看看我详细说下~

安装插件后，打开要修改的图片，首先使用滤镜的尼康锐化滤镜锐化一下当前的图片（此锐化滤镜真的相当好用），当然如果你觉得不需要锐化可以忽略此步骤。

之后使用尼康彩色插件对图片进行降温或升温，降温或升温要根据你图片的风格来具体操作，左侧的类型选择“明亮/暖调”，调节右边的色调条来调整你的照片冷暖风格。

使用尼康黑白插件对图片进行饱和度调整，打开黑白插件面板后，左边是图片风格，这里我选择Antique plate1~

右侧的颜色图标代表你需要高亮的颜色，例如选择红色就是将黑白图像中红色部分提亮，而其补色部分变暗。之后点击stylizing中的toning，在preset根据你照片的风格选择冷暖色调：

继续阅读…Continue reading…

{ 4 comments } { Tags: , }
Page 1 of 30123456...Last »