Archive for the ‘Programming’ Category

Adobe Debuts New Flash Tools for Building and Tracking Social Apps

Software maker Adobe has announced a new set of Flash Platform Services, a group of tools that give Flash developers an easier way to build, deploy and track their apps on the social web’s various application platforms.

Adrian Ludwig, group manager for the Flash Platform, tells Webmonkey the new Flash Platform Services will “help app developers building on Facebook and other social networks reach a larger audience.” Ludwig also promises that the new components will make it easier for developers to manage and track their apps — who’s installing them and using them, and how often, for example — thanks to a clean, simple stats-tracking package.

When social networks first started rolling out their application platforms, it seemed like anyone could release an app and the viral nature of the social network would take care of the rest. But those days are long gone. Now, releasing an app on Facebook, MySpace or other social platforms now is like tossing a needle into a haystack.

This is the conundrum Adobe is hoping to solve. Using Flash Platform Services, designers get tools to speed common development tasks and automatically create elements like “share this” buttons, e-mail links and mobile delivery options. All of the new Flash Platform Services are component-based tools, so adding them to your application is just a matter of drag-and-drop. The components themselves are ActionScript libraries, so it’s easy to customize them, though Ludwig tells Webmonkey that everything should “just work” right out of the box.

The components themselves are free, but Adobe has a few extra, enhanced capabilities available on a pay-per-use basis. See Adobe’s website for details.

Also part of the announcement is a new partnership with Gigya, the widget distribution service, which will give developers access to usage statistics pulled from Gigya and displayed in a nice looking AIR application that will available as a separate download.

While its not part of today’s announcement, in the future Adobe plans to release more Flash Platform Services including a package named “Social” which will give developers a way to build write-once, run anywhere apps that work on all the major social networks.

So far Adobe has not set a time line for the Social Service, but the distribution and statics services are available for download today. If you’d like more details on how the new components work head over to Adobe download center.


Turn Your Vector Art Into Canvas-based Animations With Opacity

The latest version of Opacity, a vector graphics editor for Mac OS X, is able to export animations to code that can be pasted into web pages and played back in any browser that supports HTML5.

We’ve written quite a bit about HTML5 and  the power of its proposed <canvas> tag. While the spec isn’t quite finished, the Canvas element in HTML5 promises to eventually give web developers a way to display complex 3-D graphic animations in the browser without plug-ins. Right now, the dominant technologies for doing so are proprietary players like Flash and Silverlight.

There is, however, a trade-off. Canvas-based animations must be written in pure code, and most easy-to-use graphics creation applications like Adobe Flash can’t export the browser-ready animation code, which is complex. Such a limitation is going to put off some of the most talented graphic designers and animators, many of whom are not trained programmers.

That’s why we were excited to hear that Opacity’s new capability to save animated vector shapes and their paths as browser-native code.

Opacity is a bit like Adobe Illustrator, but considerably simpler and easier to use. And with its new export feature, Opacity has a clear leg up on Illustrator when it comes to supporting the next generation of web graphics.

To use the new source code feature in Opacity, simply design your vector-based graphic or animation sequence and, once you’re happy with it, head to the Inspector menu where you can use what Opacity refers to as “Factories” to export your image in various formats. To get Canvas-based source code, chose Source Code for the format and Canvas (JavaScript) as the language.

The resulting JavaScript code looks almost exactly like the examples we’ve shown you in the past (if you don’t own a license for Opacity, which costs between $40 and $90, your image will be watermarked).

We should note that there are other tools around that can do similar things with just an image file — such as Alistair MacDonald’s Burst engine, which can take SVG animations and convert them to JavaScript objects that are rendered inside of a <canvas> tag.

Opacity is a Mac OS X application and costs $90 — not cheap, but cheaper than than Adobe Illustrator. There’s also a lighter version known as Opacity Express, which still has the code export option, but lacks some other features and retails for $40


Using HTML5 Today With Modernizr

Web developers looking to play with the new features in HTML5 are still struggling with incomplete and inconsistent browser support. While HTML5 is far from perfect (and complete), that doesn’t mean you can’t use it; it just means using it is a little more complicated since you need to detect the current browser’s level of support and then adjust accordingly.

Fortunately there is Modernizr, a very nice JavaScript Library that can detect which HTML5 features are available to the current user’s browser. With that information you can then create conditional JavaScript statements to offer HTML5 to those browsers that support it, but still fall back on other content for those that don’t.

We’ve covered Modernizer before, taking a look at its basic capabilities and how you can use them, but now Mark Pilgrim — of Dive Into Python fame — has released another chapter of his coming Dive into HTML5 book with a much more in depth look at how to detect HTML5 features and what to do for fallback content.

