css flash布局_跳过简介-CSS3是新的Flash

css flash布局

I remember spring of 1996 when FutureSplash Animator came out. That was 16 years ago, youngsters. Our minds were blown. No one had seen a cell-based animation editor before that was so easy. This was the beginning of Flash. Macromedia bought them, and then Adobe bought them.

我记得1996年春天，当FutureSplash Animator出现时。 那是16年前的年轻人。 我们的头脑被震撼了。 在此之前，还没有人见过基于单元的动画编辑器。 这是Flash的开始。 Macromedia买了它们，然后Adobe买了它们。

Now, almost fifteen years of amazing animations, full screen fun, loading screens, auto-play music and skip intro links, Flash (and browser plugins for general use) seem to be on the way out. Proprietary binary formats are being replaced by angle brackets and curly braces.

现在，将近15年的惊人动画，全屏乐趣，加载屏幕，自动播放音乐和跳过介绍链接，Flash(以及通用浏览器插件)似乎即将到来。 专有的二进制格式已被尖括号和花括号代替。

Just when we think we've seen the limits of HTML5, CSS3 and JavaScript, another Danish 12 year old succeeds in a complete emulation of a Commodore 64 using only CSS3 or some other such magic.

就在我们认为已经看到HTML5，CSS3和JavaScript的局限性时，另一位12岁的丹麦人仅使用CSS3或其他类似的魔术就成功地完全模仿了Commodore 64。

But why do we hate Flash? Is it because it's a browser plugin? Is that the only reason, and even then, is it a good one? Why hate Flash? It brought us sites like this one and, of course, the greatest flash site in history.

但是为什么我们讨厌Flash？ 是因为它是浏览器插件吗？ 那是唯一的理由，即使那样，这也是一个好理由吗？ 为什么讨厌Flash？ 它给我们带来了像这样的网站，当然还有历史上最大的Flash网站。

Just to level set, take a moment and type "about:plugins" into Chrome or Firefox's address bar.

只需设置级别，花点时间，然后在Chrome或Firefox的地址栏中输入“ about：plugins”。

Don't fool yourself into thinking that you're browsing a plugin-free web. My Chrome instance has 15 plugins, including Google Update, Google Talk, Quicktime, Acrobat, Java, Silverlight and Flash just for starters.

不要自欺欺人，以为您正在浏览的是无插件的网站。 我的Chrome实例有15个插件，其中包括Google Update，Google Talk，Quicktime，Acrobat，Java，Silverlight和Flash，仅供初学者使用。

In fact, today, more people have Flash or Silverlight than have Webkit. LiveScript, then Java, Flash, Silverlight, then JavaScript again, Google NaCl, and on. You've likely heard of Google NaCl (Native Client). Here's a fun quote from Matasano Security in an article called The Security Implications Of Google Native Client.

实际上，如今拥有Flash或Silverlight的人数超过了拥有Webkit的人数。 LiveScript，然后是Java，Flash，Silverlight，然后又是JavaScript，Google NaCl等。 您可能听说过Google NaCl(本机客户端)。 这是Matasano Security在一篇名为《 Google Native Client的安全隐患》中的有趣引文。

Google NaCl is, on its face, a crazy-talk idea. It’s a browser plugin that downloads native x86 code from a website and runs it on your machine. If this sounds familiar, it’s because Microsoft tried it over a decade ago with ActiveX.

表面上看，Google NaCl是个疯狂的话题。 这是一个浏览器插件，可从网站下载本机x86代码并在您的计算机上运行。 如果听起来很熟悉，那是因为微软在十年前使用ActiveX对其进行了尝试。

You can tell how excited people are about any new Web Technology by measuring how long it takes until the obligatory "An Entire Desktop Operating System recreated in New Technology" examples show up. Ahem. I mean, seriously. Just the fact that I can Google with Bing for "Windows 7 in CSS3" and get more than one example of how to emulate Windows 7 using CSS.

您可以通过测量显示强制性的“用新技术重新创建整个桌面操作系统”示例所花费的时间，来了解人们对任何新Web技术的兴奋程度。 哎呀我的意思是，认真。 事实是，我可以在Bing中使用Google的“ CSS3中的Windows 7”并获得更多 一个例子 如何使用CSS模拟Windows 7。

