Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

July 02 2012

07:00

February 15 2012

18:18

17 Adobe Flash Tutorials For Creating Menus And Navigations

The navigation and the menus of a website need to be easy to use as well as pleasant enough that user will like it. This is how you can define a user friendly website. For better and impressive navigation and menu, you can take the help of Adobe Flash. Thus, keeping this in mind we have put together a collection of some useful Adobe Flash tutorials for creating menus and navigations.

Our today’s list contains 17 most useful Adobe Flash tutorials that will guide you through the procedure of producing user friendly as well as eye-catching menu and navigation. You must get through this post if you are also in quest of some help in website navigation and menu creation.

Glass Aero Flash Menu with Fade Effect

In this tutorial we will learn how to make vista aero flash menu with awesome fade effect in Flash CS3.

Advanced XML Menu with ActionScript 3

In this tutorial we will teach you how to create an advanced XML menu. We will first set up everything ready in Flash, then create the XML file and finally add some ActionScript 3 for the functionality. Hope you enjoy the tut!

Advanced flash menu with effects and sound

Using this thoroughly explained, detailed flash lesson, you will see how to create advanced and trendy flash menu with sound. You can use this menu for any web site.

How to make Animated Menu in Flash CS3

In this video tutorial we will learn how to make a cool Animated Menu in Flash CS3 using some Action Script coding.

Rotating Menu via ActionScript 3

In this tutorial, designer will teach you how to create a rotating menu. This is a very basic form of the menu. You can edit your Flash movie easily, for example if you want to make the menu items visually more appealing. All the animation is done with ActionScript 3.0 as usual.

Create a Mac Dock Style Menu with AS3

In this tutorial designer will show you how to create a menu like Apple’s Dock using AS3 classes. We will create a single .as file that will perform all the magic, extending it to add new features.

Infinite Gallery / Menu

In this interesting Flash and ActionScript 3 tutorial we will teach you how to create an infinite gallery. This will also work perfectly for menus and so on. Let’s get started straight away!

Vista Menu in Flash

In this video tutorial we will learn how to make Vista Menu like in Setup Installation.

Cubic menu

In this tutorial you will see how to create cubic flash menu using the Action Script.

Full flash menu with sound and url

In this thoroughly explained, detailed lesson, designer will show you how to create full flash menu with sound and url.

Build a Dynamic Flash Game Menu: The Accordion

In this tutorial you will learn how to build a Dynamic Flash Game Menu.

Creating a Four-State Button With the Flash Timeline and ActionScript 3.0

In this tutorial you will learn how create a Four-State Button With the Flash Timeline and ActionScript 3.0

How to Create a Flash Menu in 20 Minutes

In this tut we’ll focus on making just such a menu; as customizable as possible, without using any classes, just component parameters.

Design & Animate Fancy Menu Buttons

Learn how to design and animate fancy menu buttons in Photoshop & Flash CS4.

Using Flash Catalyst to Design a Film Trailer Website: Structure and Navigation

In this tutorial, we’ll demonstrate how simple it is to build a film trailer website using Flash Catalyst. Learn how to import a Photoshop file and build out states and navigation using imported assets.

Shaky Flash Menu with ActionScript 3

This tutorial will teach you how to create a cool looking shaky menu with ActionScript 3. All the animation is done with ActionScript, so no timeline animation is needed. Check out the end result!

Black Menu Flash Tutorial

This Flash tutorial will show you how to create a black navigation menu.

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

November 13 2011

00:04

Adobe to forgo Flash plug-in for mobile devices

Earlier this week, Adobe VP and General Manager Danny Winokur disclosed that the company has concluded that HTML5 is ”the best solution for creating and deploying content in the browser across mobile platforms.” The company said it would stop building Flash to run on mobile browsers. In a blog post on the new focus of Flash strategy, Winokur wrote:

Our future work with Flash on mobile devices will be focused on enabling Flash developers to package native apps with Adobe AIR for all the major app stores.  We will no longer continue to develop Flash Player in the browser to work with new mobile device configurations (chipset, browser, OS version, etc.) following the upcoming release of Flash Player 11.1 for Android and BlackBerry PlayBook.

While Flash 12 work is said to be underway, many observers have wondered if this potentially marks the beginning of the end for Flash, which has been reeling since Apple refused to support it on iPhone and similar of its mobile devices.

Adobe’s Michael Chambers, principal product manager for developer relations, has responded to the general concern with a clarifying blog post, that includes a discussions of reasons for the move to quit the Flash-on-mobile-browser tact. In a post yesterday Chambers writes:

… given the fragmentation of the mobile market, and the fact that one of the leading mobile platforms (Apple’s iOS) was not going to allow the Flash Player in the browser, the Flash Player was not on track to reach anywhere near the ubiquity of the Flash Player on desktops.

Also, it seems, the task of porting the plug in to innumerable mobile OSes and device types put a lot of pressure on Adobe development t efforts. ”For each new device, browser and operating system released, the resources required to develop, test and maintain the Flash Player also increases. This is something that we realized is simply not scalable or sustainable,” wrote Chambers.

October 17 2011

01:18

Flash Isn’t Dead Yet!


  

It’s been really popular lately for many professionals to dismiss the use of Flash. Many designers and developers push the idea to discontinue use of the almost 20 year old technology. There are a range of what seems to be problems from the heaviness of Flash projects, the inability to frequently update without tearing everything apart and the difficulty in creating a Flash website with great search engine optimization.

In the meantime, designers and developers are looking towards different technology such as JavaScript, Ajax, Silverlight, HTML5 and CSS3. Many of these technologies are actually wonderful alternatives as they are lighter than Flash and make it a bit easier to work around, as well as many are free and open source technologies. You also have the mobile device argument–where many devices don’t make Flash available on most browsers. However, dismissing the use of Flash is extremely premature.

Flash Site Examples

Flash is still a necessary and great technology to use. Flash can really push the idea of your graphics forward and help come up with a great level of interactivity for audiences. Below is a list of some really great websites to look at, use and understand how useful Flash really is.

Atmozfears

This website exemplifies how you can take a pretty good graphic and make it the centerpiece of an outstanding website. The interaction is much further than that of any other relevant technology without losing an audience.

Being Henry

This is an extremely interesting and progressive concept. It’s a movie, that allows you to choose your story line. This is an amazing idea, because there are books similar to this made popular for children! The use of Flash takes this type of interaction to a new level.

 The Bulitt Agency

Flash is used here to captivate and draw in the audience. It was also used as a great way to showcase some amazing graphics and ideas. The interface is super easy to understand and makes for an overall great website.

Deaf Preachers

Musicians have always got to find a way to stand out from the pack and really make themselves noticeable. This website serves as an interactive music video for the artist. This is a GREAT way to get folks interested in their music as well as their brand.

Eric Stanley Global

Eric Stanley’s website is a typical showcase of his musicianship and artistry, however, it is taken up to that WOW factor with the use of Flash. This site focuses on good design with the special touch used via Flash.

Frontier Room

Another example of how Flash can take a regular idea (like a restaurant website) and turn it into something with a ton of character. From the loading screens to other elements, it definitely stays true to it’s character and adds a bit of humor to their site. (Go to the reservations page to get a laugh out of the moo cow).

GT3 Creative

The great thing about Flash is that there are little to no limits when we are talking about graphics. GT3 Creative did a superb job creating their own little interactive island for potential clients. They claim to be a creative company, why not be as creative as possible?

Nothing Compares to Havana

Aside from that blatant typo, this is another extremely interesting, progressive and interactive website. We had to see it to believe, but basically the site can connect to your microphone, and if you whistle you can navigate throughout the website. Pretty neat for those who can whistle.

Ivan Moreno

It’s getting harder and harder to create a stand out portfolio that gets the attention of potential clients. So, instead of creating a simple website, Ivan decided to make his have a 3D navigational system. This is a simple, yet very effective use of Flash.

Jumpman

There are times when we visit websites just to get a bit of background history on a product and most times when you do that, you get a blurb on how amazing the company is and why the product rocks. Well, in this circumstance, Flash gets us a visually appealing interview on one of the most purchased shoes ever.

Kasulo

This is another great example of taking things to higher levels. The design is very good and the interface let’s you travel throughout the timeline of this portfolio. This is another forward-thinking idea.

Lance Le Film Interactif

While we aren’t French buffs, we can assume this is another one of those super neat interactive films. However, this site is a bit more graphical and Flash heavy than the former–and simply amazing. Sites like this really draw viewers in.

Lois Jeans

Another great example of crazy good graphics and stellar interactivity. This site is a bit simpler in it’s graphic department, but the Flash is what gives it it’s character. The interaction the mouse has with the entire site also contributes to this design.

I Make My Case

When you decide to purchase or create a cover for your telephone, wouldn’t you like to see what your phone would look like? Have no fear, Flash is here! This website allows you to create a custom cover for your phone and see it in 3D.

Martha Marcy May Marlene

This is the website for a movie that really gets you involved and drawn in to the concept. Many times, folks say you shouldn’t use a Flash type of intro, but it really gets you more and more interested in this film, much like an extended, super awesome trailer. Did we mention that it’s interactive?

Mixr

This is another great portfolio type of site that allows you two different ways to navigate through their featured projects. The use of Flash shines up the presentation a bit and makes this site fairly intuitive.

Music Can Be Fun

One of the most popular and probably most employed uses of Flash is to make games folks can play in their past time. Most games however don’t pay a ton of attention to precise graphics, like this extremely addictive game.

The Neil Young Store

Neil Young is a pretty famous musician who is characterized by his ability to use personal lyrics and make you feel like he’s holding a conversation with you through music. His store and website here almost attempt to do the same by inviting into a place in which he may have really resided or frequented.

The Profiler

This seems to be an application that will convert you and your Facebook friend’s profile pictures into a three-dimensional presentation. It’s a pretty neat app that shows how Flash has the ability to interact with other entities on the web and come up with some pretty neat stuff.

Reusch

There’s something about video that can get people interested in something more so than a bunch of different pictures. This site uses Flash to backdrop a handful of great athletes who use their product.

Sagres – Preta Chocolate

This entire site is composed of pictures taken of the actual chocolate and hand drawn icons and typography. This website is completely thorough and goes to a higher level of branding and being consistent. See how it was made.

Silver Pistol Digital Agency

