SongZhen's Weblog

星期四, 四月 30, 2009

Horizontal Accordion 2.0:一款水平方向折叠效果显示的jquery插件

SocialTwist Tell-a-Friend


这是一款水平方向折叠效果显示的jquery插件,支持jquery 1.3+,有兴趣的朋友可以研究一下。


插件demo:http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html

标签:

星期三, 四月 29, 2009

PercentMobile:提供移动手机访问流量统计服务

SocialTwist Tell-a-Friend

随着越来越多的手机装备了功能完备的网页浏览器,一个小众的,但快速成长的访问终端,我想每个网站都不能忽视它了。但是,目前不同的移动电话和不同的浏览器版本,让我们很难分辨出来自这些移动电话流量的准确来源。那么现在好了有了 PercentMobile网站提供的针对移动电话设备的流量分析服务,让我们可以轻松获得来访者的手机型号,手机运营商,地理位置等等信息,而要实现这一切只需在网页header部分插入一行像素图的代码,所有的手机浏览器都可以读取这个像素图代码。目前它还需要邀请码才能注册服务,如果你感兴趣可以访问这里链接。

标签: ,

Create a Google Sitemap online

SocialTwist Tell-a-Friend


simple visite http://www.xml-sitemaps.com ,then input your website url,its will create a sitemap.xml file for your site. download the sitemap.xml file ,upload it to your website folder,and
login the Google Webmaster account ,submit the sitemap.xml.

just easy to use. but for free it can make 500 url of the sitemap.xml file.

标签: ,

星期六, 四月 25, 2009

Snipt.net:忘记不该记住的吧

SocialTwist Tell-a-Friend

我们是人,那么总有些事情或者什么会忘记,需要去忘记。比如你常用的命令,比如一大断代码。有了snipt.net网站,那么好了,你可以忘记它们了。


snipt.net有三大功能
1.储存你的commends或者时代码片段,可以添加tag进行分类
2.与他人分享你的代码,如果你愿意的话
3.搜索你感兴趣的code

Snipt.net就是为了code,所有这些你只需开个帐户就可以,再简单不过了,如果你想写个coder的教程,你可以把已经存到帐户的代码片段embed到html里,很是方便,如下面这段建立数据库用户的代码。


标签: ,

Webdesign:每日截图

SocialTwist Tell-a-Friend



评论:很喜欢整体的配色,作者用jQuery制作的slideshow,看过很多的类似的效果,但是他的slideshow很特别,有兴趣可以仔细研究一下

标签: ,

功能强大的Safari 截屏扩展插件 Web Snapper For Mac

SocialTwist Tell-a-Friend


最近从firefox过渡到Safari,感觉的还是有很大的不同,慢慢在适应ing。我在浏览超炫的网站时都想把它存下来,学习学习,在Firefox里有个截屏的扩展叫Abduction!,很好用插件。换到Safari后,要想截屏,虽然mac有截屏的快捷键,但是对于超长的网页还是无能为力的。我就google啊google,终于发现它Web Snapper,一个Safari下的插件。




安装好后,你可以在浏览器的toolbar看到个照相机的小图标,如果你要想存某个网页,就可以点击这个Web Snapper的图标,这是会触发Web Snapper的控制台,它支持Png,gif,bmp,jpg,tiff,pdf等保存格式。Web Snapper还支持将多个已保存的截屏图,保存到一个Pdf文件里,很是方便。在Web Snapper软件的设置里你可以设置成已某种格式自动保存到特定的目录,这样就不用在手动选择了。此款软件为共享软件,5天试用,购买价格为15美金。

标签: , ,

星期四, 四月 23, 2009

超强的开源开发工具:Komodo Edit 5.1.1

SocialTwist Tell-a-Friend


发现了Komodo edit开源的开发工具,它支持多平台windows、 linux和macOS,支持包括Perl、PHP、Python、Ruby、Tcl,以及JavaScript、CSS、HTML、XML。,实时html预览,自动补缺等功能,强大而且免费。

标签:

09年上网本(Netbook)战场中的的几点趋势变化

SocialTwist Tell-a-Friend


via Netbook 2009: The four big changes 文章中作者阐述了09上网本大战中的四大变化。我简单的摘除文章中的几个我敢兴趣的地方翻译了一下,拿来分享。

1.微软的策略,指出微软比较倾向于消费者购买低端搭载Windows 7简化版的的netbook,这样一旦用户无法忍受这个版本,极有可能升级到Windows 7 Home Premium版。简化版预留了升级功能,用户通过web付费后,得到升级code,就可以升级到高版本了,不错的买卖。

2.intel和微软希望用户购买400美金以下的低端上网本netbook,或者是600美金以上的notebook笔记本电脑,这也是他们产品策略,如现在的hp2530p,有着和netbook一样的身材,但是价格却是1500美金。

