ㄨ赤焔幽影

[荐]来试试用键盘弹钢琴吧！

327675696@qq.com(ㄨ赤焔幽影) — Tue, 09 Dec 2008 04:37:58 GMT

本文已被推荐到Qzone社区, 点击了解更多精彩内容

下面26个字母，26个钢琴键(键盘请在关闭汉字输入法然后点下上面的FLASH才可正常使用)，可以用a-z来弹，也可以用鼠标，呵呵，大家可以来试试

<月亮代表我的心>——LOQSONQS STUVTS QPOOO QPOOO PQPOMPQP LOQSONQS STUVTS QPOOO QPOOO PQPMNOPO QSQPOSN MNMNMLQ SQPOSN MNOOOPQP LOQSONQS STUVTS QPOOO QPOOO PQPMNOPO
《童话》 LONOL LONOL LONO OOMMLLONOL LQPPO LONOM MMOTS PPRRQQ QQNPOONO ONOR LSRQPPPRRQQ QQVUTUV VPOT TTSSSLSRQQRQ QRQ RQPOOQST TTSPPRQ OQST TTSPPRQRQPO PQMMOONO《安静》QQQQPONPPPO LQPOOOLQPOOPQQQQPONPPPO LQPOOOLQPOOPPQRRRRRQPOOOPP LSSSRQPPPQQMRQRQPOONOL QRQRQPOPSLQRSRQSLQRSRQS LQRSRQOPPPQOSSOONOOSSOONOO RRQQPPORRQQPPOLQRSRQSLQRSRQS LQRSRQOPPPQOSSOONOOSSOONOO RRQQPPOORQPOMOO《好好恋爱》JKLLLLLKJIIL NNONOOOPQNNLHMMMJMOLLLLJH KKKJKLMMMOMLJKJJKLLLLJIHHO NMLMLJHHMMLLLKJ OOOONOPPLRQLLRPLRQRQRQPO ONMMQMQMLLQLQLRQRQOP LRQLLRSPLRQQQRQPQONMMQMQMLLQLQPOM OPNMNMNQPOO《痴心绝对》OPQQQRQPPOPPSP ONOOOQQOOMNNQNMLMMMRRQSO MLMMMRROOMPOOPQQQRQPPOPPSP ONOOOQQOOMNNQNMLMMRRQSO MLMMMRROOONO《会呼吸的痛》STVTXXTW WWVUVWXWSV VUTUVRRRVVWVSSS SYXWXX STVTXXTW WWVUVWXWSVV VUTUVRRRVVWVSSS STUVVUVV

《欢乐颂》J J K L L K J I H H I J J I IJ J K L L K J I H H I J I H H I I J H I J K J H I J K J I H I E J J K L L K J I H H I J I H H 《小星星》OOSSTTS RRQQPPO SSRRQQP SSRRQQPOOSSTTS RRQQPPO

《千千阙歌》HHIJ LMONNNLJ IIIJK MOQPPNLHHIJ LMONNNLJ IIIJK MOQPPNLMLMLMNNMN PPPPNOPQQQPPPOQ NLMLMOPQQPQ QPOP OMM LMOP QQPQ QSTSQQQQPPOPOM QQRQPOP QQ Q PPOP OMOO

