漫步 » Design

Top 35 Inspirational Korean Websites

漫步 — Wed, 13 May 2009 00:30:20 +0000

今天看到篇 Top 35 Inspirational Korean Websites 的文章，看到那些截图，有种惊艳的感觉，真的非常漂亮！

由于语言问题，非常少关注韩文网站，难得一见，所以今天决定转载这篇文章，因为对那些图片真是爱不释手啊！

总体感觉，韩文网站和其它语种的网站比起来，自成一种风格，独有的，从设计，创意，排板，布局，颜色等方面都可以感觉出！

The napBook

漫步 — Sat, 18 Oct 2008 02:00:12 +0000

The napBook 是产品设计师 Hafsteinn Juliusson 的一个作品，非常棒。我猜不少人都会想要一个可以当枕头的笔记本电脑包吧？ The napBook 很适合时下使用笔记本电脑的学生族和上班族们，外观时尚，据说很快就会出现在 Apple store，如果可能的话，我也会想买一个，看图说话：

Blackbird – 非常酷的 Javascript 简单调试工具

漫步 — Wed, 15 Oct 2008 22:10:38 +0000

Blackbird 是一个开源的 Javascript 调试工具，默认提供一种非常酷的方式展现 Javascript 调试信息，如下图，效果如何呢？

在我们的日常的学习或工作中，经常都会接触到 Javascript，有时为了进行一些简单的调试，我们也许会采用 alert()，但有时也是很麻烦的，比如在一个循环中，我们可能就要点击 n 次的弹出窗口了。但现在有了 Blackbird，我们就可以和 alert() 说拜拜了。

虽然有人说会很多 Javascript 类库都有类似功能，但我可不想因为进行一些简单的调试而去加载一个框架，因为 Blackbird 足够简洁和小巧了，就 4 个文件，20 多 KB：

4 个文件： blackbird.js，blackbird.js，blackbird_icons.png，blackbird_panel.png

使用也非常简单，保持 css 文件和 png 文件在同一目录下（注：当然你也可以修改 css 文件，使之按你想要的目录方式存放。），然后在你想调试的页面的 < head> 和 < /head> 之间加载该 js 和 css 文件即可，大概代码如下：


  
    
    
    ...
  
  ...

Blackbird 支持当前的主流浏览器如 ie6+，Firefox2+，Safari2+，Opera9.5 等，并支持快捷键操作，非常方便。

F2： 显示和隐藏控制台
Shift + F2 : 移动控制台（目前只支持移动到四个角，如果支持随意拖动就更炫了。）
Alt + Shift + F2：清空控制台信息

同时，Blackbird 还提供多个公共 API：

log.toggle()          显示或隐藏 Blackbird
log.move()            移动
log.resize()           修改 Blackbird 窗口显示大小
log.clear()             清空信息
log.debug( message )   debug 信息
log.info( message )     一般消息
log.warn( message )      警告信息
log.error( message )    错误信息
log.profile( label )     计算消耗时间

使用方法也很简单，如想在 Javascript 代码里调用 Blackbird，代码如下：

log.debug( 'this is a debug message' );
log.info( 'this is an info message' );
log.warn( 'this is a warning message' );
log.error( 'this is an error message' );

或一个更详细，具体的例子：

log.profile( 'local anchors' );
 
var anchors = document.getElementsByTagName( 'A' );
for ( var i = 0; i < anchors.length; i++ ) {
  if ( anchors[ i ].name ) {
    log.debug( anchors[ i ].name );
  }
}
 
log.profile( 'local anchors' );

以上代码来自 Blackbird 官方，演示和下载地址如下所示：

Demo：http://www.gscottolson.com/blackbirdjs/
Download：blackbirdjs-1.0.zip
License：MIT License

A Wonderful Collection of Free Social Icon Sets

漫步 — Fri, 10 Oct 2008 22:40:17 +0000