Graphics can really make or break a site, but  great graphics with great user interface always wins. This website shows off the best of both worlds and uses Flash as a means to spice it up and give a little atmosphere/character with their audio choice.

Tag Galaxy

Much like ‘The Profiler’ site, this one connects to Flickr via tags and brings up whatever pictures you are looking for. This is a very useful site for designers that puts things together in a very visual and understandable way.

Brian Wilson | MLB Always Epic

One word: HILARIOUS. If you don’t know about this guy, he’s an American baseball player with an out of control beard and personality. What better way to make a baseball website than to feature him and an interactive beard?

The Place To Be

Once again, this is an example of using Flash to take what could be a pretty regular site into an amazing web experience. This travel photography type of blog is taken to new heights with it’s graphic design and it’s interactivity.

UCF 116

The UFC put together this site to help promote a past wrestling event, one that claimed to be the largest in their history. Fortunately for us, we can judge accordingly by looking at all the wrestlers and vote on what we feel will happen. This is a very well put together site.

Werkstatt

This example is another great and creative way to showcase a wonderful portfolio website. Instead of creating a nice grid type of view, this site intuitively scrolls side to side to allow you to see this artists work. On this site, Flash adds the extra creativity.

Let Flash Live

People are really interested in killing Flash and being the firsts to really declare that this technology is no more; but as we can see there are many websites that still use it (and it’s still extremely popular overseas). Flash isn’t going anywhere mainly because it’s 20 years worth of technology that we don’t want to flush down the drain. Though there are a ton of alternatives, Flash can do almost anything with it’s ActionScripting and being paired with some good XML.

The second reason Flash isn’t going anywhere is because of the level of interactivity that Flash can bring to the table. Sooner or later social networks won’t be enough; text messaging and watching video’s won’t be enough; everyone will want more interactivity. They will want a better way to look at the people they are connecting with and the companies they are purchasing from. And quite frankly, there aren’t many other relevant technologies that can do it like Adobe Flash, and be so multifaceted.

So, let’s go back to embracing GREAT Flash developments and being awesome innovators. Design can only take you so far, but interactivity and connections can take you so much further.

(rb)

June 15 2011

14:43

35 Of The Best 3D Flash Websites Ever

Beauty will save the world! And digital world will be saved by attractive and magnetic 3D Flash websites which are almost brilliant works of art. This kind of sites quickly draws audience’s attention as it provides rich visual experience. So today we would like to touch the subject of 3D Flash Websites – the most interactive and creative web projects for those who do care about the impression they make.

Developers consider Flash to be a platform with a wide range of opportunities in a website building and presentation, but at the same time it is a rather complex tool which requires certain coding knowledge and skills. Moreover, often Flash sites have essential downsides in comparison with static ones: slow loading and inability of search engines to crawl website pages are mostly called weak points of Flash. But we are sure that Flash is the ultimate solution for creating interactive websites which will blow visitor’s minds. And 3D Flash websites are especially alluring thanks to their fascinating three-dimensional effects. It’s a kind of virtual reality where you are a welcome visitor.

3D Flash websites listed below will make you sit with eyes wide open, even if you are a Flash antagonist. And if you are a true fan of Flash technology then you will definitely be impressed with the interactive beauty displayed on your screen. Just check these 3D Flash websites out!

Biliouris


3d flash websites

Playmedia


3d flash websites

Camp Balcones Springs


3d flash websites

Moment of truth


3d flash websites

Adobe museum


3d flash websites

Galaxy


3d flash websites

Gymnasium


3d flash websites

Grow


3d flash websites

Hop


3d flash websites

Day and Night


3d flash template

eMag 3D


3d flash websites

Liniers


3d flash websites

Paper critters


3d flash websites

Vestas


3d flash websites

Limbus


3d flash websites

PNC


3d flash websites

Optus


3d flash websites

Apoteket


3d flash websites

Whirly


3d flash template

Puma


3d flash websites

Legends of Valhalla


3d flash websites

Immersive garden


3d flash websites

Mechaniks


3d flash websites

Sensisoft


3d flash websites

Danonino’s welt


3d flash websites

The rainbow warrior


3d flash websites

Ben Faragau


3d flash websites

My tunnel


3d flash templates

Whittakers


3d flash websites

100 best films


3d flash websites

Nelo music


3d flash websites

Nespresso


3d flash websites

InTru3D


3d flash websites

The band Dancer


3d flash websites

Fout the design


3d flash websites

This is a guest post by Ann Davlin, She is a copywriter and blogger working at MotoCMS – a company which allows you to easily create Flash website. Ann is a great fan of social media and web development trends (especially Flash), so you can always follow her on Twitter (@SmilingAnny).

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

June 11 2011

10:00

What is the Future of Adobe Flash?

The fate of Adobe Flash is in a stir lately. Who wouldn’t talk about it when two Steve’s are out there to get it by the neck? Steve Jobs and Steve Ballmer have decided that Flash’s reign is over. At least in the sense that Microsoft and Apple and other major technology companies have started shifting from Flash to different platforms.

What’s in store for developers and users? Users would wonder if they’re affected by this change. Depending on what they use their devices for, it might make or break a lot of things. Take for example gamers. There are major gaming websites that focus on Flash like Kongregate and Newgrounds, I guess Apple users won’t be able to play games anymore. For developers, this might be a problem (or a business) as they will have to rewrite their products.

Apple is a behemoth that does not support Flash. Two Steve’s are actually moving away from Flash, the other Steve is Steve Ballmer, Microsoft’s CEO. Imagine that? Two huge industry giants versus Adobe Flash!

Is the future of Adobe Flash grim? Before addressing the real issue here, let’s first look at why Flash is a target and not others.

Why is Flash Widely Used?

Source: Adobe.com

To begin, Flash has been used for a very long time and has widely revolutionized multimedia both online and on handheld devices. Why is it so? Because Flash has solved several problems that people experienced. From handling videos to fonts, to animation and cross browser compatibility, and adding to that the set standards on the web that are always changing. Cross browser and cross-platform compatibility with Adobe Flash is not an issue, unlike many web technologies like HTML5, CSS3, and JavaScript.

Another reason for its success is that Flash is mostly used for gaming and entertainment. The majority of internet users use the internet for entertainment.

Is it the End of Flash?

No. To say that it will die off because a new challenger appears is too sensationalist. Since the majority of PCs use it, websites with animations including those pesky advertisements, and thousands of Flash games, it won’t go away easily. It has served thousands of devices and websites; taught in multimedia classes and has produced a lot of creative content without even knowing scripting. Adobe Flash is still evolving, trying to keep up with the fast paced technology.

During college I took a multimedia class. There we used Adobe Flash and created several 2D animations and Flash games. I can say that even if I’m not that good with graphics and design, I can sure as hell create a Flash game and animate your stick man. Is it a useful skill? Maybe it can get you a few ladies to drink with, still it is a very useful skill especially for designers.

So, what can turn the tables? I, for one, loathe the bulky Flash websites (especially those Hollywood film promotional websites), but when it comes to interactivity I’m the first one to worship it. A lightweight competitor like HTML5 will do the trick; CSS3, HTML, PHP5, JavaScript and others would win when it comes to creating dynamic websites.

The problem with these technologies is that the standards aren’t really that standard for everyone. You think you know everything about CSS and HTML and now you can create a super website? Think again. In a few months or years you’ll have to read another manual telling you that there’s another standard. Even if they’re called standards, developers from all over the planet are having difficulties with cross browser and cross platform compatibility.

Websites including YouTube have began using HTML5. There has been a spur of HTML5 games and they are really lightweight.

The question now is, is HTML5 (and others) easy to learn? I can teach a 13-year-old to animate using Flash, but not HTML5 just yet. It still has a long way to go but I’m pretty sure that someday people will come up with drag and drop applications to create rich and dynamic content.

As said, Flash is well-established and can be used by almost anyone.

What about the people saying that Flash is already dead? Are they too optimistic about HTML5? Maybe, since HTML5 still has a long way to go and still has to establish credibility. Something which Flash has. But HTML5 has the ace up its sleeve, and that is the potential to grow further.

What Apple says vs. What Adobe says

When it comes to Touch

Apple claims that Adobe Flash wasn’t made to support touch screen devices. Any other Flash applications and websites will then be rewritten.

Adobe says that the Adobe Flash Player is actually made for the purpose of supporting tablets with multi-touch. And that Flash developers need not worry because mouse events are automatically converted to touch events for touch devices.

When it comes to Battery Life

Apple says that Flash uses too much battery life to be used on mobile devices when playing high-definition videos or games.

Adobe says it will not be an issue since Flash Player 10.1 supports hardware acceleration across mobile and desktop devices.

When it comes to Security

Apple takes a hold of Symantec’s word about Flash being one of worst in security.

Adobe says it is also important to note that Flash is one of the most widely used systems. Comparing it to a discussion I had during college, Microsoft OS is mostly targeted by computer viruses and crackers because the market is in there, many people use it as compared to Linux and Mac OS X.

(see links at article’s end for an in-depth explanation from Adobe and Apple)

Should You Learn Flash?

HTML5 is the next big thing after Flash but do not expect a wide support group for it just yet. If you want to do complex animations, Flash is your way for now. By all means learn how to use Flash, it is widely supported and has lots of features that anyone can use.

But if you are thinking of creating a website with animations and things, you might want to wait just yet. Flash websites were superstars of the past, now they’re just divas that want attention and many people loathe them.

Flash is compatible with almost any browser. You don’t have to worry about cross browser and cross platforms. Of course, we’re not talking about iPhone and iPads. Kidding, Adobe Flash Player 10.1 supports them now.

Now, if you are thinking of creating an HTML5 game, you might not find a very good marketplace for it. Flash still has the biggest audience and established marketplaces for games like Y8, Newgrounds, and Kongregate.

Should you learn HTML5? Well, you can start now. It has a bright future, but don’t expect it to come in a sweep anytime soon. People, like an immune system, are resistive to change. HTML5 is still far from achieving what Flash can do: games, videos, applications, flexibility, and audience.

Weighing Things Up

Photo by darktaco