3.提到上网本netbook怎能忘了linux呢,现在linux厂商正在探索另一种选择:在ARM处理器的netbooks上提供桌面Linux系统,它的价格会更低廉,价格战会不可避免。

4.最后来说说Google Android netbooks ,国内有家叫skynotes的厂商已经推出了基于Android的netbooks, Alpha 680 with Android 。我想价格应该是介于windows7 和linux中间的。

那apple?期待着apple的netbook

标签: , , ,

Piwigo:免费开源的图片社区网站系统

SocialTwist Tell-a-Friend

Piwigo是一个免费开源的图片社区网站,构架在php+mysql上的,php版本最好是php5,mysql 4.1版本。它支持多种图片上传方式,Ploader客户端,remote方式,还有最传统的ftp上传,支持多种浏览方式,如按目录,标签,时间等,同时他还支持多种扩展,如PY GVideo(是用来添加google video视频等)
添加图片
PhpWebGallery 是它的前身,现在叫做Piwigo .


标签: ,

星期二, 四月 21, 2009

从Nambu与tweetie的一个小小区别说开 - 适合你的软件就是好软件

SocialTwist Tell-a-Friend

我是经常拿twittter当搜索引擎用,哈哈。今天装了Tweetie后,我到search那里输入关键字,比如jquery,它给出了查询结果页面,此时恰巧我回到离开这里,看了一眼新的tweets,当我再返回到search界面时候,刚才的jquery查询结果没有了,我不得不再次输入关键字查询。

下面来说说Nambu,它可以把你的搜索记录直接保留在左边的sidebar里(如下图),我很喜欢,哈。

我这里不是说哪个软件好或是不好,适合你的软件就是好软件。

标签: , ,

星期日, 四月 19, 2009

A great Scrolling Flickr Gallery using jQuery

SocialTwist Tell-a-Friend

via http://ennuidesign.com/blog/ITT+%234%3A+Plugin+Giveaway+-+FlickrScrollr/ 作者写了个Flickr style的图片滚动显示jquery插件,my demo

DEMO
SCROLLING FLICKR GALLERY SCRIPT HOMEPAGE
DETAILED EXPLANATION

标签: ,

星期六, 四月 18, 2009

Old Nikon F-301

SocialTwist Tell-a-Friend


DSC_1100, originally uploaded by slackware.

给这个老家伙拍张照。

星期五, 四月 17, 2009

回应:120年了,你最愛那一款任天堂產品?

SocialTwist Tell-a-Friend


via 120年了,你最愛那一款任天堂產品?

首先报报玩过的机器,红白机,gb,gba,gamecube,wii,n64,最喜欢哪一款,真有点儿犯难了,只要你热爱生活,你就会喜欢任天堂,是它让我们拥有了许多的快乐时光,快乐还将继续...

标签:

nambu:界面简洁且功能超强的Mac OS X的Twitter客户端

SocialTwist Tell-a-Friend


nambu这款Mac OS X上的Twitter客户端,给我的第一感觉就是简单,简洁。软件提供了三种浏览模式,combined,sidebar和多栏式(类似于TweetDeck),我个人比较喜欢sidebar模式,可能是xp过度来的后遗症,左边没东西显着空荡荡,哈哈。这款软件提供了几个区别于其它软件的功能,例如:翻译功能,多帐号支持,右键添加用户到组等。

标签: , , ,

星期四, 四月 16, 2009

tweetbackup.com 提供html,rss,txt三种格式的tweets导出服务

SocialTwist Tell-a-Friend

tweetbackup.com 提供对twitter里的tweets的备份导出服务,很简单,登陆tweetbackup.com,输入邮件地址及twitter帐号,网站会寄给你一个登陆密码,拿到密码后,用邮箱登陆,就会看到twitter帐户的profile,可以view,export,还有一个restore功能,但目前不能试用。导出功能,可以到导出html,rss,txt三种文档格式。

星期二, 四月 14, 2009

Web Design:每日截图

SocialTwist Tell-a-Friend


Url:http://danieloliver.co.uk/
评论:顶部固定的导航很有意思

标签:

MSI微星公司发布U123系列高端上网本(Netbook)

SocialTwist Tell-a-Friend


MSI微星公司发布U123系列高端上网本,10英寸大小,有白色,灰色,蓝色和红色供用户选择。

U123采用了最新的Intel的Atom处理器,硬盘采用 80/120/160 GB stat 2.5寸硬盘,内存为2GB,系统则采用windows。值得一提的是,在U123H这个型号的上网本中内置了802.11b/g/n Wi-Fi卡和3.5G移动无线网卡,而U123T这个型号则内置了TV接收器。

具体参数:

