Bainbridge Studios

More »

我们基本上每天都在用Photoshop,但是我打赌这篇博文中至少有一条贴士会让你觉得“为什么我原先不知道？”。

这些贴士能够让平时工作中最常用的操作变得更快捷，让你提高工作速度。
More »

Using Photoshop brushes can be a quick and effective way to beautify and improve a design. Though there are many Photoshop brushes available on the web free for you to download, you can also make your own to guarantee that you’ll have something truly unique.

Creating Photoshop brushes is easier than you think; if you don’t know where to start, check out these handy tutorials on Photoshop brush creation.

1. Create Photoshop Brushes for Coffee Stains and Splatters

More »

今天在 Six Revisions 上看到了作者又更新了本次的Favorites，这一次更新我觉得与我关系特别密切，因为有很多东西都是近期所研究，有的也在奇亚上发布过了。所以本文转载翻译并作收藏。

Favorites from the Feeds is a Six Revisions series that highlights notable design and development articles, tutorials, tools, and downloadable resources from my RSS feeds. In this installment, you’ll see some of my favorite Photoshop tutorials from last week, a great article on Opera’s site on grid design, and the other stuff you normally see on FFF.

More »

I often think at the actual economic crisis, I am a man in a constant precariousness and I look for some good solutions to improve my daily connection with the world. Well, I have a only solution: create things, make unique stuff. I apologize. I don’t know the secrets to save the world (I’m not Batman!), but I can make good stuff in Web Design, so with the today post I will explain how to create a clean and almost serious (hard thing for me) web design for a company.

More »

想成为一名 Web 设计师吗？ 那要具备什么呢？

More »

今天向大家推荐一些非常棒的网页设计类教程网站，这些网站都会经常更新一些优秀且高质量的Web界面设计教程。如果你热爱网页设计并且经常搜集各种界面设计教程，那么你一定要把下面这些网站收藏起来。

More »

图片非常重要，它们可以让你的页面更好看，更引人注目。但是，高质量和漂亮的图片常常会很大,它们会让页面加载变慢并消耗更多带宽。所以我们，这些设计师应该优化图片以使其体积更小但质量更高！
事实上有很多有用的图片优化工具，它们可以帮助我们优化并减小图片的文件尺寸。这些有用的应用包括web应用和桌面应用。

基于web的图片优化工具

1. Smush.it

Smush.it是一个很流行的图片优化工具，它可以既减小图形文件的大小又能保持其质量，也就是我们称之为“无损(lossless)”图片压缩！你可以通过网站来运行Smush.it (一次最多5张图片)或者通过Firefox的YSlow扩展。

2. Dynamic Drive在线图片优化器

该在线图片优化器允许你优化不同的文件格式，比如GIF、JPG和PNG。你既可以从本机上传图片，也可以像Smush.it那样粘贴图片的URL。该工具可以优化并转换你的图片为不同的文件类型。该工具的限制是每次一张图片，每张图片不大于200K。

More »

手绘设计的东东常常是一个颇为流行的选择来表现一个人的品位、热情以及童心。

貌似女生比较喜欢在自己的博客中使用手绘元素，这样可以显得很可爱或者有才……

尽管通过扫描手绘作品或者使用绘图板可以制作新的设计，使用准备好的设计也常常是个不错的选择。

为了帮你快速的进行手绘风格的作品设计，这里我们收集了一批漂亮的手绘风格Photoshop笔刷:

卷状笔刷

1.Swirl Set

2.Swirly Scribbles

3.Twizzles

More »

基于jQuery的饭否输入框.

相信大多数人都使用过饭否。总的来说，饭否算是国内一个不错的互联网产品。个人比较喜欢。特别是那个140字的输入框，我觉得还不错，能实时的显示 “已经输入多少字”和“还可以输入多少字”。所以，这篇文章就是来讲解如何制作一个类似的输入框。（现在QQ校友上的留言和评论心情这块也有）

1，基本布局

所需要的元素：一个标题，一个提示字数的元素，多行输入框一个，loading图片一张，提交按钮一个。
布局涉及到2个状态：”1个默认状态” 和” 1个已经超出” 的状态。
具体布局可以看下面的2个例子：
http://www.cssrain.cn/demo/fanfoutext/demo1.html
http://www.cssrain.cn/demo/fanfoutext/demo2.html

2，添加脚本

布局做好后，添加脚本就相对简单了。
很多人做这个效果的第一反应就是 使用 onkeydown或者onkeyup。我以前也是，当时遇到了很多问题。
不过上次看了国外一个代码后，我改变了思路。使用的是focus + setInterval() + +blur来实现。
具体思路就是 当鼠标获取焦点(onfoucs)后，添加一个setInterval(), setInterval()中的函数就是用来截取字符串的。当鼠标失去焦点后， 清除interval。另外需要注意的是，在focus时，需要判断 避免重复执行。
具体代码可以看Demo3:
http://www.cssrain.cn/demo/fanfoutext/demo3.html

More »