Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

The Gradual Disappearance Of Flash Websites

If you want to “go big” visually with a website, delivering complex interaction and a rich experience across a wide range of browsers, Flash is the only way to go. Right? Nope. Given the widespread adoption and advancements of modern browsers and JavaScript libraries, using Flash makes little sense. But it does have its place on the Web, considering the need for progressive enhancement.

In the current landscape of technology and accessing the Internet through devices such as picture frames, netbooks, cell phones and televisions, the benefits of Web standards outweigh those of Flash, especially when delivering content to a broad audience on various devices.

Flash is a proprietary product that sits on top of the browser to extend functionality. While Flash may have provided missing functionality for some time, it brings little value to modern browsers. As more and more designers and developers realize the benefits of Web standards and start using some of the features of HTML5 and CSS3, we’ll see fewer Flash-driven websites.

The Great Flash vs. Web Standards Debate Link

Advocates have evangelized Web standards for over 10 years. The debate among developers and designers often gets as heated as the discussion on same-sex marriage, causing uncomfortable divisions among some of the smartest people in the field.

Jimmy Carter and Gerald Ford Debating

With the recent announcement of iPad’s lack of Flash support and the continued lack of it on the iPhone, the debate has reached beyond the development community to include Adobe and Apple themselves. With Apple’s anti-Flash stance, it has become too hard to argue for a completely Flash-based website when it would leave out a potentially large audience.

Eventually, Flash will make it to mobile devices (250 million devices are expected to have full support by the end of 20121), but that’s really only a small part of the debate and one of the better arguments that Web standards advocates have.

At the heart of the matter is how to deliver a great experience to users no matter the technology or platform.

“HTML5 vs. Flash” is the wrong discussion. “Accessible rich media” is the right one.

— Jeffrey Zeldman (via Twitter2)

In the end, we’re all just trying to create websites that can be accessed and used, regardless of the tools we use to deliver them.

Healthy Competition Link

In the early days of the Web, Flash was pretty much the only way to deliver a rich experience across different browsers and platforms. CSS and JavaScript were inconsistently supported across browsers, and relying on them was hardly worth the trouble.

Two Girls in a Pie Eating Contest
(Image: Erik Charlton3)

Flash saw great success early on and pushed forward quickly. The small app that once mainly made animations quickly became a worthy development environment in its own right. Developers and designers alike chose to concentrate their efforts in that area, often segregating themselves from the open Web and backing the proprietary technology. Flash websites took over the Web, and Web standards didn’t allow developers to create the experiences that users were starting to expect.

Web standards may have fallen behind once, but they continued to be pushed forward by practitioners and those willing to embrace the idea of an open Web.

Web Standards: Benefits And Reasons For Adoption Link

Users expect rich experiences, and in many cases these great experiences are now being delivered with HTML, CSS and JavaScript, which are the basics of Web standards.

Soldier Giving a Thumbs Up
(Image: The US Army4)

The line between websites developed with Flash and Web standards has become blurred. At first glance, even the savviest developer would have a hard time discerning which technology was used for a website without peeking at the source.

The list of websites that are ditching Flash in favor of Web standards is growing every day. Even if these decisions are driven by the iPad and iPhone’s lack of Flash, they’ll soon reap the other benefits that Web standards bring.

What once could be done almost exclusively in Flash is now easily accomplished with JavaScript and a bit of ingenuity. Lightboxing, scrolling news stories, rich navigation and image slideshows were once solely the domain of Flash. Widespread adoption of standards is easily attributable to the ease of using JavaScript libraries for enhanced interaction and current support of CSS among browsers.

Video has been an important step in moving Web standards forward. Video is one of the few things that could once only be delivered in Flash. The biggest leap so far has been YouTube5‘s adoption of the HTML5 video element (albeit in beta), allowing modern browsers to bypass the Flash plug-in and use video native to the browser’s player.

HTML5 video has encountered controversy (thanks to the current codec debacle6) and reports of unimpressive performance, but these issues will be worked out. Website developers will implement HTML5 video and choose an appropriate codec. When the biggest websites make this decision, we’ll end up with a de facto standard that gives browsers improved performance.

Modern Browser Adoption Link

HTML5 and CSS3 represent a great effort to advance native browser performance, and many browser providers are already implementing their specifications, even through they haven’t been set in stone. We have a lot to look forward to with CSS animation, canvas, local storage, geo-location and other specifications that will bring Web standards into a new era.

Although it will be many years before we see 100% of the emerging specifications implemented in browsers and see a large majority of users upgrade to those browsers, if we embrace the progressive enhancement of content, we’re well on our way to pushing adoption among developers.

Progressive Enhancement Link

Learning to produce progressively enhanced content, giving up pixel-perfect rendering in every browser, and embracing graceful degradation in older browsers can free up time to concentrate on other areas of development, such as accessibility and platform-delivery agnosticism.

A site in three states of enhancement
(Image: Unobtrusify.com7)

If users of your website don’t have JavaScript or CSS enabled, they can still access and enjoy your content in a more limited way, unlike Flash websites, which typically don’t deliver content in the absence of Flash or JavaScript.

