摘要: dribbble.com是一个全球优秀设计师聚集的地方,我经常去上面看看大师们的优秀作品。今天我又看到一个很好看的按钮。设计师用一个图层实现了按钮,这个按钮有5个效果:0. 本身是一个纯色填充图层。1. 描边效果。2. 高光效果(即PSD中的“内阴影”效果)。为什么能用内阴影做高光呢?因为设计者用了纯白的阴影(不透明度65%)。3. 投影效果(即PSD中的“投影”效果)。向下的一像素的阴影,随不起眼,但如果想显出立体感,却至关重要。4. 本影效果(即PSD中的“斜面和浮雕”效果)。这一效果给按钮下方添加了1像素的黑色斜面(不透明度15%),制造出按钮的本影。5. 高光效果(即PSD中的“渐变叠 阅读全文
posted @ 2012-04-09 11:12 FrankFang 阅读(11006) 评论(7) 推荐(3) 编辑
摘要: 源代码如下:<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <script type="text/javascript"> function submit(s){ alert(s) return false; } </script></head><body> <form action="" onsubmit="return s 阅读全文
posted @ 2011-12-29 17:54 FrankFang 阅读(4771) 评论(8) 推荐(0) 编辑
摘要: 本文适用于Ubuntu 10.10(在Fedora 15下安装也成功了)这两天一直在搭建ubuntu里面到开发环境,对于习惯了win7的傻瓜式的操作的我来说还算是小挑战~不过整个过程还是蛮有意思,渐渐地你会发现鼠标真的是浮云。下面记录下偶怎么安装aptana3(aptana2应该也适用)。翻译参考文档: http://www.ygamretuta.com/2010/12/install-aptana-3-in-ubuntu-10-10/安装java运行时,偷看这里说明:实际上偶并没有执行这步,因为发现在安装aptana3之前 java的运行时已经安装过了。貌似是安装ubuntu-restric 阅读全文
posted @ 2011-11-06 18:14 FrankFang 阅读(3820) 评论(0) 推荐(0) 编辑
摘要: 估计入门时都会遇到的。我是在windows下用的Python25自带的IDLE编辑运行的,发现运行脚本得出的结果有一些中文显示是乱码,但有一些是 正常的。百思不得其解。首先查看了一下源文件的编码格式,是UTF-8。经过搜索再搜索,调试再调试,也换了几个编译器,发现比IDLE还糟糕(可能需要 进行encode设置)。问题终于解决了,一共花了俺将近5个小时,写在这里,希望遇到问题的人能搜索到这里,不再重犯。 乱码原因:因为你的文件声明为utf-8,并且也应该是用utf-8的编码保存的源文件。但是windows的本地默认编码是cp936,也就是gbk编码,所以在控制台直接打印utf-8的字符串当然. 阅读全文
posted @ 2011-11-02 22:12 FrankFang 阅读(7463) 评论(2) 推荐(0) 编辑
摘要: /** * The doGet method of the servlet. * This method is called when a form has its tag value method equals to get. * * @param request * the request send by the client to the server * @param response * the response send by the server to the client * @throws ServletException * if an error occurred * @ 阅读全文
posted @ 2011-10-22 21:38 FrankFang 阅读(2389) 评论(0) 推荐(1) 编辑
摘要: 对于document.compatMode,很多朋友可能都根我一样很少接触,知道他的存在却不清楚他的用途。今天在ext中看到 document.compatMode的使用,感觉这个对于我们开发兼容性的web页面还是很有帮助,我们都知道,IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的,在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样,但在Quirks Mode模式下则有很大差别,而在不声明Doctype的情况下,IE默认又是Quirks Mode。所以为兼容性考虑,我们可能需要获取当前的文档渲染方式。document.compat 阅读全文
posted @ 2011-10-19 17:48 FrankFang 阅读(821) 评论(0) 推荐(0) 编辑
摘要: 百度:http://www.baidu.com/s?bs=a+href%3Dvoid+%C2%A9%B6%B4&f=8&rsv_bp=1&wd=a+href%3Dvoid+%CE%CA%CC%E2&inputT=1027CSDN:http://blog.csdn.net/leefwu/article/details/5833904开拓者的博客:http://xyz168000.blog.163.com/blog/static/21032308201122833250190/StackOverflow:http://stackoverflow.com/questi 阅读全文
posted @ 2011-10-05 16:41 FrankFang 阅读(364) 评论(0) 推荐(0) 编辑
摘要: 一直以来我都在寻找一种简洁而又华丽的Web界面风格,却一直未能如愿。如今网页设计中大行其道的设计元素有华丽的Icon、柔和的光线和自然的阴影、恰当的配色,当然还有时下风靡男女老少的Apple风,确实绚丽无比,这种风格可以说是对上面说到的几种元素的完美组合!但是要知道,一种艺术或风格,永远都是有人喜欢有人厌的——我还是觉得这些都不够简洁,直到我听说了Metro,一种以“sleek, quick, modern”(平滑、快捷、现代)为宗旨的设计风格,尤其适用于以文字为主的界面。图一 这是Zune播放器的界面截图,使用了Metro界面风格图二 Metro Twit的界面截图首先,我想知道Metro里 阅读全文
posted @ 2011-08-28 17:10 FrankFang 阅读(3893) 评论(11) 推荐(10) 编辑
摘要: 越来越觉得国内没有教书育人的氛围,为了弄懂JS的闭包,我使出了我英语四级吃奶的劲去google上搜寻着有关闭包的解释,当我看到stackoverflow上这一篇解答,我脑中就出现了一句话:就是这货没跑了!不才译文见下,见笑了。Peter Mortensen问:就像老Albert所说的,“如果你不能向一个六岁的孩子解释清楚,那么其实你自己根本就没弄懂。”好吧,我试着向一个27岁的朋友就是JS闭包(J... 阅读全文
posted @ 2011-08-03 00:53 FrankFang 阅读(44830) 评论(98) 推荐(40) 编辑
摘要: 1.下载地址猛击这里。 2.入门。 为什么是960px?参考TaobaoUED的网页栅格系统研究(1):960的秘密。 源代码文件结构如下: 2.1 如何使用 要使用 960gs,首先需要到 960gs 官方网站下载样式文件,然后就可以直接在页面设计时使用 960.css 中定义的 CSS类(class)即可。 2.2 看看960.css 960.css分为十九个部分。 第一部分只有一句,注意不... 阅读全文
posted @ 2011-06-05 21:20 FrankFang 阅读(5075) 评论(10) 推荐(2) 编辑