Angus Hyland was commissioned by Jacob Lehman at Rizzoli to design the book to accompany “Fantastic Mr Fox,” the latest film by Wes Anderson. The film is based on Roald Dahl’s classic children’s novel, originally illustrated by Donald Chaffin. The book chronicles the making of the film adaptation, which uses stop-motion animation and features the voices of George Clooney as Mr. Fox, Meryl Streep as Mrs. Fox and Bill Murray as Badger.

Spread including the first design for Mr. Fox by Eric Anderson, through material swatches and drawings to the final eyeball.

Hyland and his team were given an overwhelming array of materials with which to work. These included: Wes Anderson’s drawings, along with his annotated scripts; pictures of props, sets and puppets; the Chaffin illustrations; stills from the film; concept designs and character development drawings; material swatches for costumes; and technical drawings and interviews with Wes and Eric Anderson, Jason Schwartzman and Liccy Dahl.

In order to cope with this vast plethora of material, the Pentagram team established a structure for the layout of the book. They decided to follow the chronological order of the story and alongside this chronology, to demarcate special sections on character development through the use of different papers.

The main characters are introduced in the special sections. Each section starts and finishes with a full-bleed image. The sections provide an explanation of the process from early sketches through character development, fabric samples and costume designs to the final puppet.

The final pages from Kristofferson’s character development section.

The start of each chapter features a page from Anderson’s annotated script giving an insight into the thoughts behind the creation. Frequently working remotely, Anderson had to communicate via email with the animators on set and these emails also feature in the book.

Wes Anderson was closely involved in the book design. He provided Hyland with his starting point, the book Truffaut by Truffaut, and worked in conjunction with the Pentagram team, approving overall structure, layouts and use of font.

The attention to detail lavished on the film itself is mirrored in the book with the cover material being chosen to mimic Mr Fox’s corduroy suit whilst the endpapers match the cream of his shirt. The book also contains full bleed pages from “White Cape,” the comic maquette read by Mr. Fox’s mopey schoolboy son, Ash.

Chapter V illustrated by Wes Anderson’s annotated script and drawings.

Bill Murray casts his eye over the set for his character Badger.

来这里看看

No related posts.

这里整理了27个独具创意的网站导航设计案例，在网站应用性中，导航菜单应该是最重要的部分了，优秀的导航设计不仅可以方便用户浏览网站内容，还能在第一时间给用户准确的信息传达，直观地表现网站的内容涉猎，让用户更方便地找到想要的需要的内容。

Vegas Uncork’s

SYNTHVIEW

Help Your Habitat

Electric Pulp

The House Media

Breezy Baby

Curious Generation Group

Pastebot

Chirp

Delibar

Comfort Brothers

Narwhal Co.

Michael Dick

Yellow Bird Project

Ugmonk

Image Spark

Intuitive Designs

Iconlicious

Oval Cube

Neutron Creations

TheOldState

Digital Podge 2009

Arbutus

8Interactive

Cannonball

Sower of Seeds

Ready Made Designs

via:  A Showcase of Website Navigations with Serious Click Appeal

Related posts:

1. Dtabs – wordpress导航栏下拉菜单插件使用方法与教程

Gravatar这个东西先要从Wordpress说起，更明确的是应该从Wordpress的留言功能说起。

Wordpress毫无疑问是现在世界上使用的最多的个人博客后台程序，即使你不知道Wordpress，但经常去些流行的个人博客的时候都会发现留言的时候有些人会显示很漂亮的头像，但很多人（包括自己）留言的时候却不会显示头像。其实这是因为这些包括个人博客站点（包括本站）后台都使用了Gravatar服务。根据Gravatar自己的官方定义，Gravatar是：

“A gravatar, or globally recognized avatar, is quite simply an image that follows you from site to site appearing beside your name when you do things. Avatars help identify your posts on blogs and web forums, so why not on any site?”

翻译过来，Gravatar就是“globally recognized avatar”的简写，即全球通用头像，可以帮助你在全世界的不同的站点之间使用统一的头像服务。其官方站点为http://gravatar.com.

那其他的网站都是根据什么信息来显示Gravatar的头像呢？答案是：E-Mail。如果你在留言的时候提供了自己的E-Mail信息，并且你已经在Gravatar上注册了自己的E-Mail和头像，则系统会自动根据你填写的E-Mail从Gravatar抽取头像。（写到这里，我在想如果哪天Gravatar也被GFW了那广大国内服务器上的博主该是死是活………..）。当然如果你没有填写E-Mail或者在Gravatar注册服务，那Wordpress会显示一个默认的头像（“Mystery Man”）。