Designing with progressive enhancement in mind and building from the ground up require designers and developers to think more about the infrastructure of a website, and this typically exposes the kinds of issues that arise when working from the top down (i.e. designing a website and then considering the fall-back).

Smart Phone Browsers and Context Delivery Link

The mobile Web is still in its infancy and usually an afterthought in the design process, but standard-based designs can degrade as nicely on phones as they do on older desktop browsers. In the absence of the Flash plug-in, a website can still deliver an exceptional experience without much extra effort (which would be cumbersome with a Flash website).

Mobile Web browsing is increasing exponentially, and ignoring these users is unwise. Web standards are the only option to deliver richer interactions in mobile browsers.

Content Management Link

Giving website owners and editors the ability to edit interactive content inside a content management system means not having to coordinate with Flash developers to create and maintain content outside of the system. Many agencies have ditched Flash for WordPress-powered websites that use JavaScript to enhance the experience, allowing for quick and easy updates to portfolios and content.

Openness Link

Web standards being what they are (i.e. standard agreement on the way code is constructed and served), user agents and scripts from outside a website can be written to access data directly from the HTML. Search engines, microformats, feeds, translation and bookmarklets all work because of the open nature and consistency between the data.

A Neon Open Sign
(Image: Monica’s Dad8)

If we want the Web to be truly scalable and interconnected, then microformats and microdata and APIs for content might be just the answer. Otherwise, we’ll remain in the same position we were years ago when websites erected walls around their content.

Freedom Link

Many people believe that the technology behind the Internet should be open and not competitive as it has been in the past. People should be free to consume and create information, without being tied down to the kind licensing restrictions and legalities seen with the likes of Flash, Silverlight and other corporately owned technologies.

Creating and delivering content with Web standards not only is the best technological solution but supports the freedom of an open Web.

Flash Does, And Will Continue To Do, Many Things Well Link

Just because Flash-driven websites are gradually disappearing doesn’t mean that Flash will disappear altogether. Too much content and infrastructure have been set up to magically vanish. Without vast restructuring or realigning of organizations and processes, plenty of Flash developers will continue to be employed, and plenty of Flash advertising will be directed at those ready to ignore it.

We owe a lot to Flash for making the Web what it is today, and it deserves that credit. Even though it showed less potential compared to the other plug-in technologies, such as Java applets, that emerged early on, it had a nice balance between seamless delivery to users and ease of development and deployment. Many other Web technologies, such as VRML and SVG, have tried to overcome Flash’s hold on the Web but have continually fallen short.

Where would the Internet be without Flash and the innovations it brought?

Ease of Use Link

Out of the gate, Flash was intuitive and easy-to-use application for both designers and developers, delivering the simplest of animations, yet able to scale to serve complex applications.

Two kids at computers
(Image: *ejk*9)

Because of its ease of use, Flash posed a lower barrier to entry for budding designers and developers. And combined with the suite of applications from Adobe, Flash fits well in the designer’s workflow.

Consistency Link

You can’t argue with the fact that for many years Flash has been the only way to deliver rich interaction in a consistent way across a wide range of platforms and browsers. It’s still the only way to deliver video and audio to older browsers, and it will retain its throne for several more years.

If you’re a stickler for fonts and demand special ones for your website, then you’ll be saddened by the current state of font support in the browser. This shortcoming will have to be compensated by Flash and swfObject10 until @font-face and various font formats become more widely supported.

Standards Not Quite There Link

As much as Web standards have advanced, we’re often stuck having to support older browsers in which Flash may be the only way to deliver audio, video and complex data-heavy interfaces. Thanks to early adopting Web browser providers, we can start using the HTML5 audio and video tag today. But we still have to plan for a Flash fall-back to deliver media in older browsers.

The same could be said for the canvas element for delivering complex visualization, 3-D animation and games. If a browser like IE6 needs to be supported, providing a decent fall-back for the canvas element can be complicated. Flash might just be the best choice for development in such cases. As always, your current and potential audience should determine your direction.

Progressively Enhanced Flash and Flash Injection Link

The best Flash developers take the same approach as the Web standards crowd, using Flash as a layer to enhance their websites and applications. If that continues, Flash will continue to have a place in delivering a great experience, serving mobile devices and reaching search engines and other user agent technologies. The Flash injection technique11 is the easiest way to meld the best of both worlds.

The Future of Flash Link

Adobe has never been the type of company to let a product stagnate. You can be sure it will keep pushing to get Flash on as many mobile devices as possible.

Laser Show Lights
(Image: Robert Weißenberg12)

With Creative Suite 5, developers will be able to output Flash projects as native iPhone applications using the iPhone Packager13. And Flash could soon evolve from its early roots as an animation application to a full-fledged desktop and mobile application development environment with the help of AIR14 and related advancements (AIR might reach the mobile space pretty quickly).

Flash developers will likely be in even greater demand, as the demand to deliver applications consistently between desktop and mobile devices increase—even if they aren’t asked to create run-of-the-mill websites.