《婚礼进行曲》HKKK HLJK HKNNMLKJKL HKKK HLJK HKMOMKILMKNMLII JKLL NMLII JKLL HKKK HLJK HKMOMKILMKILMKK《樱花》MMN- MMN- (-延长音的意思) MNON MNMK- ( 下划线是连音的意思) J HJ K JJHG- MMN－ MMN－ JKNMK J－－－想唱就唱 onopol jkkklj onopol lmmmon onopqolj opolj onopqolo rqpoq qrst oopqp pqrs srqpq qrstss uuvuspq rqrs qrst oopqp pqs quuqv vuvtsoo tsrqrs ts qrst oopqp pqrs srqpq qrstss uuvuspq rqrs qrst oopqp pqs quuqv vuvtsoo tsrqrs梦里
qqqqqqpo lmoooomq
qqqqstsqp lpppppsq
qqrs oopq llmoqpsq
qqrs oopq llmoqpoo
opqrsssrqrss
ssssvtsq
qqpo opm moppppqp
opqrsssrqrss
ssssvtsq
qqpo opm mopqqqqpom
qqqqqqpo lmoooomq
qqqqstsqp lpppppsq
qqrs oopq llmoqpsq
qqrs oopq llmoqpoo
opqrsssrqrss
ssssvtsq
qqpo opm moppppqp
opqrsssrqrss
ssssvtsq
qqpo opm mopqqqqmpqt自己有好的曲子也跟上哦！

如何让人信任执法人员？

327675696@qq.com(ㄨ赤焔幽影) — Fri, 04 Jul 2008 15:58:35 GMT

今天，看了一条新闻，瓜农拉了一车瓜，车坏在路边。两个城管上去抢瓜农的称，瓜农不给，城管抓住称就开车要跑，结果车发动了把瓜农拖倒了，车子从瓜农身上轧了过去……
城管有权利，可瓜农什么也没有。只会是瓜农被城管抢，被城管用车轧，而不会是瓜农抢城管，瓜农轧城管。
其实这样的事情，太多了，会被报道的事情都是实在无法遮掩住了，实在是“闹大了”，才能被报道出来。
就比如“河南省南阳独山事件”吧，那么大的事情，整个河南省的媒体都不给予报导。不报导也罢，群众也会说话呀，可是呢？在网上发布的凡是关于这个事情真相的，发现之后立即被删除。当时事情的目击者们到网上发布事情的经过，很快就被删掉了。为什么呢？因为南阳独山事件实在太大了，军车撞死一路人，这样的事情如果被报导了，那会怎么样呀。
关于城管的事情，事实上，见到的也不少。
常见卖红蓍的贫农，被抢走脚踏三轮车之类的事情。对于城管，抢来的三轮车最后也只能当废品处理了，而对于被抢走三轮车的贫农来说，“那是命呀”！据了解，这些人的生活非常窘迫，又遇上了困难，迫于生计才来的。有的是给“娃儿”挣学费，干粮费的。有的给病倒在床上的亲人救命的。
总听到国家领导、这长那长的说“构建和谐社会”！听起来让人心里暖暖的。
可是我们却看到：读小学年纪的小女孩儿却在街头擦鞋；满脸皱纹的老太太却为了孙女的学费捡破烂；读书年纪的小男孩儿在煤矿干中年人才能干的活……
当我们看到生活窘迫的同胞们，我们能帮就帮吧，不管能帮到什么，只要是好的。不能帮的，不要去抢他们的东西就是了。
说实话，不知是我见识太少，还是这样的执法人员太多：我见过的执法人员都是蛮横的，贪婪的。

听过很多这样的事情：在外面打工的农村人，受到当地城里人欺负（被骗、被栽赃等），实在找不到依靠了，找警察，警察最后的处理都是偏向于城里人的利益。也有好点的警察，也只是劝农村人，算了之类的。

