2011年12月1日星期四

CSS Dock Menu:让你的Itheme主题更漂亮

很多朋友都使用了N.design的两栏Wordperss主题iTheme以及MangoOrange改版的三栏Wordperss主题i3Theme。

但却很少看有人使用和这个主题配套的CSS Dock Menu,这是一个高仿MAC菜单的网页特效,同样是来自N.design,他取用了 Interface 的JS,配上自己的ICON,设计的酷毙了!(哎,好久没说酷毙了这个词儿了,老感觉这词儿只适合小屁孩说!)

这个效果很适合拿来做主页,使用iTheme的朋友,或其它Mac Fan,都可以给自己整上这么一个漂亮的页面。

CSS Dock Menu:让你的Itheme主题更漂亮

下面是我随便捣鼓了两下后的效果。

CSS Dock Menu:让你的Itheme主题更漂亮

CSS Dock Menu下载地址

CSS Dock Menu演示地址

你喜欢的话,快动手吧,或许你可以修改出更精美的效果。

来源于 CSS Dock Menu:让你的Itheme主题更漂亮 | 帕兰映像

20款Youtube视频相关的WordPress插件

以社会化网站来介绍wordpress插件,我们已经介绍过Facebook插件,Technorati插件,Twitter插件,del.icio.us插件,Digg插件,Flickr插件, Last.fm插件和30+让博客更加社会化的Wordpress插件。现在让我们来看一下20款Youtube视频相关的wordpress插件。

Viper’s Video Quicktags

这个WordPress插件可以让你方便的插入经过Xhtml确认的视频代码到文章中, 从各种热门的视频网站,包括YouTube, DailyMotion, Vimeo以及更多。

Vipers Video Quicktags

Vipers Video Quicktags

Smart YouTube

Smart Youtube允许你方便插入Youtube视频到你的文章,留言甚至是RSS FEED中。

wordTube

wordTube是你的WordPress多媒体管理中心插件。

Interactive Video Plugin

简单强大的视频交互能力,添加到你的WordPress博客。

WordPress Video Plugin

这个WordPress插件可以方便的显示来自各大热门视频网站的视频,包括 myvideo.de, youtube, google video, Brightcove, Aniboom, 123video.nl, MyspaceTV, Yahoo! Video, Veoh等等。

WP YouTube

WP YouTube帮助你更方便的插入Youtube视频到文章中,而不是需要辛苦的去复制粘贴视频代码。且包含各种丰富的视频选项设置。

WP Youtube

WP Youtube

Embedded Video

这个WordPress视频插件能够让你简单的嵌入各大热门视频网站的视频文件,也可以嵌入本地视频文件,支持多种格式。

EasyTube

可以让Wordpress用户通过使用简单的标签来嵌入 YouTube和Google 视频,且可以为RSS中的视频设置预览图片。

Gecko Tube

Gecko Tube可以让用户通过使用视频URL地址轻松嵌入YouTube视频。

XHTML Video Embed

XHTML Video Embed 是一个简单但强大的WordPress插件,适合让用户来插入Flash视频格式内容到WordPress博客中。

aVideo

这个Wordpress视频插件用来显示一些flash视频.这是一个国人开发的插件,重点支持一些中国的视频分享网站服务。

[GWA] Google YouTube Video Bar

这个插件添加一个动态的Google YouTube视频栏到你的WordPress博客。

Youtuber

Youtuber是一个轻量级的WordPress YouTube插件。主要用来更加方便的添加Youtube视频到你的博客中。

Genki Youtube Comments

捕获YouTube视频留言并用插入到你的WordPress博客中。

Daiko’s YouTube Widget

添加一个侧边栏widget用来随机显示你选择的YouTube视频. 使用一个ThickBox弹出播放器或视频播放器widget来播放视频。

AutoTube

显示相关性高的YouTube 视频到你的WordPress博客。

Vodpod Videos Widget

Vodpod插件可以让bloggers添加一个视频相册到博客里面,允许读者欣赏和直接点击播放这些视频。

Berri Youtube Gallery

这个Widge用来显示YouTube 视频,只需要视频URL地址. 不需要YouTube API支持.

来源于 20款Youtube视频相关的WordPress插件 | 帕兰映像

WP 2.7革命-2: WordPress 2.7 Wireframes 线框图下载

除了功能的革命外,wordpress 2.7 的界面改变更是此版本的革命核心。WordPress 于10月1日在官方博客发布了一套WordPress 2.7 Wireframe ,你可以下载PDF 版。

2 7 wf badgenew3 WP 2.7革命 2: WordPress 2.7 Wireframes 线框图下载