Flash, HTML, CSS And JavaScript Are Just Tools Link

Web standards and Flash (and other plug-in technologies) are simply tools to create content for the Web. Even if Flash is on the decline for websites, Flash developers have no reason to worry about becoming obsolete.

Everything that is true for creating rich Internet applications holds true for whatever other tool you use, and transitioning to Web standards development may be easier than you think.

Tools in a Toolbox
(Image: kansas_city_royalty)

Flash and Web standards developers have more in common than they don’t. Interface and interaction design, typography, layout, graphic design and object-oriented programming are all still valid and important for both technologies.

Developers on both sides of the spectrum struggle with many of the same issues. They both set out to create a great user experience, to design intuitive interactions and to make websites easy for users. All of this is done not by the technology itself but by the people behind it.

Standards-Based Websites That Shine Link

Here are some examples of websites that have embraced Web standards and offer rich interaction. If you want to keep up with current trends, many great standards-based websites are featured on showcase websites such as NotCoffee and jQuery Style.

Pigeon and Pigeonette15
This website has a single page that transitions during navigation. Other than being informational, it offers a couple of Flash games.

Pigeon and Pigeonette Website16

Good Works Media17
An agency website with an accordion home page and lightbox for the portfolio.

Good Works Media Website18

Made by Elephant19
A minimalist portfolio website with a horizontal accordion.

Made by Elephant Website20

Euna (English translation21)
A single-page website with very “elastic” transitions.

Euna Website

Artopod22 (English translation23)
A retro design with a fixed-height “window” onto the content.

Artopod Website24

DreamerLines25
Bold, colorful, full-screen imagery on a single page, with a lightbox portfolio.

DreamerLines Website26

Serial Cut27
Mainly full-screen imagery for a portfolio that includes 3-D, graphic design and photography.

Serial Cut Website28

Alfa-Bank: U2 (English translation29)
The main layout and background imagery changes during navigation.

Alfa-Bank: U2 Website

Kobe30
A more traditional website but with subtle navigation effects and transitions for imagery and content.

Kobe Website31

Unowhy32 (English translation33)
Another accordion website, with smooth content transitions and a lot of “hover” effects.

Unowhy Website34

Creative People35
Very creative imagery, heavy on the AJAX, with many examples of the studio’s work.

Creative People Website36

World of Merix37
A full-screen draggable map of the agency’s clients, with a smooth lightbox for the content.

World of Merix Website38

The Sixty One39
Very much an application, this streaming music service lets you browse artists and related info. As you listen, information pops up on the band.

The Sixty One Website40

Banadies Architech41
A website highlighting the work of an architecture firm. With each click on the navigation, the page elegantly shifts around.

Banadies Architech Website42

Paul J. Noble
A dark portfolio website, with an interesting approach to navigation.

Paul J. Noble Website

Adult Swim Shows43
A recent relaunch, with full-screen images for navigation.

Adult Swim Shows Website44

Glyde45
A marketplace website with a simple interface, carousel navigation for products and lightboxes for detailed descriptions.

Glyde Website46

Alex Arts
Personal portfolio of Alex Abramov, with full-screen imagery and pop-up content.

Alex Arts Website

Rix47
Personal portfolio of Adam Rix. Full-screen imagery and subtle navigation.

Rix Website48

Eric Johansson49
A personal portfolio, with a fun design and scrollable interface.

Eric Johansson Website50

Websites From The (Near) Future Link

Here are some “experimental” websites that demonstrate what’s becoming possible with Web standards. Be warned: these might work only in the most modern of browsers. To keep up with emerging standards-based websites, check out CanvasDemos51 and Chrome Experiments52.

Bespin53
An online code editor from Mozilla.

Bespin Website54

Sketchpad
A simple painting program.

Sketchpad Drawing Application

JavaScript Wolfenstein 3D, from Nihilogic
The classic game created with Web standards.

Wolfenstein 3d Game

Leaf Transform55, from Disegno Cetell56
A simple falling leaf using the canvas element.

Leaf Animation57

Canvas Animation Demo
A cartoon animation using the canvas element

Cartoon Animation using Canvas

Canvas Experiment58, from 9elements59
An audio visualization that reacts to your mouse.

Bubbles Visualization60

Ball Pool61
A physics-based demo that lets you drag and push around multi-colored circles.

Ball Pool Website62

Dynamic Content Injection63, from Paul Rouget64 of Mozilla
An “almost” augmented reality demo that inject images into a video.

Example of Injecting images into other images65

Canopy Animation66
A visualization of a tree that mutates and blooms.

Tree Canopy Animation67

Bean
Images falling on the screen.

Random Falling Images

3-D Cube Demo68
A draggable, zoomable 3-D cube of colors.

3d Cube69

JavaScript Bike70
A game in which you navigate your motorcycle across a terrain.

A Bike Game71

Comments Visualization72
A visualization of comments over time by Matt Ryall73 using Processing.js74.

Comment Visualization75

HTML vs. Flash Resources Link