说到社会现实，刚刚看了一部共获得11项提名奖项的影片《追击者》，这部影片真的很棒，很大胆的映射社会现实。（这部片子是出于韩国）。
看了片子之后，才明白“追击者”不是警察，追到连环杀人案的凶手的人不是警察。而放走杀人狂的人警察。
警察的这种角色，让我想起了大概是两年前发生在身边的真实的事情：社会流氓组织里的人到当地的一所高级中学砍人，幸亏有正义之士经过，被砍的人才没有死亡，最让人兴奋的是正义之士拼命捉住了那个砍人的流氓。那样的正义之士，多少年才见一个呀。用没有任何装备的血肉之躯与带着砍刀的杀人狂做斗争！！捉住之后，把凶手送到了一个地方，警察局。不过很快，警察便把凶手放了。真不知道除了警察局还能送哪。
仔细看《追击者》，警察共放走三次那个杀人狂。电影里面那次放走杀人狂，是第三次。
其实警察那样，是追不到杀人狂的，追到杀人狂的不是警察。警察追不到也罢，可是，警察却只是：追击者追到了杀人狂，警察带走，然后放了。警察对追击者说，没有追查令，要受12小时询问。
故事从“美珍”遇到杀人狂展开，美珍被杀人狂用钉子钉，不过并没有死。杀人狂离开后，在路上被追击者抓住了，杀人狂被送到警察局。在审问中，杀人狂的回答露出破绽，于是自己道出了杀人的事实。美珍苏醒过来之后，逃了出来，到附近小商店打电话报警。这时，杀人狂被警察放了出来。杀人狂去商店买烟，遇上美珍，将美珍及店里面的老板杀掉，回到住处。
最后，还是那个追击者用生命捉住了那个杀人狂。故事就结束了，估计警察也没有理由再把杀人狂放出去杀人了吧。
如果警察不把杀人狂放了，善良的店老板也不会死，美珍也会获救，美珍非常聪明可爱的小女儿也不会成为孤儿。可是，事实却刚好相反，想想都是什么造成的？

Windows 7触摸技术得配合这个触摸新液晶

327675696@qq.com(ㄨ赤焔幽影) — Sat, 14 Jun 2008 21:19:41 GMT

其实我们是很喜欢新产品的，不过这个新产品的出现让我们隐约感到些许的危机（这意味着咱们的显示器开始落伍了），Windows 7所倡导的触摸新技术得配合这个触摸新液晶屏来实现，Shuttle XP19宽屏触摸屏显然是个先驱者，19寸的Wa-Si TFT屏幕支持1680 x 1050 分辨率，5毫秒的反应时间，1000:1对比度，170度可视角度，金属质感面板；嘿，东西很好，咱们钱包不足啊。
触摸屏带来的另一个后果是，以后你的手指头也会长茧了，好好练练"一指禅"吧，光会抓鼠标的"无影手"已经不够了。
(本文来源：engadget )

全屏触摸电脑装Vista非它莫属

327675696@qq.com(ㄨ赤焔幽影) — Sat, 14 Jun 2008 21:06:55 GMT

在昨天的柏林举行的Connecting Your World发布会上，惠普公司发布了新一代的TouchSmart触摸一体机产品，包括IQ504和IQ506两个型号。
TouchSmart PC采用22英寸触摸宽屏，可全部使用手指触摸的操纵方式是它的最大特色，惠普为此专门预装了大量为触摸操作进行优化的日常应用软件，尤其是各种家庭多媒体娱乐软件。相比上一代产品，TouchSmart IQ500系列整机尺寸大幅缩小，基本就是一台稍厚一些的液晶屏幕，整机只需要连接一条电源线就能够开始工作。内部配置包括：Core 2 Duo T5750或T5850处理器，标配4GB SODIMM内存，320GB或500GB硬盘，可选集成显卡或GeForce 9300M GS，内置电视卡，吸盘式DVD刻录机，802.11 b/g/n无线网卡，读卡器。无线键盘鼠标+遥控器。
TouchSmart IQ500系列起价1299美元，现已开始预订，预计7月13日在零售店上架。

(本文来源:驱动之家 )

最晶莹剔透的玻璃键盘

327675696@qq.com(ㄨ赤焔幽影) — Sat, 14 Jun 2008 20:58:44 GMT

多年以来，玻璃材质一直以其晶莹透亮的特性受到设计师的青睐。而随着交互式技术的不断发展，也使得玻璃板更为广泛的应用到了IT产品的设计中。
我们今天为大家介绍的是一款用玻璃制成的键盘。它利用光线在玻璃板上投影出键盘的键位，然后再通过摄像头对手指进行追踪，从而实现输入。其实我们之前也曾经介绍过类似的投影键盘，可以投影在任何表面上，不过这次将这种技术与玻璃板整合在一起，更具视觉冲击力。