Pilgrim also covers some more complex scenarios. For instance, he shows how detecting support for the HTML5 <canvas> element is often not enough to determine compatibility since different browsers support different aspects of the full API. In one example, Pilgrim shows how to detect <canvas> support and then adds further checks for those who need the Canvas Text API.

Another pain for web developers is the mixed bag of support for the <video> element. Nearly all the latest versions of popular browsers support <video> (well, not IE8, but we’re assuming that’s no surprise), but then even those that do support <video> support different video formats. Mozilla wants .go files, Safari will be looking for .mp4 videos, and so on. Pilgrim offers up a series of checks to figure out which video to serve using Modernizr.

We know what you’re thinking: this HTML5 stuff is more trouble than it’s worth. Right now, you’re probably right. But in a year or two, HTML5 will be spoken everywhere on the web, and taking the time to figure it out and start using it now will put you well ahead of the learning curve.

Check out Pilgrim’s post, and be sure to keep an eye on Webmonkey for more HTML5 coverage.


Opera 10 Arrives: Turbo, New Tabs and a Fresh Coat of Paint

Opera software released a new version of its flagship desktop browser Tuesday. Opera 10 arrives with a completely new look, numerous speed improvements and several new features, including a page-compression technology originally developed for the mobile-browser market.

If you’d like to take the new browser for a spin, head on over the to official site and download it. Opera 10 is a free download for all major platforms.

Opera has long been a third or fourth runner-up when it come to usage statistics. But despite its lack of popularity among users, Opera is the originator of many of the features we take for granted in web browsers today. Opera was the first browser to offer tabs, the first to use thumbnail-style page previews and the first to broadly support web standards, including many of the new features in HTML5.

Opera 10 continues that tradition with a couple of standout new features. The most noticeable is the new tab thumbnail view, which we looked at in some detail back when Opera 10 was still a beta release. Prior to version 10, Opera would offer a large thumbnail whenever you hovered your mouse over a tab. For Opera 10 this feature has been extended to include an optional, full-fledged tab toolbar.

To see the new toolbar, just grab the bottom of the tab bar and pull it down. Alternately you can move the tab bar to the right or left of the screen — perfect for widescreen monitors with plenty of horizontal real estate. The previews make tab switching considerably easier and if, like us, you rely on keyboard shortcuts to switch tabs, fear not — Opera’s long-standing ability to cycle through tabs in the order you’ve looked at them remains intact.

The other major new feature in Tuesday’s release is Opera Turbo, a page-compression tool that will prove invaluable for anyone working with a 3G network card. Turbo automatically detects when network speeds drop and begins shuttling web pages through one of Opera’s page-compressing proxy servers, so less data needs to be transferred. The resulting pages will function as normal, though images will be heavily compressed and sometimes non-essential page elements will require an extra click to access. It’s a feature the company initially set up for its mobile users (Opera is a major player in the mobile handset space with its Opera Mobile and Opera Mini browsers) but added it to Opera 10 due to its popularity. Anyone surfing on a limited connection at their desks will certainly appreciate it.

Opera has always been at the forefront of web standards support — all of its key products pass the most rigorous CSS and HTML layout tests, and the company even publishes a set of tutorials about writing standards-compliant code –  and this release keeps that tradition alive. Opera 10 uses the company’s Presto 2.2 rendering engine to draw pages, and it includes support for several HTML5 and CSS3 elements, including canvas, HTML5 forms and web fonts.

Bear in mind that two of the most recently hyped features for Opera, the Opera Unite personal web server and the new Carakan JavaScript engine, are not included in this release. The company hasn’t set a timeline for Unite, which is still an alpha release. But we expect to see Carakan, which the company claims makes JavaScript run two and a half times faster than the current engine, in the next major release.

Opera has long included a number things you won’t find in other browsers, like a built-in e-mail client and a BitTorrent client. The e-mail client gets a couple of improvements in Opera 10, including the ability to specify a webmail service’s “Compose” page as the default for creating new e-mail messages.

It’s curious that while the other browser makers are slimming down their software or offloading non-essential tasks to a plug-in framework, Opera continues to do neither. Remarkably, the company can still offer a full suite of web tools without the resulting package feeling bloated or sluggish.

Opera claims that version 10 is 40 percent faster than its predecessor. However, as our sister site Ars Technica discovered, Opera’s speed varies considerably depending on what OS you’re using. The short story is that, on Mac OS X, nothing, including Opera 10, can really touch Safari’s speed. But on the Windows side Opera 10 managed to best Firefox 3.5 and Safari 4, coming in only a few milliseconds behind Chrome in Ars’ tests. Opera 10 also uses considerably less RAM than Opera 9 (it also easily bested Firefox 3.5 in our informal testing).