Wireframe,线框图。你没有必要太去在意这个对你来说并不熟悉的单词。你可以把它理解为WordPress 后台界面设计开发过程中的一份待定草图。这套线框图很好的展示了2.7中可能出现的导航模式,头部元素,以及其它重要的设计部份,比如Dashboard/控制面板,发布文章页面,文章编辑页面 (似乎可能看出文章批量编辑功能的影子),留言审核页面,分类和标签页面 以及媒体库页面。

官方明确声明了几点,有助于你理解这套线框图 :

  • 这是一个对WordPress的预览向导,并不代表就是最终的成品。会根据开发者和设计者所需要的技术,审美和/或可用性的原因进行改变。这是Alpha,不是beta。
  • 使用黑灰白色调。这是因为WordPress 2.7 的设计师还在努力寻求最佳的视觉样式,包括调色板,字体,图形元素等。
  • 并不包含所有控制面板元素。只是列出了部份改变比较重大的页面。
  • 一些元素适用于wordpress.com 或者 wordpress.org。所以不必担心你看到的一些可能并不适合于独立WordPress用户的东西 (比如多个控制面板).

事实上我们现在已经能够看到快成形的WordPress 2.7 控制面板截图,但对于一个WP爱好者来说,看看这套线框图或许更有利于对WordPress 2.7的理解。至于真正的预览图,我会在后面的文章中介绍。

来源于 WP 2.7革命-2: WordPress 2.7 Wireframes 线框图下载 | 帕兰映像

WP 2.7革命-7: WordPress 2.7的控制面板特点

继WordPress 2.7的界面设计发布后,官方得到了很多用户的反响,而其中大部分人对此次的设计改动是持满意态度的。于是官方继续发布了对后台控制面板更加详细的说明,在此简单翻译一下。

菜单

右侧的菜单导航默认是展开的,让你无须装载即可进入其它任何一个页面。且菜单的开启和收缩支持浏览器的Cookie, 也就是说,当你把菜单收缩,下次载入的时候,仍然是收缩的。

访问标签内容

在控制面板的右上角,你会看到”Screen Options/屏幕选项” 和 “Help/帮助” 两个下拉式标签菜单。

“Screen Options/屏幕选项“可以让你控制当前面板上要显示哪些模块(这就是我之前对截图上没有留言,Ping/Trackbacks等的疑惑。),通过这一功能,将能把自己不平常不太使用的那些模块给去掉,免得麻烦。而设计在面板顶部,意味着你可以随时轻松的开启或关闭某个模块。

“Help/帮助“里面則提供有关wordpress资源的一些链接,比如WordPress.com 的FAQ/论坛/联系支持 和WordPress.org的文档/支持论坛。

模块布局

除了支持通过标签选择显示哪些模块,还可以拖拽操作对模块进行自由的布局。在WordPress 2.8 中,可能将会让你直接对每个模块进行配置(就是每个模块上面都有它自己的配置项)。而WordPress 2.7迫不及待的想尝试这一功能,但在2.7中,只有”News Feed”这个模块是可以直接配置的。

Right Now

这个好像是指更加清晰和友好的配色, 包括需要谨慎操作状态的紅色,等待操作状态的黄色/桔色 和适合操作状态的绿色。

统计功能

居然被我猜着了,之前在截图中看到的统计功能并不是WP 2.7内置的,而是开发小组在弄线框图和界面设计时,安装了WordPress.com stats plugin 这个插件。

QuickPress

一个简单的文章发布模块。包含标题,文字,媒体和标签。如果点击保存,内容将会马上出现在草稿模块。在未来的版本,也许WordPress 2.8,这个模块将是可配置的,允许用户自定义显示哪些内容和功能。

最新草稿

这是在夏季测试中根据用户的要求添加的一个模块,直接在控制面板主页显示你的最近草稿,而不需要像以前那样跳到文章管理,再切换到草稿。当然,也许你并不需要它,不用担心它占据你的控制面板空间,你可以通过上面介绍的Screen Option隐藏它。

Feed供稿

新闻供稿WordPress的相关新闻和之前的版本功能大致相同,你仍然可以指定Fedd网址,有多少项目显示,是否显示标题与摘要,作者,日期等。

导入链接

仅仅是对样式做了一些更新。

Hooks

插件仍然可以添加模块到控制面板首页,也仍然可以为插件配置最高级别的菜单项。不过因为WordPress 2.7的菜单的顶级项目都有一个小图标,所以那些为插件创造最高级别菜单的插件管理页面,也将会使用小图标。显示原理则类似Gravtar,如果插件作者为插件设置了图标,就显示这个图标,没有设置的话则会用一些默认的图标来替代。

最新评论

在WordPress 2.6中,添加了最新留言模块。而从WordPress 2.7开始,你还可能对这个模块中的最新留言进行更种操作,包括编辑,删除,列为Spam 和最新加入的直接回复功能。

Byebye Inbox

一些用户希望能添加收件箱功能。但由于这项功能比预期的要复杂得多,所以在2.7 中你还不会看不到它。