Gravatar服务是完全免费的，而且注册使用超级方便。注册一个，以后自己的留言辨识度更高，也更加容易被注意到。

注册的时候没什么好说的，注册自己的E-Mail，然后上传头像，然后关联E-Mail和头像就可以了。但有一个地方需要注意，就是上传头像后Gravatar会要求你对头像进行分级选择（choose a rating），熟悉美国电影分级的就不说了，还是大家常见的G, PG, R, X。英文不好的我简单解释下：

• G 内容所有地球人都适合。
• PG 图片可能包含一些低俗的东西，但没有明显暴力和色情的，青少年都能看的。
• R 包含色情或者暴力，18岁以上。
• X 超级低俗、很黄很暴力的内容…….

见下图：

当然后台会有人审查你的分级的，不要你以为随便贴个A图上去就可以定成G。

注册完后，恭喜你，赶快去疯狂评论下，看看自己的Gravatar头像吧！！！

另外，传说QQ邮箱注册不了（收不到注册mail），这个…..，我只能建议你换个邮箱试下了……

后话：Wordpress默认留言E-Mail是必填的，开始本来我想去掉E-Mail必填的，但是后来想想还是保留了，有头像会吸引更多留言？？~~自己猜的

No related posts.

如果你正维护一个基于WordPress的CMS站点，可以尝试使用这些幻灯片插件来美化你的博客布局。

1. D13slideshow

D13design提供的一个wordpress插件，以javascript幻灯片动画的形式展示推荐内容。包含图片，标题和摘要。可选输出5篇或10篇，后台选择要输出哪些文章。幻灯片样式可设为循环播放，只播放一次或手动导航，以及其它一些方便的设置。

2. Featured Content Gallery

可以指定一个分类或指定特定的文章ID来输出推荐内容。样式更丰富一些，但设置也比较复杂一些。需要指定的自定义字段比较多。幻灯片脚本使用jondesign的Smooth Gallery。

3. FeatPlug

FeatPlug是一个WordPress插件，用来显示推荐文章模块。除了可以用于WordPress之外，它也可以单独使用或修改一下，轻松的集成到其它Blog或CMS程序中，抑或者是你自己的程序页面。具体看作者的介绍。

4. Featurific For Wordpress

这个幻灯片推荐文章插件能生成类似各大门户站的推荐模块，包含数字导航。

5. Frontpage Slideshow

非常酷的幻灯片脚本，更适合电影视频类网站，比如迅雷看看首页就使用这种效果。最先用于Joomla, Mambo和其它一些PHP网站。然后也推出了适用于WordPress的版本。

Related posts:

1. Dtabs – wordpress导航栏下拉菜单插件使用方法与教程
2. 仿豆瓣9点半WordPress主题
3. WP图片远程保存,加水印插件Super Image Plugin

1：Site24×7免费网站监测服务(中文版)

Site24×7推出了中文版的网站监测服务,注册一个用户就可以使用。一旦服务器出现问题，Site24×7就会在第一时间发送一封E-mail或手机短信来通知站长，卢松松目前用的就是Site24×7。

2：SiteUpTime网站监测服务（英文版）

免费用户可以监控一个网站，每半小时监测一次，可监测4个端口，提供4台监测服务器供用户选择，网站不能访问的时候会发送Email通知你。SiteUptime还为免费用户提供统计报告、每月报告邮件等实用服务。

3：WebPerform网站监测服务(中文版)

中文版的网站监测服务，免费用户可以每60分钟监测最多两个网站。

4：HostTracker网站监测服务（英文版）

免费用户每30分钟监控两个网站。

5：网站保姆（国产）

中国站长站推出的监控服务器在线状态的服务，免费用户可在30分钟监测一个服务器，邮件通知，收费用户有短信通知。

6：Pingdom网站监测服务（英文版）

免费版用户只能监视一个网站或服务器，免费服务还包括每月20条短信提醒。

7：超级网站监控（国产）

超级网站监控每6分钟检测一个网址一次、免费赠送10条短信通知、每月30封网站出错邮件通知。网站出错即刻得知！24小时对您的网站进行监控服务，发现网站不正常时马上短信邮件通知您。

8：监控宝（国产）

每隔15分钟监测一次你的网站状态，出现故障会通过Email、MSN和手机短信（免费用户限5条）通知你，每天发送监控日报。