Adobe Flash wins at:

  • Used by almost every PC user.
  • Creation of simple to complex animation.
  • Bundled up; learning curve is easier because it’s not as diverse as learning HTML5, CSS, and JavaScript and other things.
  • Several thousand Flash games that can’t be played on Apple products.
  • Devices that allows Flash usage, in my experience, are more fun to deal with. My team and I once created a “hack and slash” game using Flash and we were stunned to learn that our professor saved it on his Nokia and played it there. Fully running. My point is, Flash is great with cross-platform compatibility.
  • Cross-browser compatibility too.

HTML5, CSS, and JavaScript wins at:

  • All of these are open standards, no more relying on third-party products like Flash does.
  • Can be used by most browsers without updating anything.
  • When YouTube was still a baby, I usually would see a page asking me to upgrade my Flash player. I haven’t seen it in a year now.
  • Adobe Flash wasn’t really built to support touch screen devices. With today’s technology, almost every surface is a touch screen. It doesn’t stop there; the juice of this all is on the web. Little by little desktop applications are leaving the mainstream and are replaced by web-based applications. Lightweight and accessible almost anywhere. This includes games, videos, and other applications.

Conclusion

It is not certain if Flash will be replaced, but it is certain that in the years to come there will be other technologies that will be on par with it. Flash was, and is still, hot because of PCs. In an era where PCs are common household items, Flash sure has found its place. But with today’s rise in mobile devices, lightweight devices, the hassles of using Flash applications will be its own funeral. Even though its future is gravely marked, it doesn’t mean it will fall overnight. There’s still hope for Flash developers out there.

Sources and for Further Reading:

Adobe - The truth about Flash

Apple - Thoughts on Flash

Tell us what you think!

May 11 2011

04:26

11 Excellent Online Converters That Can Help You Convert Files And Formats

There are many online file converters out there for designers and developers, but getting by good ones is not that easy. That is why I am sharing 11 Excellent Online Converters That Can Help You Convert Files And Formats. Read each entry in the list and see which one suits your needs best.

You are welcome if you want to share more online converters that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com, just subscribe to our rss feed and you can follow us on twitter and follow us on Digg as well to get updated.

iWebPrint

You can convert web pages to elegant printer friendly PDF. It will also help you to save, read, and print dDirectly from your Browser. There is an option to control page size (Letter, Legal, A0-A9, B0-B10, +more), control orientation (Landscape, Portrait), Control PDF Mode (Color, Gray). If you want, you can exclude web page images or background to optimize printing. You can also use it as Chrome Extension or Firefox Add-On.

PDF to Flash Page Flip

This online tool will help you to convert your pdf files into a flash flipping book movie. This interesting tool will make your pdf visually more attractive and interactive.

FontConverter

With this online font converter you can convert even exotic font file formats into another format. They support most font file formats common on Mac or PC.

Free Online OCR

Free Online OCR is a free service that allows you to easily convert scanned documents, faxes, screenshots and photos into editable and searchable text, such as DOC, TXT or PDF.

Free online file converter

This free online file converter lets you convert media easy and fast from one format to another. They support a lot of different source formats, just try. If you can’t find the conversion you need, you can contact them. They will try to help you.

Picasion

You can create animated GIF online for free, Just upload your pictures or grab them from Flickr or Picasa Web, make avatars or funny animations and post it to MySpace, HI5, Facebook, eBay, Orkut, Bebo, Digg, QQ, Friendster, etc. To use this tool you do not need flash installed on your system.

Brickify

Brickify is an awesome tool that turns your images into bricked out awesome.

RoboVoice

RoboVoice is a text-to-speech service, that can help you to listen web pages. You may open a one page, starts to play a long text from it, and continues surfing in a new browser window.

CMYK Converter

CMYK Converter is a small application designed to make converting your images between RGB and CMYK colour profiles easy. It is aimed at non-professionals who may not have the desktop tools available. CMYK Converter uses the AppleRGB and US Web Coated SWOP colour profiles for converting.

Neevia Document Converter

Neevia Document Converter makes it possible for anyone to instantly convert many of the file formats that are used daily to PDF or Image. You do not need need to install anything on your computer. Simply upload the file and select your delivery method.

PDF to JPG

If you ever want to convert your pdf files into JPG file for any reason, then you can anytime use this pdf to jpg conversion tool.

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

March 12 2011

10:00

20+ Websites To Help You Learn Flash and ActionScript

There are many software products that are available in the market for website development. In the world of multimedia, Flash has its own position. In designing interactive demos, standalone movies, and aesthetically pleasing web content, flash plays a main role.

Tips and tricks can be learned from different websites.  The good reputation of Adobe products is one of the core reasons that Flash and ActionScript are so popular. A major reason for it’s popularity is that ActionScript is similar to JavaScript. There are many websites that are very helpful for learning Flash. Below are 25 websites that will help you in learning Flash/ActionScript.

1. NET MAGAZINE


.NET mag has a very useful collection of tutorials on flash. These tutorial are helpful if you want to learn about styling in flash. Flash 7 gives you the advantage of embedding images regardless of the format. Flash 7 supports PNG, GIF and JPG etc as well as movie clips.  There are pdf files of tutorials available as well to view them offline.

2. STEVES TUTES


There are varieties of tutorials available on this website for Flash 8. This website provides learning materials about how to filter an image, about all the basic components of Flash 8 and many more. Video tutorials are also available on this site. To cut it short, this is a complete package for learning Flash 8.

3. BAYCON GROUP


Baycon Group’s tutorials are a good source for professional learning. The thing that I found best on this site is that it gives you different options for learning, it starts with the basics and proceeds towards professional learning. This website is very helpful for those who are interested in learning Flash 8 professionally.

4. TEACHER CLICK


On this site, the study material is divided in the form of syllabus. It is just like learning at any institute. The syllabus has 10 units which start from the easier parts of learning and gradually moves towards professional education. It also provides theoretical knowledge of Flash 8. If someone is interested in getting practical as well as theoretical information about Flash 8, I recommend this site.

5. BRAINBELL


This tutorial is a great source of learning for the layman; anyone can learn Flash 8 from this tutorial. This set of  tutorials provides a step by step learning of Flash 8 by demonstrating how to perform simple tasks on Flash 8. This tutorial is a good way of getting a start on Flash 8. An amateur can get everything about Flash 8 on this site.

6. MACROMEDIA FLASH TUTORIALS


This is a good source of learning for how to create a mouse cursor, Flash preloaders and others aspects. If you are dealing with multimedia,  Flash 8 will be your first choice. These tutorials are helpful for those who are working professionally and are in need of assistance in grooming their work. This site will help them in putting a step forward in their career. It has guidance about animation, special effects, and games and about all that a professional wants.

7. MACROMEDIA FLASH NAVIGATION TUTORIALS


Tutorialized provides nearly 600 tutorials for Flash animation. There are varieties of instructional materials that demonstrate animation on different objects. This is good for those who need help in their work. It has tutorials for animations, interior design, creating transparent buttons, highlighting, 3D animation, vector animation and much more.

8. NEW TUTORIALS


There is another website that provides tutorials for preloaders in Flash along with many other tutorials. This site is helpful for those who are interested in making interactive software programs like games and animations.

9. ADOBE


The most genuine site for learning Flash is Adobe.com. Here you can find Flash MX tutorials where you can get information about how to work around ActionScript. The website gives a good approach for those who want an authentic piece of information.

10. FLASH TUTORIALS.US


If you need ActionScript or Macromedia then Flashtutorials is a site that provides you tutorials that gives you theoretical information about how to apply logics and functions using ActionScript.

11. WEB DESIGN-TUTORIALS


If you are up to developing an exotic website and you need some tutorials, webdesign-tutorials will be a good choice. It has many tutorials which will help you design a website of any kind and any taste. Layout design tutorials, background integration tutorials and interactivity tutorial will be very helpful amongst all. There are many tutorials that will also help you in developing websites to meet the demands of today’s fashion like breaking news interface, flash flip letter effect etc.

12. WEB DEVELOPERS NOTES


Flash tutorials are available for developers and hobbyists in webdevelopersnotes.com. These tutorials teach how to enhance interactivity in a web design as well as software design. In multimedia little things matter a lot to include interactivity and appeal to the design. There are many tutorials that give you innovative ideas and the good news is that they are available on this site.

13. FLASH ADVISOR


Flash Advisor is another site for those who are interested in learning projectile motion, sound controlling and animated preloaders in Flash. The tutorials on this site are of high quality. These lessons are good for advance learning of Flash. The best thing about these tutorials is that they have been written by experts. This is a dedicated site for Flash.

14. SMASHING MAGAZINE


This is a site where I found some interesting tutorials that will help you create some smashing, eye-catching, and aesthetic web designs. The tutorials here will teach you how to increase reusability in Flash although it is assumed to be a nightmare for many programmers. Picture animation, water wave effect, high-tech animation, hypnotic gear rotation are some tutorials that I found most helpful.

15. EDUCATION ONLINE FOR COMPUTERS


This site has a good collection of Flash tutorials, not only for advance learning, but also for novices. Flash is the best source to create multimedia content on the web sites and games and the tutorials available on this site will teach you how to achieve it in Flash. You can find all kinds of tutorials from simple drawing guidance to high level animation courses.

16. FLASH GAME DESIGN


I will recommend this site to those who are interested in designing games. As its name suggests, this is web site where one can find tutorial related to designing websites and games and creating animations. These are advanced tutorials by which you can learn how to create web designs without using advanced ActionScript.

There are endless possibilities of developing any kind of master piece by using flash; the only limit is your mind. Banner, videos, cartoons, games and web sites can be developed with aesthetically pleasing designs in flash. Following are some websites for those who are interested in designing of banners.

17. FLASH-BANNER-CREATOR


The main idea of this site is banner creation using Flash. The tutorials on this site are all about different techniques of creating banners. Anyone who is interested in creating banners has to download the tutorial from this site. The steps used in the tutorial are very simple, one just need to follow the steps.

18. LAYOUT GALAXY


I found a concise and appropriate tutorial for banner creation in Flash here. This tutorial follows a step by step description of processes involved in the creation of banners in flash.  You can learn how to create exquisite and appealing banners for websites here.

19. FLASH VAULT


Here I found another tutorial for flash banners. This is helpful for people who want to create a full flash banner. The steps in the tutorial will lead you to create a high quality banner.

20. TIZAG