这就是全新的WordPress 2.7控制面板,更实用了一点,更漂亮了一点,更酷了。我爱WordPress!

来源于 WP 2.7革命-7: WordPress 2.7的控制面板特点 | 帕兰映像

Operator11: 社会化的视频分享网络

 Operator11: 社会化的视频分享网络

Operator11 是是一个社会化的视频分享服务平台,主要为用户提供高质量的视频录制、聊天和分享为一体化的服务。其实也就是跟随最近比较流行的Life streaming潮流而开设的网站服务,只不过Operator11的重点是放在在了视频的相关制作和分享上面来了。让你用视频流来记录或与好友分享你的生活。用Operator11自己的话来说就是:”YOU+OPERATOR11=TONS OF FON”.

Operator11的用户群好像还不少。界面设计也比较漂亮。 喜欢玩视频的朋友可以进去尝试一下。

Operator11: 社会化的视频分享网络

来源于 Operator11: 社会化的视频分享网络 | 帕兰映像

微软收购雅虎对Openid的影响

原文: Microsoft, Yahoo! and the Effect on OpenID
翻译: 帕兰

微软收购雅虎对Openid的影响微软接管雅虎几乎成定局(our initial reaction) 。除非有新的”求婚者”给出更高的价格,如News Corp( 不太可能) ,eBay(更不可能) , Google公司(没有办法) ,或私人股票投资公司,抑或选择与Google结成合作伙伴 。大多数分析家似乎都同意雅虎将接受微软的收购建议。其中一个最大的障碍是,合并两个庞大的互联网龙头网站,其巨大的和专有的用户认证系 统该如何才能达到最好的解决方法。有办法,但是,这是雅虎和微软的工程师们无法做到的,而是openid 。

雅虎在合并身份认证系统上面已经有一些经验。比如它们已让Flickr用户超过其统一的雅虎ID系统使用其它服务。但是要合雅虎和微软网络里面的亿万帐户,Flickr的应用只不过算是毛头小孩的发挥罢了。

openid 却可以合并两个系统的所有相对单元。 openid是一个分散的身份管理系统,这个概念的意思是,它使用户能够使用唯一的一套签署的全权证书登录到多个站点。如果所有的网站都支持openid ,那你为你所有的网站服务,都只需要记住一个用户名和密码。

微软和雅虎劲两家公司都涉足对openid支持。今年2月比尔盖茨在RSA大会上表示,微软将与janrain、sxip、以及VeriSign到Windows CardSpace之间通过openid来实现互操作性 。而本月初,雅虎成为了一个openid提供商。

不过,虽然雅虎是任由其250万用户的帐户兼容openid,使它们可以使用他们的雅虎身份证登录到其他网站,但他们并不认证外部供应商的openids。如果微软成功收购雅虎劲,这将是必要的,以便用户使用openid合并登录微软和雅虎的系统。

如 果微软通过他们的Live ID系统成为openid提供商,而雅虎也这样做,且两家公司提供相互的openid帐户认证,那么用户就可以用现有的帐户登录到雅虎和微软的任何服务。据我所知,从这两家公司以往的收购经验来看,这并不是很困难。

如果微软和雅虎全 力支持openid,那将是openid一个重大的胜利。所言不虚,已经有事实证明,之前,当雅虎宣布支持openid的几个星期前, Techcrunch报告说,有1.2亿活跃openid帐户。这个数字是雅虎旗下250万用户的三倍。我不知道Live ID 系统里面总共有多少帐户,但拥有超过2.6亿Hotmail用户和超过2.4亿的Windows Live Messenger用户,你可以想象,它们的其它服务,还会有多少用户?

怎么可能,难道microhoo要采用openid ?我的最乐观的估计是:美丽的可能。Windows Live ID是一个让人容易迷惑的帐号系统,有数据显示每三秒就有用户在更改名称,而openid正迅速成为Web 2.0的标准。此外,主要竞争对手Google最近还通过Blogger成为openid提供商。

来源于 微软收购雅虎对Openid的影响 | 帕兰映像

80+精美的博客头部图片免费下载

博客的Header头部设计可谓是网页设计中的一个重点,一个良好的博客头部设计能够吸引用户的注意以及继续浏览你的页面。要让Header头部蛮漂亮的最简单方法,就是使用精致漂亮的图片。Smashing magazine为我们收集了80多张精美的博客Header头部图片,并提供免费下载。所有图片都是基于CC协议免费共享,这意味着你可以使用它们改善你的博客头部设计,完全安全和放心使用,不会涉及版权问题。

全屏查看 | 免费下载 (7× jpg + psd, 5.6 Mb) 设计者为 Sergej Gorodenskiy, Russia.

Cosmosource

全屏查看 | 免费下载 (jpg, 65 Kb) 设计者为 Paulo Loreto from Portugal.