9：HyperSpin网站监测(中文版)

HyperSpin通过手机短信或电子邮件发送警报，在全球多个基点对虚拟主机，网页服务器与服务器进行监测。

10：Mon.itor.us网站监测(中文版)

你的网站出现问题会发信通知你；还 可以在你的网页中加入统计代码，统计你的网站访问量情况；另外有软件客户端可统计CPU、内存、硬盘、局域网等运行状况。

11：Internet Vista网站监测（英文版）

Internet Vista对你的网站进行7×24小时的监控，一旦你的网站无法访问，就会给你发送电子邮件。

12：在线巴巴网站监测（国产）

不需要在主机上安装任何软件，不受运行环境的限制，不只是拥有自己服务器的站长才可使用，使用虚拟空间的站长也可以使用。免费提供每年50次的报警服务。

No related posts.

很多人喜欢将自己的wordpress博客的导航栏打扮成拥有下拉菜单的导航栏，一来可以让浏览者更快地找到自己的需要的东西，另外也可以增加用户的体验度，为你的wordpress博客赢来不少的回头客。

今天免费资源部落介绍的Dtabs插件就可以帮助你实现wordpress导航栏下拉菜单的愿望。Dtabs功能非常强大，兼容最新wordpress版本，并且样式兼容大部分主题,实现的下拉导航可以兼容不同的浏览器。

使用Dtabs你可以将你的wordpress页面的分类、文章、标签、存档、书签设置为导航，另外如果你想将其它的链接也添加到你的博客导航栏话，可以使用Dtabs自定义链接导航栏的功能。

使用Dtabs导航栏你也可以让你的导航栏实现平铺或者下拉方式显示，还可以实现动态Ajax效果。下面是免费资源部落重点要介绍的使用方法，如果你是第一次用Dtabs插件的话，建议按照下面的方法一步一步去尝试。

Dtabs – wordpress导航栏下拉菜单插件使用方法与教程：

1、首先下载Dtabs插件：http://wordpress.org/extend/plugins/dtabs/ Dtabs

2、下载完Dtabs插件后上传到plugin文件中，进行“插件”选项中激活。

3、添加调用Dtabs插件代码。免费资源部落建议你添加到header文件中，如果你要将导航栏放在其它的位置，你也可以放在如siderbar、page等文件中，代码如下:

<?php

if (function_exists(‘dtab_list_tabs’)) {

dtab_list_tabs();

}

?>

注意如果你上面这段代码直接复制到你的header文件中时，请检查php语句有没有错误，一般是 ‘ 号会变成中文的 ’，如果有这种情况，请将其改正过来。

4、Dtabs插件相关设置。

Tab Numbe这个设置导航栏目的顺序。Tab type是选择导航的分类，这里面几乎包括了wordpress所有的内容：页面、分类、链接、文章等，另外还一个是other，这个你可以自定义链接。

例如把免费资源部落添加到导航中，可以这样设置：

Tab name是设置你要显示的标题，如上面设置为免费资源部落，那么在导航栏就会显示免费资源部落栏目。

5、Tab Description，这是导航栏目的说明，当鼠标移动到导航栏目时就会出你填写的说明文字。

Show menu on hover，意思是说让导航栏目是否以下拉菜单形式显示，这个依据个人喜好来设置。

6、设置完成后，点击“save tab”保存设置，现在要设置导航栏的css。

在下面的“css”栏中你需要将：Automatic CSS generation勾选，然后如果选择“Use default”是不会产生下拉菜单的样式，选择“Try layered menu css”则是可以显示下拉菜的，这个依据个人喜好设置。

7、另外Use class=”tabbar” instead of id=”tabbar”选项，如果你想在你的wordrpess博客中设置两个以上的导航栏的话，可以勾选它，如果只是设置一个的话，就没有这个必要。这个选项的作用就是将两个以上的导航栏区别开来，从而分别为导航栏设置不同的css。

8、设置完成css后，点击“update css setting”按钮，保存。现在你可以打开你的wordpress博客，一个漂亮的拥有下拉式菜单的导航栏已经出现了。另外，也可以自定义你的css样式，这样可以让Dtabs导航栏与你的主题相适宜。

这里有一些css的示例，大家可以借鉴一下：http://dynamictangentconceptions.dtcnet.co.uk/downloads/wp-plugins/dtabs-dynamic-tabs-wordpress-plugin/#eg