Tizag.com has many Flash tutorials from introduction to email forms. This site provides a good collection of flash tutorials for those who are eager to learn flash from home.

21. GOTO AND PLAY


Flash games are very famous these days and every developers are trying to learn the development of these games because of increasing demands from players. Gotoandplay.it is the place where you can find everything that you want to develop games.


22. EMANUELE FERONATO


If you want to learn flash game development in detail, then this tutorial is for you. It is a very long and detailed tutorial about game development. This tutorial demonstrates how you can create a quality game in Flash using ActionScript. This tutorial has covered a vast area of game development and that is why it is divided into parts which makes it a complete guide.

23. FLASH PERFECTION


All the tutorials on Flash Perfection are related to software that can be developed using Flash. This site covers many areas of development. It is also a complete package for flash game enthusiasts.

When it comes to multimedia, Flash is a household name. In games, websites, or banners you can add as much interactivity as you want using flash. The present era demands interactivity that’s aesthetically pleasing and user friendly. Today’s world is all about media and entertainment. If you want to utilize this powerful technology, I am sure that this article will help you save time in finding tutorials. Just find the best tutorial for you and start enjoying Flash miracles.

January 14 2011

21:41

The State of Video on the Web


A few days ago, Google announced that they were dropping support for the H.264 video codec in its popular browser, Chrome. In light of that, today, we’re going to take a look at the ramifications and current state of video on the web.


A Little History

Thanks to fast internet connections and the cost of bandwidth plummeting rapidly, serving video over the internet has become quite popular. That said, playing videos on the web remained an extremely messy affair. There was a mess of codecs and containers to deal with and no direct way to stream content. This void was filled by three solutions: Windows Media, QuickTime and Real Media; they quickly took over the entire market.

Windows Media

I definitely remember this!

Few expected the trio to be dethroned, never mind this early. And yet, that’s what happened when Flash video completely took over the entire web streaming market — practically making the others vanish, sometime around 2005. The others are still alive and kicking, of course, but up until a recently, Flash video was pretty much the only fool-proof, compatible and easy way to get your streaming content on a web page.


Introducing the HTML5 Video Element

Developers all over the world recognized the gaping hole that Flash exposed in the HTML specification and devised the HTML5 spec to fill in the void. The web needed a first class citizen for video, much like images, that browsers could play natively –without having to rely on a plugin, be it Flash, Silverlight, Quicktime, or something else.

And thus, the video element was born.

HTML5 defines a standard way to embed video content in your web sites: through the video tag.

Support for this standard, both among browsers and content distributors, like Youtube and Vimeo, has been increasing at a rapid pace. Needless to say, this element, along with canvas, has almost been the face of HTML5.


The Competing Codecs

This is where things have gotten a bit dicey. The HTML5 specification doesn’t specify which video formats, containers or codecs the browser should support through the video tag. Each browser maker is free to choose, and support, any format which they deem appropriate.

Ogg Theora was initially the forerunner for the standard video format but was later removed from the specification, replaced with a more vague specifications. Currently, there are three main codecs that are vying for you attention today:

  • H.264
  • VP8
  • Theora

I’ll talk more about the most relevant codecs: H.264 and VP8. Theora, while a contender, isn’t really in the running for the lead so we’ll skip over it. I don’t think we’ll need to go over the concept of a video container today as well.


H.264′s Background

H.264

H.264, also popularly knows as AVC, was developed as a collaborative effort of a number of groups, including the famous MPEG.

It is currently one of the more technically advanced codecs available and provides better frame quality at a much lower bitrate. For the non-techies, you get superior quality at much smaller file sizes.

This is the primary reason why H.264 is used in a large number of places, chief among them being your television stations that broadcast in high definition and high definition optical media, like BluRay.

In addition to quality, H.264 has a number of other things going for it. Content compressed with this codec can be played back by a number of non-PC devices. Reading this on an iPhone? Yep, you can watch H.264 content. Your gaming consoles? Absolutely!

Another point to note is that a lot of said devices have dedicated hardware to decode this type of content. This is why your portable devices have such impressive battery lives. Without hardware support, their CPUs would simply wilt.


VP8′s Background

WebM

VP8, a relatively new codec, is the brainchild of On2 — the same guys behind Theora. Google acquired On2 in 2010, and opened up all the underlying patents for the codec into the public domain.

WebM, the container of choice for most current browsers, utilizes VP8 for compressing its video content and Vorbis for its audio. It produces content similar in quality to H.264.

It is completely royalty free, now and for the future. On the downside, though, it has limited hardware decoding support as well as third party device/mobile support.


Google’s Decision to Drop H.264

As mentioned in the excerpt, Google recently removed support for H.264 from the Chrome browser. This throws a monkey wrench into H.264′s growth among web videos and leaves Internet Explorer and Safari as the only remaining browsers backing the codec. Google’s statement below:

We expect even more rapid innovation in the web media platform in the coming year and are focusing our investments in those technologies that are developed and licensed based on open web principles. To that end, we are changing Chrome’s HTML5 <video> support to make it consistent with the codecs already supported by the open Chromium project. Specifically, we are supporting the WebM (VP8) and Theora video codecs, and will consider adding support for other high-quality open codecs in the future. Though H.264 plays an important role in video, as our goal is to enable open innovation, support for the codec will be removed and our resources directed towards completely open codec technologies.


Google’s Decision: A Brief FAQ

We’ll take a quick look at some questions you might potentially have.

Why the sudden change of heart?

Issues of licensing, royalties and openness. H.264 requires royalties for specific scenarios while VP8 and Theora are completely open.

I’ve heard that H.264 is free for a lot of uses. Is there more to it?

While currently free, if the content is distributed free of charge, it isn’t set in stone. Remember that MP3 had quite liberal licenses early on as well. H.264′s licenses change periodically, 5 years or so, so something that’s free today may not necessarily be so tomorrow. There are no such issues with VP8.

Is this a way of Google trying to control which format the web uses?

Not really, no. WebM is already supported by Opera and Firefox [upcoming versions]. It is also backed by a good portion of the web community. It is much more a question of openness than control.

Editor’s Note: That said, is it not fun to watch the silent slaps in the face that Apple, Google, and Microsoft throw? Tensions between Google and Apple have increased quite a bit in recent months.

What if Google suddenly becomes evil and starts charging royalties?

VP8 is under a BSD license. It is also under an irrevocable free patent license. This is about as close as you can get to free. You won’t have to fess up royalties, now or in the future. Period.

Firefox users can already view H.264 content with a plugin. So what’s new here?

Plugin is the keyword here. Instead of becoming a first class element, video is, again, delegated to plugins. If you’re going to install a plugin to watch H.264, why not just use Flash? It’s not as bad as people make it to be!

So I can use plugins to watch H.264 content?

Absolutely, Pipe it through Flash or Silverflight or whatever floats your boat. There’s just no native support.

Google already bundles Flash, a closed platform. Logic failure?

Nope, not even close. Flash, the player, doesn’t require royalties. In fact, you can take the specification and create your own player. Chrome just comes bundled with Flash for easier logistics.

H.264 is everywhere, goshdarnit!

It sure is. But I believe a contender must be chosen, based on merits and licensing, not just the former. This applies even more for the web, a messiah of openness.

But, but, I shoot all my videos in H.264. Encoding it with another codec is annoying.

You’re probably already compressing it before uploading it to the video service of your choice. Why not simply compress it with VP8? Also, if you are the provider, you’re already re-converting user uploaded videos. Just convert to VP8 now!

But WebM converters suck!

Touche, my friend. Compared to H.264, the tools at hand are sparse. We need to wait it out while someone fills the market’s demand.

Why remove support for it now?

Because the spec, and the war, isn’t over, not by a long shot. Google can afford to make a change here and prevent a H.264 monopoly in the future.


What this Means for a Regular User

To a regular Joe web surfer, nothing changes for you. As long as you use a modern-ish browser, you can continue consuming web video content, be it YouTube or Vimeo – as long as the provider transcodes the content and server them efficiently and effectively. In fact, you don’t even have to use a modern browser if the provider provides decent fallbacks

In your world, nothing changes. It’s just a bunch of geeks talking about things that you can’t even vaguely comprehend.