* 16:10 Ratio of 10 in. wide LCD backlit display (1024x 600)
* Length x width x height = 26 cm x 18 cm x 33 mm
* Weight with battery: less than 1 kg
* Intel Atom N280 Processor 1.66GH with 945GSE + ICH7-M chipset
* DDR2 533MHz 1G On Board RAM
* Storage: 80/120/160 GB (2.5 in. SATA)
* 4 in 1 (SD/MMC/MS/XD) card reader
* Ports: D-sub x 1 , Mic-in , Headphone, RJ45, USB 2.0 x 3(U123, U123H) , USB 2.0 x 2(U123T)
* Battery: 3 cell/ 6 cell optional
* Connectivity: 802.11 b/g/n, Bluetooth V2.0EDR (optional)
* Webcam: 1.3 M/ 2.0M optional
* 3.5G HSDPA
* “Easy Face Manager” for facial recognition security
* Larger more comfortable keyboard

via http://www.msi.com/index.php?func=newsdesc&news_no=764

标签: ,

kissa.be:打造自己的短网址(URL shortening)服务

SocialTwist Tell-a-Friend


Kissa.be 是一个基于PHP+MySQL打造的免费短网址服务网站,可以说是tinyurl的克隆版.除了提供URLs,还可以为图片,email和text生成短文件名。

短网址生成后,在网站的上访有个frame框,它来记录这个短网址的浏览量。 Kissa.be同事还提供了API的支持,可以轻松移植到第三方应用。

如果想自己打造一个这样的服务,可以点击此处下载源文件。

标签: , ,

星期五, 四月 10, 2009

感受新版Flickr,Gmail带给我超赞的mobile web体验

SocialTwist Tell-a-Friend

看来我也是疯了,现在凌晨3点48分,我还没有入睡。哈哈,因为睡觉前爱用ipod touch看gReader,不易小心又上了Gmail,然后又跑到m.flickr.com浏览了一下上传照片,Gmail和Flickr的mobile web新版本的用户体验太好了,让我吃惊不少,所以截了一些图片,与大家分享一下。

先来说说新版的Gmail
图一:导航部分:menu,刷新,搜索,撰写email,真的很顺手
图二:search界面部分
图三:邮件内容浏览页,功能包括归档,删除,还有这里特别的是跟着滚屏浮动的action按钮more里边的标记已读,加为星,垃圾报告,基本的功能都在这里了,不多也不少。
下面再来说说新mobile版本的flickr,一个字,赞

图一 :新旧photo stream 列表显示对比,顶部导航:最新留言,你的照片,好友以及更多

图二:照片显示效果,特别是主图右侧的两个小图,基本上和pc浏览器上的功能一样了,前后照片翻页功能,很是cool。

写到这里不禁感叹道,他们实实在在的为提高移动设备用户web应用的体验度做着一些事情,今天我起码用ipt多看了一个小时,也许这里是对iphone做过某些优化,在其他设备上我没有机会体验,也希望有朋友提供一些截图分享一下。


不成了实在抗不住了,先睡了。

标签: , , ,

星期四, 四月 09, 2009

DestroyTwitter 1.5.2 又一款基于Adobe aire 的Twitter客户端

SocialTwist Tell-a-Friend


DestroyTwitter 1.5.2

DestroyTwitter(毁灭Twitter,哈哈)是款基于Adobe Air的跨平台Twitter客户端软件,具有tweet消息提醒功能,支持Twitpic预览,对话功能,自定义皮肤等,对内存的占用也想对较少。说到它的自定义皮肤,是如何实现的呢?我多费几句话,你可以用Twitter帐户登陆DestroyTwitter.com,它提供了一个叫做“Theme Builder”的在线工具,可以在线制作皮肤。当然你可以把自己的皮肤与他人分享或者直接下载其它已经做好的皮肤,cool。

Download DestroyTwitter 1.5.2 Beta

ps:貌似不支持中文显示?

标签: , ,

星期三, 四月 08, 2009

Boxee 你的社会化媒体播放中心

SocialTwist Tell-a-Friend



Boxee是一款带有社会化网络功能的多平台免费媒体播放软件,目前它可以运行在Mac机器上,Apple TV,甚至linux系统上。

Boxee提供观看来自网络PC上,本地硬盘或者网站上的视频。网络视频功能可以说是Boxee的特色,有了它,你就可以选择自己喜爱的视频,比如Joost

除了视频功能以外,Boxee提供了社会化网络功能,比如你可以关注你的好友,他们在看什么,感兴趣的是什么,总之这个软件很cool,值得一试!

ps:Boxee是基于 open-source XBMC media center 开发的。

标签: ,

4个增强html下拉菜单的jQuery Plugins

SocialTwist Tell-a-Friend

Image Combo Box