9、注意：Dtabs实现导航栏下拉菜单失败和错误以及解决的办法

大部分情况下Dtabs是兼容所有的wordpress主题的，不过免费资源部落也发现了Dtabs插件一个漏洞，就是不支持中文分类名。一般情况下，如果选择“category”作为“tab type”的话，假如你的分类中有一个mianfei的类别，那么生成的代码如下：

<li id=”mianfei_button” onmouseover=”showmenu(‘mianfei_menu’,‘mianfei_button’);” onmouseout=”hidemenu(‘mianfei_menu’);”><a href=”http://localhost/wordpress/?cat=8″ title=”mianfeikongjian” id=”mianfei_tab”>免费空间</a><div id=”mianfei_menu” onmouseover=”showmenu(‘mianfei_menu’,’mianfei_button’);” onmouseout=”hidemenu(‘mianfei_menu’);”>

注意‘mianfei_menu’就是你的分类名，由于这是英文的，Dtabs插件可以正常生成，将分类名改变中文的话，就会出现下面的情况：

<li id=”_____________button” onmouseover=”showmenu(‘_____________menu’,’_____________button’);” onmouseout=”hidemenu(‘_____________menu’);”><a href=”http://localhost/wordpress/?cat=3″ title=”" id=”_____________tab”>网络教程</a><div id=”_____________menu” onmouseover=”showmenu(‘_____________menu’,’_____________button’);” onmouseout=”hidemenu(‘_____________menu’);”>

你可以发现Dtabs其实是无法正常将中文分类名正常转化的，这里将中文转化成了一条横线来代替。这样就造成一个问题：当你的鼠标点击到导航栏中的分类栏目的时候，出现的下拉菜单也就可能不是你的鼠标指向的分类，而是导航栏第一个分类目录。

例如免费资源部落在使用的时候，就发现当我点击免费代理的时候，出现的下拉菜单还是网络教程的（注意看我的鼠标指向的地方是免费代理，出现的红色变化）：

10、针对Dtabs不支持中文分类名的解决办法：

1、把分类名改成英文或者拼音。

2、把你的分类中文名改成为汉字数目不相等的的名称，例如将免费代理改成免费的代理，这样Dtabs生成的横线是不一样的，当你的鼠标移动到免费的代理时，就不会像上面所说的出现网络教程的下拉菜单了。

当然，上面只是免费资源部落在安装和使用Dtabs插件时候遇到的问题，不一定具有普遍性，但是如果你也遇到了像上面的问题话，可以参考上面提到的解决问题的办法。

文章出自：免费资源部落 http://www.freehao123.com/dtabs/.

Related posts:

1. 5款WordPress推荐文章幻灯片插件
2. WP图片远程保存,加水印插件Super Image Plugin
3. 仿豆瓣9点半WordPress主题

photoshop cs2 激活注册机下载:

下载地址：点击Photoshop cs2注册机下载(压缩密码：www.cnzz.cc)

使用方法:
1、安装序列号：（打开注册机，选择Photoshop cs2 9.0点击Generate，或用以下的序列号）
1045-1133-9527-4368-1433-8837
1045-1700-4892-1742-4618-9481

No related posts.

• 本插件能够实现 WordPress 上传图片自动增加水印
• 可以添加图片水印和文字水印两种类型
• 可以对已经存在的图片进行批处理添加水印
• 可以对文章内容中的外部引用图片自动下载并添加水印

另外：

• 本插件具有图片备份功能，即在图片添加前对图片进行备份，可以随时恢复到没有添加水印前的状态
• 添加了具有在线管理图片的功能，能够批量删除已经存在的图片
• 文字水印和图片水印可以进行位置精确操作
• 可以根据图片大小设置判断是否给图片添加水印

简单安装

注解：本安装只能实现博客内容中包括的图片添加水印，即只有博客内容中的 <img src=”">标签引用的图片才会被添加水印，如果你上传了图片但是博客中使用了缩略图，那么只有缩略图添加水印！

• 下载zip文件，解压后把文件夹放入 wp-content/plugins 目录，然后在 Plugins 页面激活该插件。
• 在 Setting->Super Image Plugin -> ContentImageDown 菜单下的两个设置均设置为 Yes。

高级安装

注解：按照本方法安装能够实现上传图片源文件和缩略图均添加水印。

首先按照简单安装，第一步操作完毕然后进行如下操作：

打开/wordpress/wp-admin/includes/media.php查找（大约第108行）

 // Save the data