(本文来源：专利之家 )

对google个性主页的拖拽效果的js的完整注释－1(强烈推荐)

327675696@qq.com(ㄨ赤焔幽影) — Fri, 07 Mar 2008 15:40:21 GMT

// 工具类，使用Util的命名空间，方便管理
var Util = new Object();
// 获取http header里面的UserAgent，浏览器信息
Util.getUserAgent = navigator.userAgent;
// 是否是Gecko核心的Browser，比如Mozila、Firefox
Util.isGecko = Util.getUserAgent.indexOf( " Gecko " ) != - 1 ;
// 是否是Opera
Util.isOpera = Util.getUserAgent.indexOf( " Opera " ) != - 1 ;
// 获取一个element的offset信息，其实就是相对于Body的padding以内的绝对坐标
// 后面一个参数如果是true则获取offsetLeft，false则是offsetTop
// 关于offset、style、client等坐标的定义参考dindin的这个帖子：http://www.jroller.com/page/dindin/?anchor=pro_javascript_12
Util.getOffset = function (el, isLeft) {
var retValue = 0 ;
while (el != null ) {
retValue += el[ " offset " + (isLeft ? " Left " : " Top " )];
el = el.offsetParent;
}
return retValue;
};
// 将一个function（参数中的funcName是这个fuction的名字）绑定到一个element上，并且以这个element的上下文运行，其实是一种继承，这个可以google些文章看看
Util.bindFunction = function (el, fucName) {
return function () {
return el[fucName].apply(el, arguments);
};
};
// 重新计算所有的可以拖拽的element的坐标，对同一个column下面的可拖拽图层重新计算它们的高度而得出新的坐标，防止遮叠
// 计算出来的坐标记录在pagePosLeft和pagePosTop两个属性里面
Util.re_calcOff = function (el) {
for ( var i = 0 ; i < Util.dragArray.length; i ++ ) {
var ele = Util.dragArray;
ele.elm.pagePosLeft = Util.getOffset(ele.elm, true );
ele.elm.pagePosTop = Util.getOffset(ele.elm, false );
}
var nextSib = el.elm.nextSibling;
while (nextSib) {
nextSib.pagePosTop -= el.elm.offsetHeight;
nextSib = nextSib.nextSibling;
}
};

// 隐藏Google Ig中间那个table，也就是拖拽的容器，配合show一般就是刷新用，解决一些浏览器的怪癖
Util.hide = function () {
Util.rootElement.style.display = " none " ;
};
// 显示Google Ig中间那个table，解释同上
Util.show = function () {
Util.rootElement.style.display = "" ;
};

// 移动时显示的占位虚线框
ghostElement = null ;
// 获取这个虚线框，通过dom动态生成
getGhostElement = function () {
if ( ! ghostElement) {
ghostElement = document.createElement( " DIV " );
ghostElement.className = " modbox " ;
ghostElement.backgroundColor = "" ;
ghostElement.style.border = " 2px dashed #aaa " ;
ghostElement.innerHTML = " " ;
}
return ghostElement;
};

37幅幻觉绘画惊叹创意! - 读趣

327675696@qq.com(ㄨ赤焔幽影) — Fri, 07 Mar 2008 15:24:40 GMT

下面的作品都是运用透视原理玩的一些视觉魔术,漂亮的图画可能很容易给误认为普通的装饰画，仔细看会发现很多不可思议的细节——这是想象的力量，绘画者的创意。看看我们的眼睛和大脑怎样打架吧。

两个网站免费提供上万张超高分辨率wallpaper（最高2560x1600）

327675696@qq.com(ㄨ赤焔幽影) — Fri, 07 Mar 2008 15:19:32 GMT

这两个网站提供了上万张免费的超高分辨率壁纸（现在网上高分辨率壁纸很多都是收费的），内容从手绘到摄影十分齐全，最重要的，他们是免费的。 http://www.caedes.net/ http://interfacelift.com/wallpaper