Marghoob Suleman’s Javascript Combo Box plugin V1.5

jQuery Dropdown Check List

The Dropdown Check List jQuery widget transforms a regular select html element into a dropdown checkbox list.

Droplist Filter

This is a JavaScript tool for adding a little search widget next to any droplist.

Linkselect jQuery Plug-in v1.2.06


The jQuery Linkselect plug-in converts html "select" elements into a combination of an anchor tag associated with a dropdown menu.

相关链接:http://www.reynoldsftw.com/2009/03/11-jquery-plugins-to-enhance-html-dropdowns/

标签: ,

星期二, 四月 07, 2009

解决ie6下边文字溢出(多出一行字)的问题

SocialTwist Tell-a-Friend

这个小问题遇到过几次,这次又遇到了,索性把html里的所有注释全部删掉,md问题解决了,可恶的ie6,您啥时候能退役啊。

标签: , , ,

向日葵

SocialTwist Tell-a-Friend


向日葵, originally uploaded by slackware.

这个构图怎样?

星期一, 四月 06, 2009

Two Tooltip Plugins for Jquery JavaScript framework

SocialTwist Tell-a-Friend

qTip
qTip tooltip插件,兼容多浏览器,支持多种自定义,可以轻松创建漂亮的提示效果。qTips还支持圆角显示,Ajax和自定义效果。

BeautyTipsBeautyTips也是jQuery的提示效果产检,它采用了HTMl5的canvas矢量画图元素动态显示如“对话泡泡"图等。

标签: , , ,

星期五, 四月 03, 2009

Why A Blog Can Be Good For Your Business-为什么说博客有益于你的生意(简要翻译)

SocialTwist Tell-a-Friend

博客这个媒介渐渐的成为主流,他正在成为一种有效的营销工具。除去直接用博客发布公司广告这些功能外,更主要的是可以是一种提高营业收入,关注度,以及创造更多营销机会的方式。如果你想开始写博,以下是Alyssa GregoryWhy A Blog Can Be Good For Your Business 文中的观点。


博客可以给网站带来更多的流量

我们知道搜索引擎喜爱blogs,如果你的blog写的好,就有可能通过关键字找到你的blog,进而访问你的公司网站

打造自己为专家
博客提供给你一个分享你专业知识的平台,在那里你就是专家。

博客使你双倍的热情去接触客户
都知道博客是非正式的,对话形式的,及时的,所以有机会给你你的客户或是同事提供更多有价值的信息,这些信息是没有在网站上列出的,

博客可以提供新闻,事件,特殊事件和一些其它信息。
你可以提供一些关于公司的新闻,事件等信息,算是网站功能的一种拓展。

通过博客提供技术支持、文档

你可以建立个following,我理解为客户群
这样就可以针对性的发布一些好的消息,你的读者也可能会是你的销售人员,带来更多的人来关注你的公司,或许可以带来生意。

当然,写博客不适合每一个人,他需要耗费时间精力,你必须定期的给你的读者一些有价值的信息,这样互动后,你才有可能从他们那里得到反馈...

原文地址:sitepoint.com Why A Blog Can Be Good For Your Business

如翻译的有问题tweet me,哈

标签: , , ,

JQuery : A fadeOut effect when news sticker closing

SocialTwist Tell-a-Friend

用到了jQuery的fadeOut函数(如下图)。


查看 demo

标签: ,

星期四, 四月 02, 2009

Using Google Ajax APi to Building a Twiiter updates Dynamic Feeds show on your Blog

SocialTwist Tell-a-Friend

这里采用的是Google AJAX Feed API ,那我们如何实现呢。

1.去申请个api key

2.copy如下两行到你的blog模板里


3.再把下面这些也copy到你的blog模板里,这里有些options可以选择,黄线部分根据你的需要修改。

4.再你需要显示的位置加入以下div语句。


5.你可能要根据你的blog做些css 的调整,这里不多说了。

要看效果点击这里

标签: , , , ,

星期三, 四月 01, 2009

Blue sky in beijing

SocialTwist Tell-a-Friend


DSC_2151, originally uploaded by slackware.

北京好久没这个天气了,真应该出去走走!

Google Adowrds支持制作新的视频广告(Rich Media and Video)

SocialTwist Tell-a-Friend




Google Adwords提供一个新功能,广告发布者可以很容易的制作视频形式的广告体,它提供很多种template,你只要选择广告尺寸,然后添加几张图片,广告文字,更可以实时预览广告效果。如果你想制作更炫的广告不妨试试,也许能带给你更多的click。

官方how to:http://www.google.com/adwords/displayadbuilder/index.html

update:刚才为服役的公司,制作几个多媒体广告,没想到google这个模板还挺多选择的,图片滚动播放,标签滚动方式等等。

标签: , , ,