在 designfloat 上看到一组免费的社会化网络服务的图标，比如 twitter，delicious，digg 等，感觉非常的可爱，有创意，所以分享给大家，其中也有国人 yichi 的设计作品。

图标下载地址请点击相应图片，为尊重作者，我未给出直接下载地址，请见谅。

作者： Templates.com

作者： Mauricio Duque

作者： Templates.com

作者： yichi

作者：yichi

作者： Edward de Leau

作者：Helen Gkizi

涂鸦

漫步 — Fri, 30 May 2008 17:02:27 +0000

我一直都很喜欢涂鸦,从小到大,看到一些涂鸦作品都爱不释手.

偶然看到下面这些图片,真让我大开眼界啊,太喜欢了(图片资源来源: youthedesigner).

另外, 因为 buou , 让我知道了上海有条路叫莫干山路,那真是涂鸦的天堂啊,很是向往.

20 Free Ebooks and Whitepapers for Better Web Design

漫步 — Thu, 13 Mar 2008 02:48:00 +0000

也许很多人都有听过或一直关注过 mashable，我也一样，不过我现在并未订阅 mashable，因为他的更新量实在太大了，这样会让我感觉信息严重过载，但我们可以选择其它的方式，比如在 originalsignal 上就聚合了很多非常有名的 web 2.0 的网站，我们只需要扫描一下标题，选择感兴趣的阅读即可。

很多人喜欢看电子书，也有很多人喜欢写电子书。很多人喜欢把自己所掌握或所学到的东西用电子书的方式分享给大家，不过类似这种氛围在中国好像不多，但国外却不少。

昨天，mashable 发布了一篇关于 web design 的 20 本免费电子书的文章，粗略的查看了一下，都是很棒的电子书，非常值得像我这样的对 web design 感兴趣的去阅读这些文章，他们全是免费的哦。

如果你对 web design 感兴趣的话，不妨去阅读该文，我在这只做推荐，并不打算全文转载或翻译过来。当然，如果你有其它不错的 web design 方面的资源，也请告知在下，不胜感激。

90+ Web galleries

漫步 — Wed, 20 Feb 2008 17:00:45 +0000

之前翻译的一篇8 个优秀的 CSS 展廊类博客大家还是很喜欢的,也被多方转载，最近也开始更为关注设计方面的博客或网站。

Web galleries（姑且叫 web 展廊吧，包含 CSS galleries）类的网站，为我们展现了无数美轮美奂的设计作品，让我们眼界大开，我们也可以从中学到很多设计上的精湛技艺。如果我们的设计作品，能够在一些世界著名 Web galleries 上展现的话，这无疑是最好的广告。

stylizedweb.com 收集了近 90+ Web galleries 类博客或网站，这真是一笔不小的资源，推荐大家收藏之，鉴于原文帖出的都是链接，所以我就直接转载过来以飨读者，感谢 stylizedweb.com 的辛苦收集。

bestwebgallery.com, brdcast.net, ceeses.com, cmsshowcase.com, coolsitecollection.com, css11.com, css20.com, cssanarchy.com, cssart.net, cssbased.com, cssbeauty.com, cssblue.com, cssburst.com, cssclip.com, csscollection.com, csscontainer.com, csscoosite.com, css-design-yorkshire.com, cssdrive.com, cssdump.com, csselite.com, cssexchange.com, cssflavor.com, cssfresh.com, css-galleries.com, css-gallery.co.uk, cssgallery.ro, cssglance.com, csshazard.com, cssheadtrip.com, cssheaven.com, cssimport.com, cssimpress.com, cssleak.com, cssliquid.com, csslove.net, cssnature.org, cssocean.com, csspinoy.com, cssprincess.com, cssremix.com, csssmoothoperator.com, csstux.com, cssvault.com, css-website.com, csszengarden.com, designbygrid.com, designfest.eu, designflood.com, designmeltdown.com, designshack.co.uk, designsnack.com, designsnips.com, designersource.net, designerspub.net, easyshare.com.cn, epreo.com, genuinestyle.net, gouw.nu, happycodr.com, inspirationking.com, lightondark.com, mostinspired.com, my3w.org, myvirb.net, netcocktail.com, onepixelarmy.com, per.fectio.net, plasticpilots.com, portfoliobase.com, prowebart.net, professionalontheweb.com, refreshlinks.org.uk, screenalicious.com, screenfluent.com, showcase.gr, showcasepoint.com, splench.com, standardsreboot.com/sites/judged, styleboost.com, stylecrunch.com, stylegala.com, styletheweb.com, submitcss.com, thebestdesigns.com, thedesignedtree.com, thedezine.com, w3csites.com, website-gallery.com, welovewp.com, webdesign-inspiration.com, webcreme.com, hotwebber.com, onestargallery.com, welovetxp.com, www.designexpanse.com, www.cssartillery.com, cssmania.com,cssloggia