The Lighthouse Project

全屏查看 | 免费下载 (jpg + psd, 1.3 Mb). Tracey Jackson, Miami, Florida, USA.

[R] Evolution

全屏查看 | 免费下载 (jpg + psd, 6.6 Mb)  设计者为 Jo?o Filipe Cunha, Portugal.

Mindscape

全屏查看 | 免费下载 (png + psd, 1.45 Mb) 设计者为 Micha? Bronka from Mindscape interactive agency, Szczecin, Poland.

Retro Header

全屏查看 | 免费下载 (jpg + psd, 2.1 Mb) 设计者为 Cem Ozdogan, Turkey, Ankara.

Typography

全屏查看 | 免费下载 (png, 65 Kb).     设计者为 Robert Winkler, Dresden, Germany.

The Sexiest Dirty Underground Theme

全屏查看 | 免费下载 (5×jpg, 0.3 Mb)设计者为 Jimmy R., Manitoba, Canada.

A New Day

全屏查看 | 免费下载 (png + gif + jpg, 0.1 Mb) 设计者为 Jonathan M., Canada.

Fellowsisters

full view 1 | full view 2 | download . 设计者为 María from Spain.

Inspiration Theme

全屏查看 | 免费下载 (0.9 Mb) 设计者为 Daniela Mincheva from Sofia, Bulgaria.

Lucifix

全屏查看 | 免费下载 (2.6 Mb) 设计者为 Nathaniel Heller, New York City, Manhattan, USA.

Rocket And Go

全屏查看 | 免费下载 (65 Kb). 设计者为 Mikel D.Lian a.k.a splashmilk from Kuala Lumpur, Malaysia.

Grunge Look

全屏查看 | 免费下载 (0.4 Mb) 设计者为 Alex Frison from Germany.

This Is How It Feels

全屏查看 | 免费下载 (0.9 Mb)  设计者为 Wirdy Hamidy from Brunei Darussalam.

Growing On You

全屏查看 | 免费下载 (psd + jpg, 0.9 Mb). Created by AiVault, One8edegree, Pakistan.

Sublog

全屏查看 | 免费下载 (jpg, 65 Kb) It’s the header graphic of my actual blog Sublog.ch. 设计者为 Pascal Greuter, Switzerland.

Elements, Transition

full view 1 | full view 2 | 免费下载 (jpg, 150 Kb). 设计者为 Ratko Horvat (e-mail), Zabok, Croatia.

Graffiti Splatter

全屏查看 | 免费下载 (jpg + html template, 0.5 Mb). 设计者为 Rainer Weber, Pfungstadt, Germany.

Designer’s Canvas

全屏查看 | 免费下载 (jpg + psd, 0.7 Mb)  . 设计者为 Savitha Shivaram, India.

Lion design, the creative king

全屏查看 | 免费下载 (jpg + psd, 1.1 Mb). 设计者为 Didier Depraetere, Belgium.

Ephemeral

全屏查看 | 免费下载 (5 jpg’s, 0.25 Mb). 设计者为 Nate Legaspi, Philippines.

Monsteck Variketch, The Invasion

全屏查看 | 免费下载 (jpg + psd + ai, 7.3 Mb). 设计者为 Jo?o Filipe Cunha, Portugal.

The Magic Box

全屏查看 | 免费下载 (jpg + psd + ai, 3.1 Mb)  设计者为 Jo?o Filipe Cunha, Portugal.

Untitled Dream

全屏查看 | 免费下载 (jpg + psd, 3.1 Mb) 设计者为 Jo?o Filipe Cunha, Portugal.

Kultivating

全屏查看 | 免费下载 (jpg + psd, 0.5 Mb). 设计者为 Jo?o Filipe Cunha, Portugal.

Metamorphosis

全屏查看 | 免费下载 (jpg + ai, 2.8 Mb). 设计者为 Carolyn Van Deursen.

Betsyness

全屏查看 | 免费下载 (jpg, 60 Kb) “I’m in the process of creating a website to showcase some of my drawings and paintings. I wanted this header graphic to reflect on my personal style and although created in perhaps the hallmark of the digital art process, photoshop, to still have a hand-drawn essence to it.” 设计者为 Betsy Chang, USA.

Nuestra Se?ora

全屏查看 | 免费下载 (jpg + psd, 1.7 Mb)

War of the Good & Evil

全屏查看 | 免费下载 (jpg, 62 Kb) 设计者为 Koh Maw Shin, Singapore.

Dragon

全屏查看 | 免费下载 (png + example, 170 Kb)Come show us your work at Heavychef.com were keen to check it out.”

Dream On

全屏查看 | 免费下载 (gif, 60 Kb) 设计者为 Heavena Rayan, India.

来源于 80+精美的博客头部图片免费下载 | 帕兰映像