Here are a few fairly recent articles. Make sure to check out their comments.

(al)

Footnotes Link

  1. 1 http://www.tgdaily.com/mobility-features/48439-adobe-touts-flash-101-at-mobile-world-congress
  2. 2 http://twitter.com/zeldman/status/8872227072
  3. 3 http://www.flickr.com/photos/erikcharlton/318019677/
  4. 4 http://www.flickr.com/photos/soldiersmediacenter/2887687406/
  5. 5 http://www.youtube.com/html5
  6. 6 http://arstechnica.com/open-source/news/2009/07/decoding-the-html-5-video-codec-debate.ars
  7. 7 http://unobtrusify.com
  8. 8 http://www.flickr.com/photos/virtualsugar/316200555/
  9. 9 http://www.flickr.com/photos/ejk/417437288/
  10. 10 http://code.google.com/p/swfobject/
  11. 11 http://www.alistapart.com/articles/semanticflash/
  12. 12 http://commons.wikimedia.org/wiki/File:Lasershow_Halifax_20070610.jpg
  13. 13 http://labs.adobe.com/technologies/flashcs5/appsfor_iphone/
  14. 14 http://www.adobe.com/devnet/devices/demos/
  15. 15 http://www.pigeonandpigeonette.com/
  16. 16 http://www.pigeonandpigeonette.com/
  17. 17 http://www.goodworksmedia.com/
  18. 18 http://www.goodworksmedia.com/
  19. 19 http://madebyelephant.com/
  20. 20 http://madebyelephant.com/
  21. 21 http://translate.google.com/translate?hl=en&sl=es&tl=en&u=http://euna.com.ar/
  22. 22 http://www.artopod.se/kontakt/
  23. 23 http://translate.google.com/translate?hl=en&sl=sv&tl=en&u=http://www.artopod.se/kontakt/
  24. 24 http://www.artopod.se/kontakt/
  25. 25 http://www.dreamerlines.lv/
  26. 26 http://www.dreamerlines.lv/
  27. 27 http://www.serialcut.com/
  28. 28 http://www.serialcut.com/
  29. 29 http://translate.google.com/translate?hl=en&sl=ru&tl=en&u=http://u2.alfabank.ru
  30. 30 http://www.arcinspirations.com/kobe/
  31. 31 http://www.arcinspirations.com/kobe/
  32. 32 http://unowhy.com/
  33. 33 http://translate.google.com/translate?hl=en&sl=fr&tl=en&u=http://www.unowhy.com/
  34. 34 http://unowhy.com/
  35. 35 http://cpeople.ru/
  36. 36 http://cpeople.ru/
  37. 37 http://www.worldofmerix.com/
  38. 38 http://www.worldofmerix.com/
  39. 39 http://www.thesixtyone.com/
  40. 40 http://www.thesixtyone.com/
  41. 41 http://bonadiesarchitect.com/
  42. 42 http://bonadiesarchitect.com/
  43. 43 http://www.adultswim.com/shows/index.html
  44. 44 http://www.adultswim.com/shows/index.html
  45. 45 http://glyde.com/
  46. 46 http://glyde.com/
  47. 47 http://adamrix.com/
  48. 48 http://adamrix.com/
  49. 49 http://www.ericj.se/
  50. 50 http://www.ericj.se/
  51. 51 http://www.canvasdemos.com/
  52. 52 http://www.chromeexperiments.com/
  53. 53 https://bespin.mozillalabs.com/
  54. 54 https://bespin.mozillalabs.com/
  55. 55 http://www.disegnocentell.com.ar/ejemplos/transform/lab.php
  56. 56 http://www.disegnocentell.com.ar/
  57. 57 http://www.disegnocentell.com.ar/ejemplos/transform/lab.php
  58. 58 http://9elements.com/io/projects/html5/canvas/
  59. 59 http://9elements.com/
  60. 60 http://9elements.com/io/projects/html5/canvas/
  61. 61 http://www.chromeexperiments.com/detail/ball-pool/
  62. 62 http://www.chromeexperiments.com/detail/ball-pool/
  63. 63 http://people.mozilla.com/~prouget/demos/DynamicContentInjection
  64. 64 http://people.mozilla.com/~prouget/
  65. 65 http://people.mozilla.com/~prouget/demos/DynamicContentInjection
  66. 66 http://onecm.com/projects/canopy/
  67. 67 http://onecm.com/projects/canopy/
  68. 68 http://deanm.github.com/pre3d/colorscube.html
  69. 69 http://deanm.github.com/pre3d/colorscube.html
  70. 70 http://antscape.byethost8.com/bike/
  71. 71 http://antscape.byethost8.com/bike/
  72. 72 http://www.mattryall.net/demo/atlassian-vis/comments/
  73. 73 http://www.mattryall.net/
  74. 74 http://processingjs.org/
  75. 75 http://www.mattryall.net/demo/atlassian-vis/comments/
  76. 76 http://www.zeldman.com/2010/02/01/flash-ipad-standards/
  77. 77 http://www.zeldman.com/2010/02/03/ahem/
  78. 78 http://news.cnet.com/8301-30685_3-20000037-264.html?tag=fbshare
  79. 79 http://remysharp.com/2010/02/08/html5-vs-flash/
  80. 80 http://remysharp.com/2009/05/28/html5-spell-death-to-flash/
  81. 81 http://iphonedevelopment.blogspot.com/2009/08/flash-is-dead-long-live-flash.html
  82. 82 http://xiikblog.com/2009/01/19/flash-corporate-websites-are-deadohand-intros-too/
  83. 83 http://adweek.blogs.com/adfreak/2009/04/is-the-flashpowered-agency-site-obsolete.html
  84. 84 http://blogs.gartner.com/ray_valdes/2010/02/10/html5-and-flash/
  85. 85 http://www.alistapart.com/articles/flashstandards/
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Brad Cooper is an interface and interaction designer and an advocate of open source & web standards. He's been creating and designing websites for the last 14 years. You can usually find him at willworkforart.net, or twitter.

  1. 1

    Good article. First!

    2
    • 2

      Not really, it omits some pretty obvious issues. But I guess since you decided to add ‘First’ you probably don’t have much to contribute anyway.

      It hasn’t made any mentions that Adobe are making some serious inroads into opening up the Flash platform. What about the fact that they are ditching the ‘.fla’ format for a more open ‘.xfl’ format which will be exchangeable throughout the whole CS. Even Mozilla is looking to run flash natively without a plug-in (http://www.mozilla.org/projects/tamarin/). By the time HTML5 has a remotely similar penetration to Flash, Flash will probably be just as open as HTML5 by then. Which brings me to another point.

      Web standards take a good decade to mature and become widely adopted. Flash is proactively developed and improved by a corporation who pretty much have the entire creative market covered. Flash will move too quick for web standards to keep up.

      As antpaw has mentioned, up until now, it’s being used for very basic effects which would no doubt be accomplished in flash in half the time.

      SEO is being mentioned less and less as RIA all inhereit the same problem of content being generated dynamically and reliant on user input. HTML5 will encounter the same issues.

      Plus I’m sick of the ‘future’ of HTML5 being compared to the current state of Flash. Flash will no doubt evolve even further in the years to come. So stop comparing what it is capable/incapable of now to the ‘future of HTML5’ and compare it to the current state of HTML5 sites, or if you wish to discuss the future, try and include the possibility that Flash won’t be the exact same platform in 5 years time.

      Lets be honest, posts like this have flared up Apple tightened it’s vice grip on their own mobile platform (yes, believe it or not, Steve Jobs isn’t the only decision maker there, so stop saying you hate him in particular). That’s a whole other debate on its own.

      Flash won’t be the only option for Websites/RIAs in the future, and yes, it will lose market share to competing platforms such as Silverlight. But it will be a very long time before it ‘disappears’. Flash has plenty of room for improvement, but it isn’t going away anytime soon.

      PS ‘With Creative Suite 5, developers will be able to output Flash projects as native iPhone applications using the iPhone Packager.’ – Google “Adobe Apple” and do some research before you post such an article…

      1
      • 3

        < You might also want to do a search for “Apple+Adobe+terms” to get up to speed on Apple’s ban last week of dev apps that translate code into the iPhone’s language. That provides the context for this author’s article.

        0
        • 4

          Jeremy Carlson

          April 12, 2010 11:10 am

          As soon as I read his last paragraph, I new a reply like this was coming.

          0
      • 5

        Pierre Bertet

        April 13, 2010 1:49 am

        “ Even Mozilla is looking to run flash natively without a plug-in (http://www.mozilla.org/projects/tamarin/). ”

        Just a correction : Mozilla is absolutely not looking to run Flash natively on Firefox. Tamarin is an ActionScript / EcmaScript Virtual Machine (not a Flash Player), used by Flash (ActionScript) and Firefox (JavaScript).

        1
    • 6

      For real? Are you guys on Apples payroll or something….why so much IPad/No Flash posts? Are you guys a bunch of sell outs?

      Also if you are going to write about Flash at least know what you are talking about. The last couple of articles i saw here (including this one) are just fanning the flames of idiocy.

      I can develop in both Javascript and ActionScript so it does not matter to me what technology wins in the end….but god….some of your writers are so clueless its embarrassing really. I am embarrassed for you guys.

      Flash will be around a lot longer than most will keep your jobs at SM because one basic thing you guys seem not to be able to grasp is that its not how fast new technology comes out…its how long it takes for it to get adopted. For christs sake most ad networks currently only run ActionScript 2…how long has ActionScript 3 been around?

      The real reason Flash runs poorly on Apple is because Apple wants to cut out a 3rd party for delivery of content. Flash runs fine on a lot less powerful devises…..hmmm that should tell you something…but I wouldn’t expect that much from you.

      3
  2. 7

    Rene Schmidt

    April 12, 2010 1:06 am

    Thumbs up

    -1
  3. 8

    i think the flash will have his important place in web and on future. just maybe will be no more such overused for things what have nothing to do with the flash basic purpose.

    0
  4. 9

    I miss a list of “Flash Websites That Shine”. One look at some of the websites on the FWA and you will see a lot of things not yet feasable with HTML5, JS and CSS. A lot of people seem to forget what can be done with Flash. Just look at all the stuff 2Advanced has made. HTML5 isn’t going to replace that soon.

    I believe Flash will disappear eventually, but for now Flash has it’s place in the work we do. We just don’t use it in the places like menu’s and headers anymore.

    1
    • 10

      I agree: I’d love to see a list of some great Flash sites here, the kind that can’t be built otherwise.

      0
    • 13

      Yeah, take a look at the FWA and show me some HTML 5 that can match the brilliance of some of those sites. I think the majority of “full flash” sites are aimed at the more creative, entertainment seeking audiences who will have a modern browser with the latest flash player installed.

      I haven’t been impressed by any HTML video/canvas animation as of yet, the markup seems to be cumbersome compared to AS3 which I find much more readable and easier to work in with greater results. Until HTML 5 is widely adopted and as rich, I’ll stick with Flash.

      0
      • 14

        Morten Najbjerg

        April 12, 2010 5:04 am

        True enough! But I don’t forget that this is really a decision of weather you’re going to make a media-driven or text-content-driven site.
        None of the FWA sites are text-content-driven sites that is for sure… Big images, large videos, animation – no one will argue that websites where these are the key elements isn’t better made in Flash. But on text-content-is-king sites it is just as obvious that Flash is really a bad decision (which IMO is 80-90% of all websites).

        0
        • 15

          But on those types of websites, Flash always was a really bad decision. The emergence of HTML5 doesn’t change that.

          0
        • 16

          Mmmh. I guess there are several good solutions to bring HTML Content into Flash… You can actually import HTML-Files as XML into Flash, that means that you have the same text base like a normal hmtl-webpage. Additionaly all crawlers can index your contents. But I agree, that often, when it comes to text driven websites, it’s not necessary to use flash. But one great advantage is, and still will be in the near future, is the preloading-issue which is quite good solved in flash.

          And the reason why Apple isn’t supporting Flash is just politics.

          0
    • 17

      Doesn’t matter: “Standards-Based Websites That Shine” are a surprisingly broken heap of sites where anchors don’t work, other basic HTML don’t work, all because, just as bad as any Flash, these sites require Javascript or you get zilch.
      I’d rename it to “Trendy Websites Who Care More About Imitating Flash Than Actually Providing Content to Everyone”. Click the Swedish site’s “read more”. Where? Oh, yeah, I have to turn on some bloated script simply to READ PLAIN TEXT. Real winner there. Looking awesome with Javascript was more important than letting me read more?

      You’re either on the web to look pretty/show off/be artistic (fine) or you’re there to give information to as many people as possible… Standards-Based Websites That Shine is a list of sites who want to do both but don’t know how. So they should have just built themselves in Flash anyway for moar cowbell.

      1
  5. 18

    b.r.o.o.d.y.

    April 12, 2010 1:23 am

    Flash apps won’t be finding their way to the iPhone any time soon. Apple just updated its license agreement for developers with this new clause:

    “3.3.1 — Applications may only use Documented APIs in the manner prescribed by Apple and must not use or call any private APIs. Applications must be originally written in Objective-C, C, C++, or JavaScript as executed by the iPhone OS WebKit engine, and only code written in C, C++, and Objective-C may compile and directly link against the Documented APIs (e.g., Applications that link to Documented APIs through an intermediary translation or compatibility layer or tool are prohibited).”

    Basically this is a huge blow to many, many developer toolkits, small developers who relied on said tools, and for Flash CS5 as well. Programming in Flash for iPhone is henceforth forbidden.

    It was an incredibly petty move from Apple to announce this change just as Adobe was on the verge of releasing Flash CS5. Imagine how much time they wasted gearing Flash for the iPhone platform and promising it to everyone just to be told now that it was all for nothing. This speaks of the bad blood between Adobe and Apple. I just didn’t think they would turn so petty.

    0
    • 19

      Yeah, pretty sad. Not only for Adobe, but others too.

      I like Mono, and I am following the MonoTouch project closely. In light of the changes, their future has become uncertain. Another great framework that will be impacted is Unity3D (not for web design though, it’s a game development toolkit). We all like games, don’t we? :D

      0
      • 20

        I will second that. Apple blocking Flash/Mono/Trinity etc is like building a very closed guarded ecosystem where only Apple can survive. How can such cross compilers cause problem in Apple OS unless, the insiders know that their OS is much worse this time than all previous versions. On the other hand, companies like Microsoft have realised the power of open ecosystem and thus we saw Express editions coming up. It joined hands with Novell to provide support for Mono. Google open-sourced Chrome and many other projects to see community support grow.

        Looks like Apple is going back to the days of Microsoft, overseeing what happened to them. Guess what, the next in line of Apple would be modifying the licence terms of Webkit, thus blocking the development of Chrome/Adobe AIR.

        A very sad day for developers world wide :(

        0
    • 21

      @Sandeep good call! Where I am confused is why this article was even published today? The Apple announcement was last Friday. Why is Smashing Magazine (specifically Brad Cooper) sloppily misinforming the web developer community? I’m sure he knew of this announcement before publishing this article…

      Great article BTW, just wish it was more accurate. It is possible to go back and modify it with notes and updates, along some of the dated information.

      0
    • 22

      Interesting that Apple would bite the hand that virtually sustained the company through the 90s. Without graphics professionals, Apple’s marketshare would have been much less than their paltry 3-4% that it was during that time.

      1
  6. 23

    Marijan Barkic

    April 12, 2010 1:27 am

    The iPhone Packager of the Creative Suite 5 could be banned from the app store due to the upcoming exclude of cross-compiled applications.

    http://daringfireball.net/2010/04/iphone_agreement_bans_flash_compiler

    0
  7. 24

    Flash was invented in a time where html5, css3 and jquery was non-existant. There once was a need for flash and I think adobe has a very good understanding for this. I read on an adobe employee blog that their focus is not to force people on flash, its to develop tools that makes it easy for developers to make rich web sites. I dont think they will go the microsoft/ie way, adobe is smarter than that. We can probably expect flash to change to fit with new technologies like html5 and css3 in the comming years but probably not in the upcoming cs5 release.

    0
  8. 25

    Flash CS5 will be able to export to Html5/Canvas btw, so Flash Developers can continue using the IDE (at least in theory, haven’t used it of course).

    But Html5 has one major disadvantage compared to Flash: It’s NOT a standard yet. And it won’t be for many years. So everyone who tells that using html5 is the way to go because it’s standard and works everywhere is simply wrong. There is no html5-supoort in IE6, 7 and 8, and as far as I know even IE9 will only support some parts (and won’t run on Win XP), FF, Opera, Safari and Chrome all work different with html5, support different codecs etc – so how on earth shall we use it for commercial websites?

    The flash player on the other hand is installed on ~ 99% of all PCs, and will run on the majority of mobiles soon. The only ones who are out of the game are Apple products (and Apple users of course).

    -1
    • 26

      What are you talking about? I can get a flash plugin on any browser on my mac. I work with flash everyday and I do it all on a Mac. So please exercise some common sense and think about what your saying before you insert your foot in your mouth.

      0
  9. 27

    You serious? You want real opinion? here you are.

    You are trying to convince ppl to use one true style for webdesigning, just look at ur posts from the pack of “50 super-ultra-mighty, outstanding webdesigns”, they all look the same, build with the same tools, look at the world, it exists outside united states too.

    You show some websites with simple transitions rollovers – what is it comparing to flash? You compare two different techniques, it’s like using spoon to dig a hole for a swimming pool.

    And to add, the trends sucks, instead of trying to show people new ways, and make them use creativity, u insist on them to use same rules over and over again, it’s boring.

    3
    • 28

      This is an objective view of the current trending of web development, not a subjective argument attempting to convince all designers to use Web-Standards over Flash.

      1
      • 29

        No it isn’t.

        0
      • 30

        This article is _far_ from objective.

        I expect more from Smashing Mag.

        1
        • 31

          I think the title of the article is misleading and uninformed. There is an increase in flash platform development, not a “Gradual Disappearance of Flash”. This comes off as a subjective jab at Flash. Change the title, and the flash developers probably won’t be so pissed off.

          -1
  10. 32

    Look mom, no flash!
    http://re-source.com/

    1
    • 33

      look mom at bloody source of js…. programmers nightmare :P

      -1
      • 34

        Exactly, it calls 27 JS files totaling 221359 bytes, 7844 lines of CSS and JavaScript code to do this… It seems the computer science is going backwards, instead of things becoming easier to code they are becoming much harder, much more complex. Compare this to Flash and I am sure it can be done in 1/7 of the size.

        -1
        • 35

          Dont be lazy and just learn how to code

          1
          • 36

            Such an ignorant reply… I am speechless. That is the problem nowadays with IT, too many kids.

            -1
          • 37

            In my opinion,
            If the intention here was the look & feel,
            then, the combination of Flash-AS w/ JS would have been just ideal.
            You could have worked out the animations, avoiding this kind of mechanical feeling. To protect your images, etc, etc…
            And if browser-navigation doesn’t really matter then, this could have looked even better w/ Macromedia Flash 4 – 1998/9… we are in 2010 for god’s sake!

            0
    • 38

      I am very impressed of re-source.com. really great website

      0
  11. 39

    Well, like always Smashing, continues with flash bashing. Talking about Flash and dont mention the huge advatiges like:

    – Full control of the typography
    – Having cross-platform and cross-browser support (according to the html5test.com creator IE9 beta scores 19 of 160 possible points http://rakaz.nl/2010/03/microsoft-talks-big-about-html5-but-shows-very-little.html)
    – the performance of a reach animated html5 sites is _not_ better
    – html5 canvas has no seo advantage
    – AC3 is so much superior to JS, it’s ridiculous to compare them
    – Webcam, Fullscreen support

    Webstandards can only dream about to became as consistent as flash already is now.

    The author is just a fanboy, who has not much clue about both platforms.

    so please tell me why any site on http://www.thefwa.com should be converted to html5? there is absolutely no reason for that, and for 90% of those sites it’s completely impossible anyway

    2
    • 40

      The author is a fanboy?

      -1
    • 41

      Shabith Ishan

      April 12, 2010 9:33 pm

      Well said antpaw. beside the things in the list, Flash has the more user interactivity than the html5 like microphone support and handling thousands of data is much better than the javascript.

      0
    • 42

      Absolutely! not to mention comparing JS to C#, VB or the wonderful F# in Silverlight, JS, JQuery whatever won’t ever reach there until JS dies for good and something better emerges

      0
    • 43

      +1 to antpaw. I really don’t understand why people hate flash. Just look at some really amazing sites. You can’t do that with HTML5.

      0
  12. 44

    Show me anything from zynga that can be done with “standards”.

    0
  13. 45

    I think its poignant that the wix.com ad at the top of the page screams how it has helped create 700k+ flash websites and counting, yet this articles title seems to state how flash sites are disappearing…

    I don’t believe that flash is just going to fade away due to HTML5, not in the near future anyway.

    0
  14. 46

    Flash sucks!!! anyday!! It probably shouldn’t be used on websites. unless its absolutely required.

    -1
    • 47

      Any arguments, kid?

      -1
    • 48

      Yes! let’s remove flash from the web!!! and then…and then…Java!!! and …wait for it, wait for it, then…..asp!!! and then….

      I don’t get who made people like you the kings of internet whith power to decide who can and who cannot exist in the system.

      If you don’t like flash sites just don’t use them, or if you are annoyed by banners what are you thinking? that people will stop making them if flash dissapears? they will do them in whatever technology there is!

      brrrrrr

      0
  15. 49

    Gareth Axford

    April 12, 2010 3:00 am

    Coming from a purely animation standpoint (and by animation I don’t mean moving blobs about the screen, I mean proper character animation) all this flash bashing has me very worried. If that goat/wizard piece of work is the best that html5 canvas can offer, then those of us that use flash to create traditional 2d animation will be scuppered, Flash has transformed the animation industry as well as the web, it’s a relatively cheap and easy way for students and pro animators to hone their craft and cartoons using flash technology have become progressively more impressive over the years, it would be a real shame if we lost that accessibility because of the snootiness of developers who care little for aesthetics and craft, plus i’d be out of a job!

    0
    • 50

      Yeah, did you View>Source for the Canvas animation. How is that superior to the timeline animation tools in Flash. I’d like to see somebody write some code for some Inverse Kinematics or some lip syncing. Hah!

      0
  16. 51

    my colleague wrote an article in Dutch about this: http://www.webatvantage.be/Blog-11-flash_vs_javascript

    0
  17. 52

    Oh dear. Another stupid, worthless article from Smashing Magazine. Repeating the same old points over and over again. Following these people like they’re saints, when all they do is explicitly point out the obvious.

    Again, you’re trying to convince people to use jQuery or any other JavaScript library. They’re not doing anything special. You can make one yourself if you’d actually give the effort. The truth is, these libraries are painfully modularised and use lots of processing power to parse. If I need a JavaScript effect, I write it. Half the time, it doesn’t give any impression on users. You all think “wow, this is the latest amazingness trend to follow!” but your users are stuck with “meh”.

    All these blogs seem to do is link to each other, claiming how great they are. The biggest sites don’t use these overused techniques, because they are unique. All these showcases annoy me – they’re pointlessly hard to navigate.

    In all, the whole web design industry is a narcisstic farce, and you’re only helping them do it their ridiculous way. Let all the fanboys flame me, but they just can’t take the truth.

    0
  18. 53

    i think there will always be space for great flash projects, right now i’m working on various projects for the game industry and I don’t think that they will get rid of flash when presenting their games in the near future, the ability of using their original 3D models, etc is a great benefit of flash …

    but you’re def right when saying that working with jquery like js libraries on normal projects is much more comfortable and user friendly than using flash and we won’t see any ‘skip intro’ pages any more.

    at the moment i think that this whole discussion is basically driven by apple’s rants against adobe and jobs’s ambition to control the future content of large parts of the web.

    it will be interesting to see how both companies will end up on this as fanboys on both sides have their roots in the design community. being adobe today I wouldn’t release cs5 for mac until this fight is over :-)

    0
  19. 54

    Must say, well grounded article.

    I wrote this about Flash at its future and such: http://www.kevadamson.com/talking-of-design/article/a-flash-from-the-past

    Guess the article kind of reiterates your point “Flash and Web standards developers have more in common than they don’t”.

    -1
  20. 55

    Honestly!? Talk about jumping on the bandwagon. Why don’t you try writing something with intellectual merit instead of pandering to the fanbois!

    0

↑ Back to top