这里面包含了都是关于 web design 相关的，不仅仅是 CSS 的，不过 CSS 还是占大部分就是，其中当然也包含了之前推荐过的 8 个优秀 CSS galleries 类博客或网站了。从这么多的 web galleries 中你也一定可以评选出你自己的 top web galleries 了，欢迎你写出来，让大家都能够分享到。

[via]

8 great digg-like social networks for designers in 2008

漫步 — Thu, 14 Feb 2008 17:00:07 +0000

因为 digg.com 的成功，互联网上出现了无数的 digg-like 网站，虽然良莠不齐，但也不乏精品。

最近一直在关注 Design 方面的东西，也想收集一些这方面的资料。偶然看到 8 great digg-like social networks for designers in 2008 这篇文章，感觉不错，推荐给大家。该文向你推荐了 8 个关于 design 方面的 digg-like 网站，从这些 digg-like 网站我们可以发现很多精品文章。

1、Designfloat

人气相对不错，分类详细且合理，上面 digg 了大量精品文章，大家应该多去看看，digg 时无需注册。

2、9rules

网站设计的不错，主要分 Design,Apple,Humor,Personal,Blogging,Web++ 等主题。很不错的网站，推荐。

3、designrelated

专注于 deisgn, 需注册才可以投票，有大量 design 方面的精品文章。

4、designsnack

很有意思的一个网站，用图片展示的方式某件设计作品，你可以对其打分，并可以参与讨论。

5、pixelgroovy

我个人很喜欢的一个网站，上面有大量的 deisgn 或 css 方面的教程类文章。

6、commandshift3

严格上说不是 digg-like，e-spacy.com 之前有介绍过。访问者可以随机同时浏览两个网站的缩略图，比较之下哪个设计更优秀来做出选择。

7、dzone

适合 developers 和 programmers 去的一个 digg-like 网站，比较专注于 programming 和 code 方面，当然也有很多 design 方面的文章。

8、developersniche

非常棒的一个 digg-like 网站，webdevelopers 和 designers 应该多去看看，比较专注的一个网站，上面有很多精品文章。

3000+ 小图标大汇总并提供下载

漫步 — Wed, 19 Dec 2007 16:33:41 +0000

不管是设计博客主题还是各类型网站，都要用到一些小图标，小图标虽小，但可以起到画龙点睛的作用，可以点缀你的设计作品。

blogmundi.com 收集了近 3000+ 的小图标，这对于设计爱好者来说是莫大的一笔资源，省了很多在网上到处找图标的时间。

这是原文地址: +3700 iconos gratis para tu web o blog。

blogmundi.com 所使用的语言并非是英语，虽然看不懂文章意思，但收集的所有图标都使用英语标识的，不过他并非直接在文中列出所有图标或提供下载，只是提示图标来源及一些图标的样图。不过要一一把所有图标都收集起来也是非常需要时间的，为了方便大家，我抽空把几乎所有的图标都下载下来并打包了（小部分网站打不开）。

下面是一些图标预览：

所有图标下载地址：http://www.mediafire.com/?7292yicb1oo