However, just because you CAN do something doesn't mean you SHOULD. I prefer to use HTML5, CSS and JavaScript to create clean sites that use responsive design and progressive enhancement and are viewable as documents everywhere. I predict a clearer line will be drawn soon between sites and applications. Ironically, rather than updating  a hundred apps to get the latest features, I'll instead update my browser a hundred times.

但是，仅仅因为您可以做某事并不意味着您应该这样做。 我更喜欢使用HTML5，CSS和JavaScript来创建干净的网站，这些网站使用响应式设计和渐进增强功能，并且可以在任何地方以文档形式查看。 我预计站点和应用程序之间将很快划清界限。 具有讽刺意味的是，与其更新一百个应用程序以获取最新功能，不如将其更新一百次。

Check this amazing webkit abuse example: http://acko.net. He's truly pushing the limits of CSS3. Actually, no, it's the limits of the WebKit extensions to CSS3. As Pete Brown said, "wow, that's awesome. In the way that a circus is awesome."

检查这个令人惊讶的Webkit 滥用 示例： http : //acko.net 。 他确实在推动CSS3的极限。 实际上，不，这是WebKit扩展对CSS3的限制。 正如皮特·布朗(Pete Brown)所说，“哇，太棒了。马戏团很棒。”

UPDATE: Just to be clear, I love what Steven Wittens from http://acko.net is doing. I'm not meaning to pick on his site at all. One of the significant things worth pointing out about Steven's site is his use of media queries and CSS is all client site and works on any browser. It degrades cleanly. Yes, it's a "gaudy tech demo" but Steven backs it up with clean markup and a site that is smart enough to be functional on any browser (both past and future). His site is totally appropriate to his audience and is a good example of progressive enhancement.. I am in awe of his technical chops and encourage you to check out his content which is also excellent.

更新：明确地说，我喜欢http://acko.net的Steven Wittens所做的事情。 我根本不是要在他的网站上进行挑选。 关于Steven网站值得一提的重要事情之一就是他对媒体查询的使用，而CSS则是所有客户端站点，并且可以在任何浏览器上运行。 它会干净地降解。 是的，这是一个“华丽的技术演示”，但史蒂文(Steven)用干净的标记和一个足够聪明的网站来支持它(可以在过去和将来使用)在所有浏览器上正常运行。 他的网站完全适合他的听众，并且是逐步增强功能的一个很好的例子。.我对他的技术能力感到敬畏，并鼓励您查看他的出色内容。

Here it is as an animated GIF. Why a gif? Because it's 100% compatible. ;) Maybe I should have used Flash.

这是动画GIF。 为什么是gif？ 因为它是100％兼容的。 ;)也许我应该使用Flash。

The #1 benefit of HTML5, CSS3 and JavaScript is one thing. It's not what they can do, or how they do it. It's that they are owned by everyone. Angle brackets and curly braces are the tools of future, no question. I think we do need to ask ourselves what we want to build with those tools. HTML5, CSS3 and JavaScript of 2012 offer us all the power (and more) of FutureSplash from 1996. Let us not abuse that power and relive the sins of the father.

HTML5，CSS3和JavaScript的＃1好处是一回事。 这不是他们可以做什么，也不是他们如何做。 这是他们归所有人所有。 毫无疑问，尖括号和花括号是将来的工具。 我认为我们确实需要问自己，我们要使用这些工具构建什么。 自1996年以来，2012年HTML5，CSS3和JavaScript为我们提供了FutureSplash的所有功能(以及更多功能)。让我们不要滥用该功能并重温父亲的罪过。

"The more freedom and power you have, the more you need someone to tell you what not to do." - Pete Brown

“您拥有的自由和权力越多，您越需要别人告诉您不要做什么。” -皮特·布朗

Funny thing about all this no technology. You still need a designer.

关于所有这些没有技术的有趣的事情。 您仍然需要一名设计师。

Sponsor: This week's ComputerZen feed was kindly sponsored by 赞助商：本周的ComputerZen提要由 DevExpress. Do check out their new stuff like DevExpress赞助。 请检查他们的新产品，例如 DXv2 and check out a free trial of their complete suite of Developer Tools. I've personally been a huge CodeRush fan for years. DXv2，并免费试用其完整的Developer Tools套件。 我个人多年来一直是CodeRush的忠实拥护者。

翻译自: https://www.hanselman.com/blog/skip-intro-css3-is-the-new-flash

css flash布局