Vista紫屏死机见过吗？

327675696@qq.com(ㄨ赤焔幽影) — Fri, 07 Mar 2008 14:52:36 GMT

Vista 紫屏死机见过吗？
　　蓝屏死机我们并不陌生，Win98时代谁没有见过啊。具有还有人见过死机中的精品：红屏死机，这个比较稀罕。但是，有没有听说过"紫屏"死机的？
　　很有趣，如上图，这个其实不能称为紫屏，它只是局部的紫屏，但是这已经很罕见了。与通常我们所说的蓝屏、红屏不同，它不会导致系统崩溃重启，只是系统内核的低级别(不是低级)错误导致的，不是那么严重。它是怎么发生的呢？
　　当WDDM驱动局部崩溃，并且DWM不能正常响应时出现的问题，很罕见。这是由Windows Vista显示系统导致的特异现象，在ATI和Nvidia显卡上都会发生。

65个绝妙Flash设计

327675696@qq.com(ㄨ赤焔幽影) — Fri, 07 Mar 2008 14:30:26 GMT

65 Excellent Flash Designs
With Flash you can do more than just displaying videos. You can create stunning visual experience and offer your visitors incredible user interaction. Although Flash is definitely not the favourite medium for usability and accessibility advocates, it has its advantages and it empowers the Web with functionalities which make it an incredibly interactive medium. With Flash designers can achieve results which simply aren’t possible with (X)HTML and CSS.
The results can be creative, impressive, beautiful and fascinating. Under two conditions: 1) if designers find the right mixture between graphics, animation, video and sound and 2) if designers follow the guidelines of usability and user interaction.
However, since there is a number of things that can go wrong in Flash, it’s easy to get it wrong. In fact, there are thousands of examples where it is the case. In Flash any experiments with navigation and layouts are possible and in most cases it’s extremely hard to find a creative yet intuitive approach. Flash is commonly used by designers, agencies, advertisers and interactive web sites, and not on the sites where simplicity and quick access to information are important.
In this post we present 65 examples of outstanding Flash designs with excellent use of graphics, visual elements, interface design and graphics motion. This showcase (mostly) presents “pure” web designs; we’ve tried to avoid Flash-based games and advertising.
Mistake #1: Use Of Flash To Imitate (X)HTML/CSSFlash shouldn’t be used if the designer tries to imitate (X)HTML/CSS-presentation. Long texts shouldn’t be embedded in Flash movies, because it’s harder (if possible at all) to work with the embedded textonce you need to. Cubamoon is a perfect example of how this is done wrongly. The completeness of the design is enviable, its beauty irresistible, Flash-effects are stunning. However it’s really hard to work with the content of the site. Visitors can’t open links in new windows and the text can’t be selected and copied.

Flash’s strength lies in its ability to showcase unusual visual solutions, including graphic motion, videos and sound. Make use of them if you really want to achieve a stunning visual design, instead of imitating “conventional” web-presentation.
Mistake #2: Navigation Is UnintuitiveWhatever decisions developers make for the design of their navigation menus, the result has to fulfill three significant requirements: it has to be intuitive, easy-to-use and work properly. Whether the design is Flash-based or not is not that important.

The navigation is possible with the wheel which needs to be dragged. That looks easy, but it isn’t. Where is the grey zone between usability and creativity?
Using too creative approaches designers risk to confuse or even disturb visitors. The freedom for experiments with Flash may lead to unusual solutions which aren’t necessarily understood by all visitors.
Therefore designing in Flash never assume that the navigation can be arbitrarily complex and that visitors will take time to explore it. Users don’t like to wait. And if they don’t understand how the site works they leave. This is simple. And may cost you your money and your efforts. Be willing to compromise. Use creative approaches, but always take your visitors into consideration.
Mistake #3: Pop-Ups Are Still Used
That’s just wrong. Flash designers need to understand that pop-ups shouldn’t be used any longer. Almost every browser blocks opening windows. Tricks and convincing arguments don’t help any more. Use the screen size your visitors use. In most cases you don’t need more.
GalleryWhat is your favorite?
3D-Experience, Video-Effects
3D, motion.

