Archive for the 'Techniques' Category

恢复火狐Firefox 7.0中被隐藏的http://的方法

火狐Firefox的开发公司真的是被Chrome给教坏了,不仅在开发速度上学习Chrome,频繁发布新版本,而且从火狐Firefox 7.0开始,浏览器的地址栏也学习Chrome浏览器,把http://的开头给隐藏了,只保留加密的https://。这样有个很不方便的就是在选择的网址的时候全选了之后仍然带有http://的部分,而不好自己选择,很麻烦,而且有些人本来就对没有http://开头的网址很不习惯。

firefox 7 trimmed url 恢复火狐Firefox 7.0中被隐藏的http://的方法

经过我的研究,发现了恢复火狐Firefox 7.0中被隐藏的http://的方法,其实很简单的。

1,在火狐的浏览器地址栏中输入about:config并回车。如果提示会失去质保选择确定就可以了。

2,在顶部输入browser.urlbar.trimURLs,找到这个Boolean类型的值。没有的话就新建一个这个名字的Boolean值。

3,双击将值改成true。

不用重启,现在就能看到浏览器地址栏网址的http://开头就已经回来了。

使用CSS3添加圆角和阴影

css3 border radius box shadow 使用CSS3添加圆角和阴影

CSS3是W3C发布的CSS的最新版本,支持大量强大的功能,但是由于各大浏览器对标准的支持程度不同,很难保证制作的东西在所有的浏览器中都保持一致。现在连向来对标准支持很差的IE都发布了遵循W3C标准的IE9,CSS3的特性在各大浏览器上基本都得到了实现。现在我教你使用CSS3添加圆角和阴影,另外还有CSS2中的文字阴影。

Read more »

用Twip搭建API翻墙使用Twitter

去年,我写过两篇文章,分别介绍使用免费VPN和修改hosts的方法翻墙上Twitter,Facebook,YouTube。一年过去了,那些hosts和那个免费的VPN早就失效了。防火墙是牛逼的,没有这么容易就让你穿越的,而且堵漏的速度很快。

但是Twitter是怎么封也封不住的,只要想上Twitter就没有上不去的道理。原因在于Twitter是支持API的,任何人可以在任何服务器上架设API,这是根本就封不了的。鉴于从本月1日开始Twitter强制使用Oauth验证,这里要搭建的API就是支持Oauth的。

网上有不少架设Twitter API的教程,但是我看了几乎所有要么是讲解的不细致,要么就是介绍的方法不管用,所以我特意写下这篇文章。先说一下服务器的要求。服务器需要支持PHP和.htaccess,Windows主机是不行了,Linux主机倒是支持.htaccess。记得.htacess是由Apache支持,如果是安装Apache的Windows主机也有可能支持,不妨试试。

Read more »

RGB色彩的基本原理

basicrgbcolortheory RGB色彩的基本原理

从小我们上学的时候就已经知道自然界是三原色组成的,那是红黄蓝色原色。可是到了计算机中,三原色不再是红黄蓝,而是红绿蓝,也就是俗称的RGB色彩。为什么计算机中的三原色是红绿蓝?那么这篇文章就为你揭晓答案。

Read more »

Serif vs Sans Serif 该如何选择

字体的种类众多,但是可以分为几大类。在网页中使用的字体主要分为Serif和Sans Serif字体,这不是什么具体的字体,而是字体的分类名称。Serif字体和Sans Serif字体的区别在于Serif字体是有衬线的,而Sans Serif字体是没有衬线的。光用文字表述还不能说清楚,下面这幅图就能体现这两种字体的区别了。

serif vs sans serif Serif vs Sans Serif 该如何选择

左边的就是属于Serif字体的Georgia字体,这是Windows系统中自带的。右边的是属于Sans Serif字体的Arial字体,也是Windows系统中自带的字体,Arial字体在网页中使用很广泛。可以看到Serif字体在笔画末端会有衬线,而Sans Serif字体则没有。Serif字体常出现在印刷当中,而网页中使用Sans Serif比较广泛。

Read more »

用JavaScript创建可折叠导航菜单

有时候为了避免页面上出现过多的元素可以将部分元素隐藏起来,等到需要的时候通过鼠标点击展开相应的元素。当导航菜单项目过多的时候就可以采用这种方法。

首先,需要创建HTML列表,代码如下:

Links

Read more »

关于Photoshop中的智能对象的介绍

从Photoshop CS2版本开始起就包含了一个重大的新功能,智能对象。那么这个智能对象到底有多么智能?就来做个比较吧。

以这张图为例,我在Photoshop中分别使用传统方法和智能对象旋转一圈,每次旋转10度,录制为动作之后重复播放,所以旋转一圈需要36次。

photoshoprotationorigin 关于Photoshop中的智能对象的介绍

下面来看看传统方法将一个普通图层分为了10度为阶梯,总共旋转一圈360度之后的效果。

Read more »

在Photoshop中用调整图层调整图像

这个文章的标题看起来有点怪,我也想不出更合适的词汇了。一般在Photoshop中对图像进行色彩方面的处理的话都是直接用菜单命令,其实在Photoshop中有个更好用的调整图层。

调整图层和用图像菜单中的调整子菜单里面的各个功能的区别在于,调整图层会新建一个图层,所以不会对原始像素进行修改,而且既然是图层,那么就可以通过图层面板中的小眼睛把它隐藏,还能够添加图层蒙版控制调整图层的影响范围。而用菜单命令的话就会改变图像中的像素信息,而且没有办法还原,除非使用撤销或者历史纪录。

另外一点区别在于调整图层对下方的所有图层都起效果,而菜单命令只对当前选中的图层其效果,无法将效果应用到多个图层上,除非将多个图层合并之后再进行调整。

在Photoshop图像->调整菜单中的项目基本上在调整菜单中都能找到。创建一个新的调整图层只要在图层面板下方选择中间的那个按钮,然后选择需要的调整功能,比如,亮度/对比度,色阶,曲线。

Read more »

为网页不同应用类型添加不同的CSS样式表

一般设计网页的时候只会给网页添加一个CSS样式表,这个样式表用于屏幕显示。但是可以给打印,手持设备,语音朗读设置不同的CSS样式表。

为什么要设置不同的样式表?网页中一般会包含很多除了内容之外的其他内容,没有必要把这些也打印出来,可以为打印机设备另外一个样式表,这样去掉网页中的导航条,边栏之类的部分,节约油墨和打印空间。同样对于盲人可以添加另外一个适合语音朗读程序的样式表,对于手持设备可以针对小屏幕设置另外一个内容更为紧凑的CSS样式表。

有两种方法给网页添加不同应用类型的CSS样式表,一种是把样式表分为不同应用类型的单个文CSS文件,或者把所有内容写在一个CSS文件里。

例如,现在有3个样式表,screen.css用于屏幕显示,print.css用于打印,handheld.css用于手持设备。在HTML源代码的head部分添加下面几行:

Read more »

绘制正确投影大小与距离

在现代设计中,投影几乎无处不在。绘制投影是个基础的技能,但是这看似简单,却很容易犯各种错误。一种常见的投影错误就是投影的大小与距离。

投影能够创造一种立体的感觉。在一幅图片或者网页的设计中,所有元素组合成一个整体,所有元素的投影都必须满足一体性。初学者通常在各个堆叠的元素上会放置同样的大小和距离的投影。以下面这幅图片为例。

dropshadowincorrect 绘制正确投影大小与距离

Read more »

Next Page »