$id = wp_insert_attachment($attachment, $file, $post_parent);

在这段代码上面添加如下代码：

// INSERT HERE!!!
if (function_exists("IM_mark"))
{
IM_mark($file,$op="overwrite");
}

如果你要在你上传的图片缩略图和中型图片添加水印请进行如下操作，要求版本Wordpress v2.5.1，打开/wordpress/wp-includes/media.php查找如下代码（大约第230行）

imagedestroy( $newimage );

在这段代码上面添加如下代码：

// INSERT HERE!!!
if (function_exists("IM_mark"))
{
IM_mark($destfilename,$op="overwrite");
}

注意

• 安装完毕后替换mark.png为你自己的水印图片
• fonts目录中的字体你可以自己替换，使用windows的ttf字体都可以
• 如果你使用文字水印而且使用中文，请选择字体chinese.ttf ，否会出现乱码

插件作者：askie
插件下载：Super Image Plugin

Related posts:

1. Dtabs – wordpress导航栏下拉菜单插件使用方法与教程
2. 5款WordPress推荐文章幻灯片插件

用以网页设计的图标

1、Bagg & Box Telecharger Icon Pack

70个高质量的免费图标，全部遵循CC协议，自由取用。

2、Mammoth Icons

4个非常可爱的小象图标，用以装饰博客也许不错。

3、Dino Icons

有象怎能没有恐龙呢？这是6个漂亮的恐龙图标，那头暴龙也太可爱了吧？

4、Cemagraphics Icons

这个网站提供大量的图标，比如下面展示的这些，图像格式为png和ico，大小分别为512px, 256px, 128px, 64px and 32px。

5、Wifun Icons

一些网站导航图标。

6、City Icons

City Icon包里包含16个高像素的城市生活图标。

7、Irish Icon Pack

26个爱尔兰风格的图标。

8、Simpsons Mail Icons

阿森一族的邮票图标，如果你喜欢，还可以在这里制作你的阿森一族头像。

9、Knob Buttons Toolbar Icons

39个与工具栏和导航相关的图标。

10、Monofactor Free Vector Icon Set

同样也是工具栏和导航的图标，但相对上面的来说更漂亮一些。

11、Polaroid Icon

人造偏光板？

12、Apple Mail Icons

含有苹果邮戳的邮票图标。

13、Sticky Pack

38个很黄不暴力的图标。

14、Feedicons 2

33个别具风格的Feed图标。

15、Users Icon Set

11个用户功能图标，有点像WLM那个小绿人。

16、RSS-icons

这组Feed图标确实够特别，我灰常喜欢！

17、PI Diagona Pack

400个PNG格式的小图标。

用以文件或桌面的图标

18、Niome Icon Pack

这个包里包含90个高质量硬盘、文件、文件夹、硬件、网络、开始菜单等图标。

19、iVista Icon Pack 2

同样是文件夹、文件等的图标。

20、Green Icon set

9个很绿很暴力的图标。

21、Onibari + Onibari Light Icon Packs

文件“夹”图标。

22、Vista Aero Pack

135个Vista的图标。非常精致。

23、Simplistica

怎么这些图标总让我有点苹果的感觉呢？

24、Black Pearl

有黄有绿，当然还有黑了。39个黑色神秘感图标可供下载。

点击这里查看Smashing Magazin更多漂亮得难以置信的图标。

No related posts.

blockquote.style1 {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote.style1 span {
     display: block;
     background-image: url(images/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }


blockquote.style2 {
  font: 14px/22px normal helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
}

blockquote.style3 {
  font: 18px/30px normal Tahoma, sans-serif;
  padding-top: 22px;
  margin: 5px;
  background-image: url(images/openquote3.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 65px;
  }
  blockquote.style3 span {
    display: block;
    background-image: url(images/closequote3.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
}

blockquote.style4 {
  font: 14px/20px italic Times, serif;
  padding-left: 70px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 10px;
  background-color: #dadada;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 5px;
  background-image: url(images/openquote4.gif);
  background-position: middle left;
  background-repeat: no-repeat;
  text-indent: 23px;
}

blockquote.style5 {
  font: 12px/18px normal "Courier New", sans-serif;
  padding-left: 70px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #000;
  color: white;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 5px;
  background-image: url(images/openquote5.gif);
  background-position: middle left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote.style5 div {
    padding-right: 50px;
    display: block;
    background-image: url(images/closequote5.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
}

演示 下载

No related posts.