Enhancements and bug fixes include the ability to customize Speed Dial (such as making a larger grid of thumbnails for those of you large monitors) and an improved spell-checking system that no longer requires Windows users to install additional dictionary software.

There are also some truly niche features, like Fast Forward, a set of controls that allows you to jump to the next page in a series of pages, or log in simply by hitting the forward button, and Dragonfly, a small suite of debuggers and DOM inspectors for web developers. These features, in conjunction with crowd pleasers like tab behaviors and Turbo, make Opera 10 well worth the upgrade for Opera fans.

If you’re not a convert yet, we recommend you give Opera a shot. It lacks the plug-in architecture of Firefox, but it has plenty of features even without it. And while it may not beat Safari on OS X or Chrome on Windows, Opera 10 is certainly no slouch when it comes to speed. Also keep in mind that Opera will likely get a huge speed boost soon once the new Carakan engine is ready to be included.

Reblog this post [with Zemanta]

Breaking Down the Worst User Experience Myths

Opera 10 on the desktop. Click the image for a larger view.

Opera software released a new version of its flagship desktop browser Tuesday. Opera 10 arrives with a completely new look, numerous speed improvements and several new features, including a page-compression technology originally developed for the mobile-browser market.

If you’d like to take the new browser for a spin, head on over the to official site and download it. Opera 10 is a free download for all major platforms.

Opera has long been a third or fourth runner-up when it come to usage statistics. But despite its lack of popularity among users, Opera is the originator of many of the features we take for granted in web browsers today. Opera was the first browser to offer tabs, the first to use thumbnail-style page previews and the first to broadly support web standards, including many of the new features in HTML5.

Opera 10 continues that tradition with a couple of standout new features. The most noticeable is the new tab thumbnail view, which we looked at in some detail back when Opera 10 was still a beta release. Prior to version 10, Opera would offer a large thumbnail whenever you hovered your mouse over a tab. For Opera 10 this feature has been extended to include an optional, full-fledged tab toolbar.

To see the new toolbar, just grab the bottom of the tab bar and pull it down. Alternately you can move the tab bar to the right or left of the screen — perfect for widescreen monitors with plenty of horizontal real estate. The previews make tab switching considerably easier and if, like us, you rely on keyboard shortcuts to switch tabs, fear not — Opera’s long-standing ability to cycle through tabs in the order you’ve looked at them remains intact.

The other major new feature in Tuesday’s release is Opera Turbo, a page-compression tool that will prove invaluable for anyone working with a 3G network card. Turbo automatically detects when network speeds drop and begins shuttling web pages through one of Opera’s page-compressing proxy servers, so less data needs to be transferred. The resulting pages will function as normal, though images will be heavily compressed and sometimes non-essential page elements will require an extra click to access. It’s a feature the company initially set up for its mobile users (Opera is a major player in the mobile handset space with its Opera Mobile and Opera Mini browsers) but added it to Opera 10 due to its popularity. Anyone surfing on a limited connection at their desks will certainly appreciate it.

Opera has always been at the forefront of web standards support — all of its key products pass the most rigorous CSS and HTML layout tests, and the company even publishes a set of tutorials about writing standards-compliant code –  and this release keeps that tradition alive. Opera 10 uses the company’s Presto 2.2 rendering engine to draw pages, and it includes support for several HTML5 and CSS3 elements, including canvas, HTML5 forms and web fonts.

Bear in mind that two of the most recently hyped features for Opera, the Opera Unite personal web server and the new Carakan JavaScript engine, are not included in this release. The company hasn’t set a timeline for Unite, which is still an alpha release. But we expect to see Carakan, which the company claims makes JavaScript run two and a half times faster than the current engine, in the next major release.

Opera has long included a number things you won’t find in other browsers, like a built-in e-mail client and a BitTorrent client. The e-mail client gets a couple of improvements in Opera 10, including the ability to specify a webmail service’s “Compose” page as the default for creating new e-mail messages.

It’s curious that while the other browser makers are slimming down their software or offloading non-essential tasks to a plug-in framework, Opera continues to do neither. Remarkably, the company can still offer a full suite of web tools without the resulting package feeling bloated or sluggish.