If you’re a mobile user, though, you’re in for a world of trouble. With most mobile platforms locked down so hard [Apple, I'm looking at you], changing browsers on your every whim is hard. Additionally, most mobiles only have hardware to decode H.264, not VP8. This means two things:

  • Possible choppy performance: Without dedicated hardware decoding, performance may possibly suffer for higher quality videos.
  • Worse battery life: As your CPU continues to thrash trying to decode your content, your battery life is going to take a big hit.

Yes, I know it sucks.


What it Means for a Web Content Producer/Distributor

For desktop users, it really doesn’t change much for you either. If you’ve been already serving content appropriately encoded for every browser, you should be alright for now. Remember, you’ve already had to serve WebM or Theora content for Firefox and Opera; so nothing changes for desktop users.

For mobile users, it, again, is a mess. No mobile browser supports WebM or Theora as of now, while almost every mobile has dedicated hardware for H.264. In order to accomodate everyone, you’ll need to have two version: one encoded with H.264 for mobile users, and another with WebM/Theora for everyone else.

You’ll have to face doubled computational costs and storage. Or you can choose to skip HTML5 video altogether and go with Flash for serving content but, uh-oh, iOS devices can’t play Flash content.

If you have to serve video content for mobile users and are facepalming right now, we can understand your plight and you have our sympathies. Fight on, soldier!


What it Means for Flash and HTML5 Video

In the short term, further adoption of the video element can suffer as developers wait for the dust to settle before making a decision regarding implementation. You’d probably not want to go with a technology that may be doomed to fail. This also means that usage of Flash for video content will possibly spike over the next few months, ironically.

In the long term, it will lead to a stronger and more open web. No one wants a repeat of the GIF or MP3 fiasco and I feel it’s right that Google has finally dropped support for the codec. Props to Mozilla as well for not giving in amidst uproar over not supporting the codec.


Codec Support in Modern Browsers

WebM

Universal pricing table from GraphicRiver.

This is how the compatibility chart will read a month from now, when Chrome drops H.264 and Firefox and Internet Explorer adopt WebM.

With mobile browsers, the situation is simple enough to not warrant a chart. Every mobile browser support H.264 and nothing else.


That’s a Wrap

I hope that you’ve found this write-up interesting. We’ve tried to go with a slightly different topic today, diverging from our usual web development content. I’m sure there are lots of perspectives I’ve missed in this article, so remember to chime in with your comments. Thank you so much for reading!

December 02 2010

12:32

Name One Thing About Web Development You Never Saw Coming

Advertisement in Name One Thing About Web Development You Never Saw Coming
 in Name One Thing About Web Development You Never Saw Coming  in Name One Thing About Web Development You Never Saw Coming  in Name One Thing About Web Development You Never Saw Coming

Not that this is universally true, but some people look haphazardly into a field before deciding to dive in. We do the odd bit of research, investigating the ins and outs, slowly developing expectations about this new arena of work. Expectations are not necessarily bad to have; they can be a powerful motivator. But sometimes our expectations are shattered by a development that we never saw coming.

“Shatter” sounds a bit dramatic, but a situation can certainly get derailed. Regardless of whether this changes the course of your career, it can still knock the wind out of you. Perhaps worst of all, you can’t really prepare for something that you didn’t expect. That is where this post begins. What’s past is prologue, and many of you are bound to have reflections on how those twists and turns of yesterday can help guide your development today.

Shattered Glass in Name One Thing About Web Development You Never Saw ComingWhen we’re hit by something that wasn’t on our radar, our expectations can shatter. (Credit)

Once again, we turned to our social media friends and followers for examples of unforeseen changes in the design and development world that tripped them up. Hopefully, by going over some of these pitfalls, we can be better prepared for the next ones — or at least be prepared for their fallout. With the way communities are constantly developing, changes are bound to surprise us, but if we are aware of how quickly they can occur, we might just be better able to adapt to them.

A Better IE

“Did someone say ‘standards-compliance’? Well, it couldn’t have been Microsoft. Oh, it was?”

A chill ran over the World Wide Web as we heard the news — and saw the proof — that Internet Explorer was going to comply with the standards that the rest of the Web had been adhering to for a while. And it took only the ninth iteration of its browser for Microsoft to finally reach the shore from which the rest of us have been waving to them.

Distantshore in Name One Thing About Web Development You Never Saw ComingYears after setting sail on the cyberspace waters, IE finally lands on the shore we have been occupying for years. (Image credit)

Many in the design and development community have long given up on the Microsoft crew, and many had vowed to stop catering to the IE crowd by not adding the extra code and tweaks that previous versions of IE required. So, when Microsoft announced that IE9 was bound for the market, you can imagine that the community was waiting with less than baited breath. Then news filtered to the public about the bells and whistles it would have, and people became shocked at the prospect of IE becoming compliant.

Lesson Learned
So, what did we learn from this development that we never saw coming? With enough pressure and time, suckage can end. There was a time when Microsoft was setting the agenda and didn’t have to comply to anything. It was on top, and no one could challenge its grip on the market, so it saw no need to change. But all that is past. It is finally stepping up to the plate.

What our Friends and Followers Said

  • IE9 is remotely good!
  • Internet Explorer is supporting open standards.
  • IE9 as we know it now.
  • An excelling IE9.
  • Internet Explorer becoming a fairly standards-compliant browser.
  • IE9 being pretty awesome!
  • IE to support recent fancy stuff like HTML5 canvas, video, audio, clean CSS3 and more to come with IE9.
  • Microsoft’s commitment to Web standards in IE9.
  • Internet Explorer actually getting better (IE9 looks promising… let’s just hope).
  • Yes, IE9, and especially its download manager!!

Mobile Web Explosion

“A Web you can take anywhere? Are you talking sci-fi?”

Not exactly, although we weren’t exactly prepared for this by Back to the Future 2. The mobile Web has been a game-changer for the design and development community, and it caught many of us by surprise. It doesn’t seem to be slowing down either. Quite the opposite: the market is growing by leaps and bounds. What some assumed to be a fad has forged an entirely new direction for the market.

For the longest time, the trend was to expand our viewable spaces. Designers planned for a larger Web, breaking out of the standard 960 grid, believing that the Internet would be grandiose and viewed on large screens. Things took a turn, and the Web was narrowed to much smaller mobile devices. The mobile Web exploded and seems to have created a virtual black hole that is pulling countless surfers in. People have fallen in love with the idea of taking the Web wherever they go, and they aren’t looking back.

Lesson Learned
While increasing the size of viewing areas is still a trend in its own right, few of us expected so many people to opt for a compact Web. Convenience outweighs presentation at times, and many want constant access to the Internet. Basic often beats bulk.

What our Friends and Followers Said

  • A mobile revolution.
  • The explosion in mobile Web and applications!
  • Designing for browsing on mobile devices (cell phones mainly).
  • Designing for cell phones! When I started in Web design, I’d never have guessed that.
  • Web browsing on small (mobile) devices.
  • I definitely didn’t see mobile browsing being at the level it is today (Thanks, Apple!).

Social Media Dominance

“Why would anyone care about a blogging platform that limits you to 140 characters?” “Who cares about social networking? We’re running a business, not a high school.”

I wonder how those words tasted when they were eaten? Social networking dominated the Web almost as soon as it hit the scene, and it continues to attract more users than most of us could have imagined. The many social media outlets and groups out there have brought us connectivity as well as insight into the communities that use them. Who saw that coming?

Dozens of social media networks are gaining traction, creating new avenues for marketing in the process. They are attracting not only veteran Web users, but also millions of people who previously saw little or no use for the Internet. No wonder these networks are dominating the market: they satisfy a need that so many didn’t realize they had.

Lesson Learned
What have we learned? That most people think in 140-character bursts of thought? Not exactly. Rather, we’re seeing the power of this connectivity and the way the Web can provide a global fabric of social communication. Many of us miscalculated the appeal of a socially interactive Internet, but now we see that it is unstoppable. You can’t stop the signal, as Joss said.

What our Friends and Followers Said

  • Twitter! I thought micro-blogging and other social media arms would be a passing fad. Boy, was I wrong.
  • The omnipotence of Facebook.
  • More than half a billion people using a website (Facebook).
  • Facebook advertising around the ground at Old Trafford against Liverpool on Sunday. Mad!
  • Facebook addiction.
  • Massive social media sharing on every pixel online.
  • Social media overkill.
  • With that, the herd of Social Media “experts.”
  • Twitter proving to be popular/useful.
  • Twitter. I still don’t see any redeeming value to it, even for reciprocal linking.
  • Social media integration.
  • Hundreds of thousands more people trying to earn XP and levelling up (Farmville).

Overall Market Stability & Growth

“You mean I can make this my job? What are you smoking?”

So many people never really saw the design and development fields growing so rapidly into a stable and secure job market. Thousands have committed to a career in a field that was once considered better suited to supplementary income or a lucrative hobby. The market now provides an endless supply of work opportunities and continues to evolve.

Everyone knew the Web would be big, but not everyone recognized the need for professional designers and developers to make the most out of people’s experience on it. This stability and growth came as a surprise, albeit a welcome one. The broad and helpful community that has populated this market might explain both the stability and growth. The community has built a solid foundation for the coming generations.

Lesson Learned
Is there a lesson here in our underestimation of the market — aside from what it tells us about our self-esteem (although that’s part of it)? As with the mobile Web and social media, perhaps the lesson here is not to dismiss an emerging market before considering its full implications and potential applications.

What our Friends and Followers Said

  • Just about unlimited opportunities.
  • Here in my country: the respect!
  • Now it’s actually a real job!
  • To actually earn my living with website development.
  • The growth of the now enormous Web dev community and its amazing generosity. Couldn’t have become the designer I am today (being self-taught), and the better designer I hope to be in the future, without it.
  • Well, I was going to say HTML5, but then when you really look at it as a whole, I guess you can infer that all of us never really saw a big market for virtual goods (in this case Web design and development). I was very surprised to see how it kept on growing to this day, and I have high hopes for the future.

Farewell XHTML — Hello HTML5

“What is this nonsense about the return of straight HTML? XML-based code is the wave of the future!”

Or so we thought. As we’re seeing, things don’t always work out the way we expect. When the coding standard went from HTML 4.01 to XHTML, many abandoned ship and cut down this x-citing new path. Some even called XHTML the future of HTML, doubting that HTML would have a significant version after 4.01. They believed the Web had gone the way of the X.

Crossroads in Name One Thing About Web Development You Never Saw ComingNo one expected us to retreat from the path of XHTML. (Image credit)

After nearly a decade of XHTML ruling the Web, HTML5 promises to change all that. We might have to say farewell to the X after all these years. Cue the dropping jaws and shocked expressions. Evidently, XHTML had not taken as strong a hold as we had thought. The standard is now revisiting its roots.

Lesson Learned
Is the lesson here never to give up on the source mindset? Or that the original will persevere in the end? Or better yet, that we should learn to move forward without putting all our eggs in one basket? If we learn that, we will have learned something valuable from this detour.

What our Friends and Followers Said

  • The end of XHTML.
  • Leaving the XHTML path (HTML5).
  • HTML5 form validation. Or rather HTML5 itself.

Bargain Bin

“No one goes bargain hunting for design and programming. Quality always wins out over cheap and quick… right?”

Apparently not. This is another of those dynamic and well populated fields that many people never expected to face. Lo and behold, as in almost every other business market out there nowadays, you will come across people who want bargain-bin pricing from their designers and developers. Some even expect bells and whistles with their bare-bones pricing.

When the economy nosedived a few years back, many people could no longer afford top-shelf design and development. This sad truth, coupled with the slice of the public that undervalues the contributions of these professionals, opened a segment of the market that not only tolerates this undercutting but practically encourages it. Bargain-bin services have cropped up all over the landscape to capitalize on a demographic that is in crisis and, for lack of a better word, cheap.

Lesson Learned
The lesson here is obvious, though perhaps not to those who were caught off guard by this trend. There will always be people who undervalue work that they themselves cannot do, either because they do not really understand what is involved in the process or because they are just dismissive. And there will always be those among us who are willing to satisfy these demands to turn a profit.

What our Friends and Followers Said

  • That there are people out there willing to do it so cheaply.
  • Those free downloadable templates! Now anybody can just get a nicely designed template, eliminating the need for a custom Web designer.
  • Build-your-own-website-for-free website services. People will simply click, drag and add content, and they now have their own website!

Apple vs. Flash

“This idea of community will steer the market, and collaboration between the major players will be the way forward, right?”

Not if Apple has anything to say about it. Talk about shockwaves: many of us never saw Apple’s battle with Flash coming. Potentially deep-sixing a major player on the Web before its prime was a bold move. The field of battle has become anything but friendly as both houses make their play to shape the future of the Web.

Flash has long been a favorite of many designers and developers, while being disliked by just as many. So, it was inevitable that the day would come when we would have to choose whether to commit to or abandon this technology. That day came sooner than we expected; once Apple dominated the mobile Web and app market and turned on Adobe. Flash is not supported on the iPad or iPhone, to the chagrin of some critics, and Steve Jobs made some rather unflattering statements about Flash’s stability and usefulness in the wake of HTML5.

Lesson Learned
The market can change unexpectedly when its leaders suddenly decide to turn the tables. Expect the unexpected is particularly apt here. As one company gains dominance in a market segment, it can effectively twist and turn us however it likes.

What our Friends and Followers Said

  • Flash going away.
  • Apple’s failure to support Flash on iPhone/iPad.
  • The death of Flash.
  • Adobe and Apple hating each other!
  • Apple not adopting Flash!
  • Steve Jobs saying ‘No’ to Flash.

Jumping on JavaScript

“Oh, please. JavaScript is a flashy fad. Give it time; it’ll fade into the ether.”

A fad it is not. In fact, as pointed out by one of our social media friends quoted below, JavaScript has become so prominent in so many applications both on and off the Web that it has become a near necessity. For years, it has been enhancing the experience of millions of users, creating a more dynamic Web.

In the beginning, some designers and developers saw little use for this technology beyond a bit of dazzling. Others saw its raw potential and took the reigns, working hard to elevate our experience of the Web and beyond, and making JavaScript a go-to language for so many developers.

Lesson Learned
In discounting JavaScript so quickly, perhaps we should learn to be not so hasty in judging the usefulness of every new tool that comes along. We should instead devote adequate time to examining the technology and exploring its potential applications.

What our Friends and Followers Said

  • JavaScript becoming essential. I ignored it for years, thinking it was just good for flashy effects.
  • The rise of JavaScript.
  • Server-side JavaScript.

The Persistence of jQuery

“JavaScript is a complicated language, and we just have to accept that in order to use it. There’s no getting around it.”

Well, that argument might have held up until 2006. But then one tool hit the scene to change all that. jQuery arrived and sent waves rippling through the community. Suddenly, this cross-browser JavaScript library was barreling through the ranks to become the most popular library.

Numberone in Name One Thing About Web Development You Never Saw ComingjQuery didn’t take long to cement its status as number one. (Image credit)

In a matter of years, jQuery was created and used on nearly a third of the most trafficked websites. Clearly, there was no stopping it. Opening doors for developers in so many areas, jQuery became another one of those wonderful gifts to the community. Couple that with its open-source licensing, and it is easy to see how it has scaled such heights in so short a time.

Lesson Learned
Looking at the ingenuity of those responsible for the success of jQuery, we can draw a lesson about how we as a community can come together to build better access to popular languages, such as JavaScript. Never underestimate our desire to cut out as many steps from a process as possible and make life easier for ourselves — not to mention the momentum such efforts can generate.

What our Friends and Followers Said

  • jQuery to an extent.
  • The possibilities! Thanks to jQuery and the brilliant minds behind it.
  • jQuery.

An Animated CSS

“CSS is impressive, to be sure, but it’s all about styling. Leave the animation to JavaScript!”

Well, not so much anymore. Since about 2007, Webkit devotees and others have been developing the means to enable elemental animations via CSS. And with CSS3, what many in the community thought would remain a dream is becoming a reality.

CSS is a powerful and popular language for styling websites, and no one ever doubted its adaptability, but the emergence of an animation module still surprised a few of us. Despite the crude animations generated in the early days of CSS, these more fluid JavaScript-like transitions are still quite an interesting development. Another shining example of the leaps and bounds by which the design and development community grows, ever moving forward.

Lesson Learned
Any new lessons we can learn from this? Not really, other than touching on some of the ideas already discussed. Here again, we see that we cannot underestimate the inventiveness of people in this industry. It it one of the main reasons for the dynamism and growth that have brought such stability and scope to the market.

What our Friends and Followers Said

  • CSS3 animation.
  • CSS transitions. But oh, what a joy they are!
  • CSS3 animation!

More From our Friends and Followers

Before turning the discussion over to you in the comments section, we wanted to share a few more comments from our friends and followers about surprises that caught them off guard. Thanks again to all of those who participated in this dialogue and to all those about to contribute!

  • Photoshop CS5 Content Aware.
  • The death of the Web.
  • Chrome was a complete shock when it got released. Really don’t know how they kept it so quiet.
  • Clients from hell.
  • 1. Google doing Web fonts. 2. How easy they are to implement!
  • Flash actually being used.
  • The enjoyment I get from building shifty out-of-date-code HTML email campaigns. Seriously. A/B testing them and seeing an increase in conversions is awesome.
  • Wait… you’re serious??
  • Custom-colored scroll bars are not so hot anymore.
  • In-browser location detection.
  • The number of “professional” Web designers who can barely string together some HTML/CSS.
  • Seeing websites in 2010 that are still being made with HTML tables… Argh!

Related Posts

(al)(ik)

October 29 2010

21:00

61 Unusual Navigation Menus in CSS, Flash and JavaScript

What is one of the aspect of a website that always needed? It is the navigation menu. Navigation menu is a useful part of  the website because it leads the user to different part of the website. Interaction to the website is the main use of the navigation menu.More and more great looking and user-friendly navigation menus are being created that gives  life to the websites.

I’ll be featuring 61 great looking and really unusual navigation menus which are CSS-based design solutions, JavaScript-based menus and Flash-designs.

CSS – Based Navigation Menu

1. Loodo.com

Casino-like game or snakes and ladders with the touch of colorful menu.

2. Change.org

The calmness of the choice of color with the emboss feeling of the menu to reveal the submenus is a great choice for its advocacy change.

3. Acko.net

Steven Wittens gives us another perspective or view of this menu.

4. UXBooth.com

UX Booth uses stylish yet simple menu.

5. MacRabbit.com

MacRabbit uses a mac os or apple concept to its design.

6. Joyent.com

Joyent uses simple, business looking menu that offers their works.

7. Nopoko Graphics

Elegance and simplicity of this portfolio gives you.

8.  Icon Designer.com

Large images-based menu that will attract and will draw users attention. Not the usual menu that you see.

9. Designsensory.com

Drop down navigation that uses two colors that presents the active link to the passive one.

10. Smallstone.com

Small Stone recordings, a U.S. record label, uses a radio-like or  that so-called a the so-called Space Echo Roland SE-201 menu.

11. TNVacation

Feel of country or map-like that will let you travel to the whole website.

12. Clever Twist

Rounded, apple application-like menu that offers application for your iPhones.

13. Clear Left

Clearleft uses a calendar concept that makes a what-to-do stuff on a particular day feel.

14. Tulumarka

Pressed looking  to see the selected menu.

15. Ars Technica

Menu pressed reveals a submenu. Dark yet simple feel.

16. 45royale inc.

Nice hover effects  with this simple and clean menu.

17. CSS Beauty

The size of the letters are so cute and  not usual but that’s what will caught your attention.

18. Design Intellection

A good way to use a block navigation that shows an effective  hover effects.

19. Microformats

Leaf like plus the cool green color that suits into your eyes. From green to black that gives you on what menu you are.

20. ronnypries.de

One of the best concept is to use a floor plan to navigate your users to the entire website is what Ronny Pries did.

21. Jiri Tvrdek

Fruit bearing tree is one of the creative way to use a navigation menu.  It is like your harvesting a fruit and lead you to the taste or the content of the website.

22. Matt Dempsey

Brush strokes with the interchange of the colors over choosing a menu is what  Matt Dempsey did.

23. Cognigen

Presents a pressed and clear view of the navigation.

24. District Solutions

Vertical tab that looks like a folder that really works on this website.  Rarely use but really great to work with.

25. Jeff Sarmiento

Sloping Navigation that creates a creativity and a punk style looking menu that Jeff Sarmiento used.

26. Racket

It is like a hierarchy of menu up to its roots.  One of a kind navigation that added to the creativity of the website.

27. DFW

Icons gives emphasis on the interaction to the menu.

Flash based Navigation Menu

28. Iipvapi

Photo clipping navigation menu with touch of hover color effects used in a Photo Clipping path services.

29. Moodstream | Getty Image

It is designed to squeeze your creative juices by tweaking the mood sliders navigation.

.

30. Not Forgotten – The Movie

Devilish, freaky and rise to the dead theme of the navigations presented into  tarot-like cards.  The card will be put in fire if you clicked on it.

31.Waterlife

The fluid navigation menu that brings you to the motion of a lake.

32. Nick Jones

Nick Jones uses a simple yet dynamic navigation for his portfolio. It’s like pulling things up and down.

33. Marc Ecko

Marc Ecko presents an art gallery navigation that lets visitors to  tour for  art and philosophy.

34. HBO

HBO , a tv-movie network, creates an interactive selection of movies for its navigation.

35. Got Milk?

An interesting navigation in a ribbon with a simple hover effect. When an icon hovered, the content menu is presented.

36. AgencyNet

Stunning and amazing navigation design studio based in New York City, NY and Fort Lauderdale, FL.

37. 2Advanced Studios

Stylish neo ancient navigation design with a background mural that leads us to another world.

38. NickAD

Nick Ad uses a flexible but easy to use navigation. The stars that changes to a navigation when it clicks anywhere in the page.

39. Dave Werner

A creative person uses his own works to lead the users on his portfolio.

40. Section Seven Inc.

Section Seven has a colorful pamphlet like navigation with a sub menu written on it.

41. Cathy Beck

A navigation that open and close like a scroll when choosing a menu.

42. Beside

Beside uses a rainbow navigation that puts your colorful fantasies.

43. Christian Sparrow

A cardboard concept of its portfolio. The navigation hovers a pencil-like drawing.

44. Enila.fr

Small squares that put together that acts as the navigation and collaboration of works.

45. Havaianas

A colorful map that has the touch of the slipper texture that Havaianas proud about.

46. Square Circle

A table filled with stuffs that are related to the menu such as telephone for contact us, magazine for portfolio, newspaper for news and others. Real thing that use for navigation is a great thing.

47. TBWA\HAKUHODO

A great, artistic scenario use for navigation. Every element is a wonderful piece that gives life to the website. Rarely used but magnificent.


JavaScript – Based Navigation Menu

48. Agami Creative

Simple and eye pleasing of this navigation with the touch of  paint colors.

49. Dragon Interactive

It looks like the navigation is made up of Flash but it’s not.  Clean, cool and stylish navigation with a hover effects of colors that made this navigation really pretty.

50. The White House

White House really holds up a lot of information for the public. It is easily manage with this drop down menu to contain all the contents.

51. Eric Johansson

Eric Johansson uses a JavaScript sliding menu to travel on it’s website.

51. Helmy Bern

The navigation layout is in a grunge theme that also has a jQuery drop down effects.

52. Internet Dreams

The creative hover effect is not usual but it gives a distinguish look over what menu users choose in.

53. Panic -Coda

Familiar and popular icons were used to navigate users easily.

54. TapTapTap

Restaurant menu-like navigation is really great. I really love this navigation because of its simplicity yet creative design.

55. Kobe

This navigation uses a scroll to and scroll in plugin to create  an interesting transitions.

56. BlogHelpr

Floater design to use for navigation. It is the creative way to save the person in swimming into the website.

57. EyeDraw

EyeDraw uses an expanding images whenever you hover the mouse over the menu.

58. Andreas Hinkel

Andreas Hinkel uses Polaroid navigation for the animation effect.

59. Museu Gulbenkian

The drag dock  navigation in the bottom is a great way to reveal and hide the menu and submenus.

60. Sapphire Sound

The thumbnail used as a menu that has caption effect, custom scroll bar, and you also can see the fading, sliding animation.

61. Design Slicing

Transition effects is what  I really like on this navigation. The menu are set of questions that when hover are given answers.

These are few navigation menu design that you can work out on your website but be sure that you don’t want to get lost in the design and interactivity aspect of your navigation. Let your users be guided on the navigation you choose to deal with.


October 26 2010

15:22

Awesome Flash Image Gallery Tutorials To Create Professional And Stylish Slideshows

Many people debate on the effectiveness of CSS and Flash in creating an image gallery or a slideshow. Both of the above mentioned options have their own advantages. However, most of the people consider Flash gives a more professional and stylish look to an image gallery as compared to CSS, but at the same time Flash is a bit difficult medium to create a slideshow. So, here we have gathered 30 Flash Gallery and Slideshow Tutorials that are very easy to follow and will let you to put your fear to rest so that you can create a beautiful image slideshow.

Build a Dynamic Accordion Menu in Flash CS4 with ActionScript 3.0 and XML

View Demo

In this tutorial you will learn how to build an accordion style menu from scratch that can be configured by using an external file.

Flash Image Tutorials

Flash gallery

View Demo

How to create a flash gallery with rotating thumbnails.

Flash Image Tutorials

Create a Shuffle Gallery in Flash Using XML and ActionScript 3.0

View Demo

In this tutorial Artist will explain how to access and use the Display List whilst creating an XML based image gallery with ActionScript 3.0.

Flash Image Tutorials

AS3 Photo gallery

View Demo

In this tutorial we will build a photo gallery. We will load the paths to the photos from an xml file and will use the Tweener class to add some nice transitions.

Flash Image Tutorials

Build a Dynamic Flash Gallery with Slider Control

View Demo

In this tutorial, we’ll create a gallery which displays all image files in a given directory. A slider is used to browse easily through the images.

Flash Image Tutorials

AS3 Photo Viewer Tutorial

In this tutorial we will create an Action Script 3 photo viewer we will go through the xml in AS3 which will hold our photo links to generate our photo viewer data. Let’s take a look at the result we will be ended with.

Flash Image Tutorials

Xml Slide Show V3 tutorial

View Demo

Flash Image Tutorials

Building a 3D album with FIVe3D and TweenLite

In this tutorial I will show you how to build a simple 3D photo album in AS3. We will build an application similar to this one.

Flash Image Tutorials

Create a Flash Actionscript 3.0 Slideshow with XML

View Demo

This tutorial shows you how to create a simple slideshow using as3/flash and xml. In our xml file, we want to store the path to the slides and a description for each of it. So let’s take a look at the example file.

Flash Image Tutorials

Papervision 3D Flash Gallery Tutorial

View Demo

In this tutorial we’ll try to build a Flash Gallery using Papervison 3D. First of all I’d like to mention that the main aim of this article is passing through all stages of flash application development. At the same time we would like to discuss all contradictory questions one may face while working with Papervision 3D.

Flash Image Tutorials

Flash Image Gallery

View Demo

A Flash tutorial showing you how to create a gallery, with a shrinking square transition, using advanced actionscript.

Flash Image Tutorials

Learn How-to Create Flash Components using Actionscript 3.0, XML and Flickr API

View Demo

This tutorial will allow you to learn to create custom Flash Components using Actionscript 3.0. I have opted an image gallery component where we would show thumbnails of various images and user could see respective enlarged image by clicking any of the thumbnail. I have used FlickR image search to show various images using this component.

Flash Image Tutorials

Photo Gallery Using XML and Flash

View Demo

In this version, if you want to add another image to your photo gallery, all you have to do is edit an XML file. Your photo gallery automatically incorporates your addition without you having to even touch the FLA.

Flash Image Tutorials

Mac Style PhotoFlip Gallery

View Demo

This Photoshop + Flash tutorial will show you how to design a cool photo gallery as seen on AppleTV website and in many Mac application (ie. iTune, iPhone). In fact, this tutorial is very easy to follow, all you need is some basic Photoshop and Flash skills.

Flash Image Tutorials

Create a Dynamic Slideshow with ActionScript 3.0 and XML

View Demo

Flash Image Tutorials

3D Grid – Flash Photo Gallery using Papervision3D and XML

View Demo

Flash Image Tutorials

Dynamic Slideshow

View Demo

Create a Dynamic Slideshow with Actionscript 3.0 and XML – Part 3

Flash Image Tutorials

Creating an XML Slideshow in Flash

View Demo

This tutorial will teach you how to create an XML slideshow in Flash using ActionScript 2.0. All the contents of our slideshow will be controlled through an XML file so that you can update your images and their description without going back to your FLA, the XML file will also control the speed of the slideshow.

Flash Image Tutorials

Creating an XML Slideshow in Flash Using AS3

View Demo

This tutorial will teach you how to create an XML slideshow in Flash using ActionScript 3.0. All the contents of our slideshow will be controlled via an XML file so that you can update the slideshow with new images and labels without having to go back to the FLA.

Flash Image Tutorials

FlashMo Stack Photo Gallery

View Demo

Stack photo gallery – Flash XML gallery built on Adobe Flash CS3 ActionScript 3.0

Flash Image Tutorials

Dynamic Flash Slideshow

View Demo

Build a Dynamic Flash and XML Slideshow with Scripted Transitions

Flash Image Tutorials

Create free xml flash slideshow with free xml template

View Demo

Flash Image Tutorials

Create an intelligent XML image Gallery & Slideshow in Flash CS4 (+PHP) – Part I/II

View Demo

In this article you will learn how to build an image gallery that will load images from a web server. I decide to call it “Intelligent” because you don’t need to configure any XML or flash file. Just put the Flash movie and the images on a server and they will be loaded automatically.

Flash Image Tutorials

Make a Featured Content Slider for Your Site

View Demo

Flash Image Tutorials

Simulating PicLens with Flex and Away3D – Part 1

This tutorial article is a Step by step guide for creating a PicLens type 3D photo viewer with Flex and Away3d. This is step 1, of a 3 part tutorial that will sweep many useful techniques used in web application design, Flex, and Flash 3D design.

Flash Image Tutorials

Flash Slideshow Image Gallery

This tutorial will show you how to make a simple, yet effective, slideshow-type image gallery using Flash with minimal scripting.

Flash Image Tutorials

Flash tutorial xml slideshow and thumbnail

ANVSOFT Flash Slide Show Maker is an easy to use flash album creator. It make s animated photo slide shows with SWF file as the output format. It transforms your digital photo collection to Macromedia Flash file format ( SWF ) which you can share your memorial moments with your family or friends on your own homepage or website.

Flash Image Tutorials

Flash slideshow with fade transition

In this tutorial it will be explained how to realize a flash slideshow with fade transition between images. For attempting this tutorial you need to have basic knowledge of Flash, but no ActionScript is required.

Flash Image Tutorials

Image Gallery Tutorial (Example 1)

This tutorial shows you how easy it is to create an image gallery using the Slideshow Component and the ThumbnailScroller Component.

Flash Image Tutorials

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

October 07 2010

11:00

Passing Webcam Data into WebGL via Flash

File this one in the crazy cool hacks category. Peter Nitsch has been experimenting with using Flash to access a user’s webcam, and then feeding this data into WebGL:

I tend to stay away from the HTML5 vs Flash “debate”, principally because I think it’s inane. Both platforms offer certain advantages over the other and some interesting results can be achieved by utilizing their strengths. Case in point, Flash’s built-in webcam support and WebGL’s hardware-accelerated 3D graphics are features that only exist in their respective platforms (for now). Bridging the technologies produces something unattainable by only using one, as the following quick examples illustrate.

How does he integrate these two technologies?

Passing webcam data to Javascript involves a few steps. The BitmapData drawn from the Video object needs to be compressed to JPEG and encoded to Base64 for the data URI to read it. This can be a very taxing process in native ActionScript, but is nearly negligible when done in haXe orAlchemy. In this case, I’m using both. The JPEG compression is performed by metalbot’s Alchemy JPEG encoder, while the Base64 encoding is handled by Bloodhound’s haXe crypto library.

Peter then uses Flash’s ExternalInterface to pass the string back to JavaScript and turns the webcam JPEG output into a data URL that can be fed into an HTML Image tag and fed into WebGL. Craziness!

[Via http://www.eleqtriq.com/]

September 21 2010

19:25

Your Home Page Content

I’m just amazed when I visit a site that has the entire site navigation built in flash. How does that company expect the search engines to navigate to any page other than the home page? It can’t be done.

View and Vote


August 27 2010

21:00

40 Creative Flash Preloaders for your Inspiration

Use of Flash in a website means heavy use of animation, images, videos and sound effects, this is why they take lot of time to load, therefore users must have abundance of tolerance and patience . Although many users know about the loading procedure of flash sites but some of them don’t, so to eliminate this confusion designers use preload feature in flash websites.

Preloader is what you see before the main page appears. It can be done by simple bars or counters or percentage signs, but to make website interactive and stand out designers develop and implement creative ideas of making preloads. Today we have compiled some examples of creative flash preloads for your inspiration and enhance your imagination and creativity.

1. Happy Greenville

St

2. Ad Eight

Ad Eight-awesome-flash-preloads

3. Agence Secondlife

Agence-Secondlife-awesome-flash-preloads

4. Antpaw

antpaw-awesome-flash-preloads

5. BBH

BBH-awesome-flash-preloads

6. BTOB

BTOB-awesome-flash-preloads

7. Bunker

Bunker-awesome-flash-preloads

8. ZUNE

ZUNE

9. Limbus Studio

LIMBUS STUDIO

10. Elipse Agency

Elipse Agency-awesome-flash-preloads

11. Dave Werner’s Portfolio

Dave Werner's Portfolio 2006-awesome-flash-preloads

12. Food of the Food

Food of the Food

13. Oops! Design Inc.

Oops! Design Inc.

14. XIXI NO BANHO

XIXI NO BANHO

15. AB “Pieno žvaigždės”

AB-awesome-flash-preloads

16. ZZZ

ZZZ

17. DeVotchKa

DeVotchKa-awesome-flash-preloads

18. Starbucks Coffee

Starbucks Coffee

19. Sir-Patroclo

Sir-Patroclo

20. Sourcebits TangledDecals

Sourcebits TangledDecals

21. YESS MISS

YESS MISS

22. Mellow Mushroom Pizza Bakers

Mellow Mushroom Pizza Bakers

23. Maria Filó

Maria Filó

24. Por Liniers

Por Liniers

25. Frontier Room

Frontier Room

26. Red Bull Soapbox Racer

Red Bull Soapbox Racer

27. WATERLIFE

WATERLIFE

28. Vicente Díaz Peñas

Vicente Díaz Peñas

29. Galaicofolia

Galaicofolia

30. David Ohana

David Ohana-awesome-flash-preloads

31. Critter Creative

Critter Creative-awesome-flash-preloads

32. CONCEPT 007 / 005

CONCEPT 007-awesome-flash-preloads

33. Dissident-wear

Dissident-wear

34. Mynthon Kaira Ice Fishing Game

Mynthon Kaira Ice Fishing Game

35. ZEEBEE VISUAL COMMUNICATIONS

ZEEBEE VISUAL COMMUNICATIONS

36. Coca-Cola Happiness Factory

Coca-Cola Happiness Factory-awesome-flash-preloads

37. Sleepy animated preload!

Sleepy animated preload!

38. Sazacat Portfolio

Sazacat Portfolio

39. Cheese & Burger Society

Cheese & Burger Society-awesome-flash-preloads

40. Corny

Corny-awesome-flash-preloads

August 16 2010

10:00

Tricks From Our Flash Friends: 3D in a 2D Context

If you’ve seen some of the cool work that folks like Mr. Doob or Gerard Ferrandez have done with HTML5/CSS3/SVG/etc., you’ve probably seen them emulating nifty 3D effects in the browser (move your mouse within the demo inline below to pan the camera):

The demo above, by Gerard, uses SVG plus various mathematical tricks to emulate 3D.

Mr. Doob has a similar demo that emulates 3D but using the Canvas tag using his Three.js library:

What both of these samples have in common is they are using special math to simulate three dimensions on a two-dimensional surface (i.e. our screen using SVG, the Canvas tag, or CSS3 Transforms).

I’ve realized recently that the Flash world is a bit ahead of us in the HTML5 world in terms of doing nifty effects using special tricks such as simulating 3D in a 2D space. I’ve been actually trying to go deep into learning Flash so that I can learn some of these tricks but use them in an HTML5 context.

I reached out to Gerard Ferrandez recently to ask him where he learned the math to do his demos, and he told me he learned them from the Flash world. He pointed me to an absolutely excellent Flash tutorial series that explains in depth how to do such 3D tricks in your own code. It’s straightforward to learn the math but apply it in an HTML5 context. The tutorial series is very complete and easy to understand, basically explaining how to do perspective drawing, first invented in the Renaissance. A classic perspective drawing from the Renaissance:

Notice the lines superimposed on the painting above; shapes that are closer to the viewer are scaled larger, while shapes in the background are smaller. In addition, the location of the shapes on the painting change based on where they located along what is called the ‘vanishing point’. Instead of emulating these with paint, as the Old Masters used to do, we use simple mathematics that can then determine the correct x and y coordinates on our fake 2D ‘window’ in order to simulate a perspective point, then draw it using SVG, Canvas, etc.:

As I continue learning tricks from our Flash friends but in an HTML5 context I’ll keep posting here on Ajaxian.

August 12 2010

12:44

25 Flash Portfolios for Your Inspiration

Although HTML5, CSS3 and jQuery are able to accomplish a lot of exciting results and gaining popularity, Flash is still used by a number of impressive websites. In this post we’ll showcase 25 Flash portfolio sites. It will be interesting to see what happens over the next year or two with the future of Flash. For now, here is some Flash inspiration.

John Wright

John Wright

Eric Campbell

Eric Campbell

Kiluka

Kiluka

Erwin Hines

Erwin Hines

Mammoth

Mammoth

Eown

Eown

Saizen Media

Saizen Media

Grey Group

Grey Group

Thom Bennett

Thom Bennett

James Monaghan

James Monaghan

Soleil Noir Studio

Soleil Noir Studio

Alan Lim Studios

Alan Lim Studios

Red Interactive Agency

Red Interactive Agency

Joby Sessions

Joby Sessions

MyORB

MyORB

Skive

Skive

BBH

BBH

DriftLab

DriftLab

Skinny Wrists

Skinny Wrists

Sefihanov

Sefihanov

Drawing Art

Drawing Art

Brook Pifer

Brook Pifer

Blue Collar

Blue Collar

Rudd Studio

Rudd Studio

Soft Whiteroom

Soft Whiteroom

For more design inspiration please see:

July 01 2010

23:36

What Do You Think About Flash Now? Comment and Win

Leadin Image

Some people hate it, some people love it, but undoubtedly it is preferred in a wide variety of situations, from banners and online videos to rich internet applications. I’m talking about Flash of course. Take the comic strip below as an example. It was animated with BannerSnack and output as a SWF file. Click to play it.

05:00

Monoslideshow Giveaway (A Flash® Slideshow To View Your Images And Videos In A Web Page)

Monoslideshow is running a contest, where winners will get 10 licenses (worth € 25 each). Well, you guys know what Monoslideshow is. Lets say it once again for n00bs.

Monoslideshow is a Flash® slideshow to view your images and videos in a web page. It can be placed on every website, in whatever size you want and filled with whatever content you like. It’s designed for maximum flexibility, whether you want to have a professional looking portfolio, or a simple image rotator on your website.

monoslideshow-1

Monoslideshow is a single .SWF-file. There’s no need to recompile or edit the slideshow in the Flash® IDE. Instead, all Monoslideshow needs is information that is directly read from a .XML-file. It’s compact, extremely versatile and easy for web developers to integrate in existing websites.

monoslideshow-2

You can view your customization live and build your own XML configuration file using the online demo page: www.monoslideshow.com/demo. It has  20+ Professional photo transitions, Ken Burns effect (pan / zoom), Style interface elements to match your design, Easy navigation between photo albums, Fully resizable, fits every layout, Background music and image sounds, API for Javascript and Actionscript 3, Support for EXIF data in photo captions.

This contest will run from June 30, 2010 to July 9, 2010 and we will select the winners randomly by running MySQL query. Result can be announced any day before July 11, 2010 so keep visiting here or subscribe to our rss feed to get the latest updates. To participate in the contest and win free license of Monoslideshow, All you have to do is just :

1. Just leave a comment.
2. Use valid email ID in the email box.
3. Not necessary, but you can subscribe to our rss feed and follow us on twitter as well. (To track this contest and for future updates)
4. And thats it!

So what are you waiting for now? Let’s participate in the contest and good luck!

SWF & FLV Player

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

Tags: Flash contest

June 19 2010

01:24

Desuade Partigen 2 Giveaway (Professional Flash Particle Effects In One Click)

Desuade Partigen 2 is running a contest, where winners will get 5 licenses (worth $147 each). Well, you guys know what Desuade Partigen 2 is. Lets say it once again for n00bs.

Featuring over 120 exclusive preset effects, Partigen 2 is the first and only extension for Flash that let’s you to create complex particle effect systems in just a click. This means you can effortlessly engage and “wow” your audience with stunning effects in just seconds, instead of days. Most importantly, you and your clients save time and money – all while having fun.

Partigen

Partigen features over 120 preset effects, such as: fire, smoke, explosions, sparkles, water, and many more. But what’s the fun in using the same effects as everyone else? Since fun is valued so much at Desuade, not only is tweaking and adjusting every preset easy, but saving your own custom effects is a joy.

Partigen-2

All of Partigen’s effects are rendered in realtime – making your movies come to life with realistic and interactive effects in ways never before possible. Give your audience the incredible experience they deserve, and blow everyone away. Stop the rendering hassle and treat yourself to a delicious cup of instant gratification. Now.

This contest will run from June 18, 2010 to June 25, 2010 and we will select the winners randomly by running MySQL query. Result can be announced any day before June 27, 2010 so keep visiting here or subscribe to our rss feed to get the latest updates. To participate in the contest and win free license of Desuade Partigen 2, All you have to do is just :

1. Just leave a comment.
2. Use valid email ID in the email box.
3. Not necessary, but you can subscribe to our rss feed and follow us on twitter as well. (To track this contest and for future updates)
4. And thats it!

So what are you waiting for now? Let’s participate in the contest and good luck!

SWF & FLV Player

Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

Tags: Flash contest
Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.
Get rid of the ads (sfw)

Don't be the product, buy the product!

Schweinderl