Outstanding 3D-experience with informative and clear content.

Visiting the agency’s web-site you actually visit their agency. Clean images, great use of video features.

Video motion, Multimedia, Navigation. Tell your visitors your story. Excellent portfolio site. Excellent use of Flash.

Open up the containers to navigate. Beautiful.

Simple, but extremely clean and calm. Showreel is just stunning.

Impressive visual experience.

Would you like a guided tour through this building?

Outstanding effects with videos and camera lenses.

Listen to what the suitcase says.

OK, this is a shop. But what is happening here, the models are interacting.

This is the visualization of a single by the band SWOD. It is called Waltz 57; the noise is also included in the single. Beautiful graphic motion. Builtonly with Flash and takes time to load. Better take a look at the video in small resolution.

Excellent graphic motion.

Flip the book to navigate. Impressive 3D-effects.
Visual Elements
Learn how to make a good first impression.

Crazy, interactive, unusual - creative!

Clean and interactive presentation at its best.

The portfolio is presented as a box of chocolates; every item can be picked, previewed and added to the lightbox for later.

This projection screen can be set in motion.

Follow the infinite red line (click on the screen first).

An agency’s web-site doesn’t have to be boring. These guys seem to be hilarious.

Portfolio designed as a… bus.

Excellent photography and visual elements.

The dropping down heaven. Every block is a single drop-down menu.

The Funnel Design Group. A classic.
Clean, Clear and Simple
Calm, peaceful, beautiful.

Silent, but so clean and elegant.

Calm and so beautiful. 3D-interaction in the Chromazone universe.

Minimalistic, interesting navigation; precise and sharp.

Minimalistic and beautiful, a portfolio.
User Interface, Navigation
Desktop in Flash. Very elegant solution.

Navigation with colored stickers.

Tremendous graphic design, and beautiful navigation - flashy!

d’strict uses some kind of a bubble-lupe as site’s primary navigation. To navigate you have to drag the bubble upon the layout. And no, the design is based neither upon grids nor upon columns. Explore.

A circular navigation.

Click on the ribbon and it flashes right to you preloading the content you’d like to see.

Drag & Drop navigation

So beautiful, so elegant, so clean and interactive.

What could it be? Well, this is an image gallery. Unusual navigation - you need to be really desperate about your navigation to come up with this method.

Classic, navigation through CDs.

Where is the navigation? On the right side at the top of the layout. To browse through categories you need to “switch a channel” like you would do it in your radio set. Nice idea from Switzerland.

Moon Palace offers a quite imaginative navigation.

Pick the category from a set of discs. Interesting navigation, and also beautiful.

Yammat: Navigation with elastic bands.

Another interesting concept by Limbus from France.

Beautiful navigation and interesting presentation. And we really love big typography.

…we also love lemons by the way.
Experimental
Kashiwa Sato loves color palettes. Do your eyes too?

This damn pencil can make you nervous.

OK, this is scary. And not beautiful. But the use of visual elements on Marilyn Manson’s official web-site is… well, unusual.

Self-portrait of a quite different art.

HiFi Rack.

Pixel-based Flash design created with the attention to smallest details. Unfortunately, there are sometimes too many pixels. Flash keeps the pixels alive - nice approach.

He doesn’t exist. Monoface’s face shuffle. We simply couldn’t resist.

Mohamed Yosry uses Flash in his own way. Not stunning, but unusual.

Kimm Saatveldt presents his portfolio in a rather unusual way. Place the mouse in the middle of the page to navigate.

HBO Voyeur. A classic you really need to have seen — at leastonce in your life.

An unusual format for portfolio of a web design agency.

Why not? Web-site as a newspaper.

Flash design from the 90s. Old, but still impressive. This text editor software is actually still in use.