Opera claims that version 10 is 40 percent faster than its predecessor. However, as our sister site Ars Technica discovered, Opera’s speed varies considerably depending on what OS you’re using. The short story is that, on Mac OS X, nothing, including Opera 10, can really touch Safari’s speed. But on the Windows side Opera 10 managed to best Firefox 3.5 and Safari 4, coming in only a few milliseconds behind Chrome in Ars’ tests. Opera 10 also uses considerably less RAM than Opera 9 (it also easily bested Firefox 3.5 in our informal testing).

Enhancements and bug fixes include the ability to customize Speed Dial (such as making a larger grid of thumbnails for those of you large monitors) and an improved spell-checking system that no longer requires Windows users to install additional dictionary software.

There are also some truly niche features, like Fast Forward, a set of controls that allows you to jump to the next page in a series of pages, or log in simply by hitting the forward button, and Dragonfly, a small suite of debuggers and DOM inspectors for web developers. These features, in conjunction with crowd pleasers like tab behaviors and Turbo, make Opera 10 well worth the upgrade for Opera fans.

If you’re not a convert yet, we recommend you give Opera a shot. It lacks the plug-in architecture of Firefox, but it has plenty of features even without it. And while it may not beat Safari on OS X or Chrome on Windows, Opera 10 is certainly no slouch when it comes to speed. Also keep in mind that Opera will likely get a huge speed boost soon once the new Carakan engine is ready to be included.


Breaking Down the Worst User Experience Myths

The design gurus over at Think Vitamin have a great list of the Top Ten of User Experience Myths. Two in particular leaped out at us: the myth that more user preferences is always a good thing, and the myth that design solutions have to be original.
Read the rest of this entry »


Reach Out and Touch the Web With Firefox’s Coming Multitouch Support

Mozilla has revealed it is working on a new set of touchscreen tools for the Firefox browser.

The software maker’s multitouch Firefox project is still in its infancy, but the goal is to eventually offer web developers a way to tap into a new multitouch support structure to create online games and alternative touch-based user interfaces for web apps in Firefox.

At the moment, there are no hard and fast plans regarding exactly when multitouch support, which would be accessible through new APIs, might land in Firefox. The current goal calls for the new tools to arrive in Firefox 3.6, which is due later this year.

Touchscreen interfaces are gaining in popularity industry-wide — phones, netbooks, even some desktop PCs are starting to offer touch-sensitive screens. Windows 7, just a couple of months away, will offer even greater support for touchscreen hardware. Of course, the touchscreens only work if the software you’re using understands the input it’s receiving. In some cases, the OS itself provides those multitouch hooks (like on the iPhone), but even then software needs to adapt and use the new inputs.

The result is a computing environment where some of the applications are touch-sensitive and others are not, and Mozilla doesn’t want Firefox to be left in the cold in that regard.

A browser that can accept events from a touchscreen would give web developers a whole new set of of events to work with. Instead of just “onclick” and or other mouse events, multitouch software would be able to understand events like “ontouch,” “ontap” or something similar. Once those events are made available though, for developers, the sky’s the limit.

These enhancements might mean more work for developers, but they also open up some very cool possibilities for new web apps and games. Check of the video below from Mozilla intern Felipe Gomes that shows off a demo of some prototyped multitouch support for Firefox in Windows 7.


New JavaScript Library Brings Vector Graphics to the Masses

The use of Scalable Vector Graphics, better known as SVG, has long been a great way to create dynamic graphics on the web — just feed your ever-changing values into an SVG XML file and you’ve got an always up-to-date image. It’s a great tool for displaying dynamic charts, graphics and other data visualizations on the web.

But of course, there are some issue with SVG, namely (what else?) inconsistent support across browsers. Eventually, SVG will likely enjoy native support in all the major browsers. In the mean time, there’s a possible solution on the horizon — the SVG Web JavaScript Library.

SVG Web is a JavaScript library which provides SVG support for most browsers, including Internet Explorer, Firefox, and Safari. Combining the library with the native SVG support in many browsers brings you to a solution that reaches about 95 percent of the web.

That’s pretty good by nearly anyone’s standards, and the demos on the project’s website show off some impressive tools — drag and drop photo editing, a Tetris knock off and more.

The only catch is that the SVG Web project is still in the early alpha stage and has quite a few bugs (several of the examples don’t work with Firefox’s native SVG support, though everything we tried did work with the Flash fallback option).

Still, despite the early alpha status, quite a few big names, including Wikipedia, are either currently using or working on projects that plan to use the SVG Web library. If you’ve been itching to get your SVG graphics on the web, but you’ve been hesitant due to browser compatibility issues, give SVG Web a try. And remember, if you find any bugs,

Reblog this post [with Zemanta]

Search on this site:


Categories:

WordPress SEO fine-tune by Meta SEO Pack from Poradnik Webmastera