Counting down stated for the launch of Adobe CS5..!

Join Adobe online event for your first look at CS5 at Monday, April 12, 2010 at 8am PDT / 11am EDT / 4pm BST

Adobe Photoshop 20th Anniversary

For 20 years, the world has used Adobe Photoshop software to transform creative inspiration into nearly everything we see in print, online, and across media.

See what today’s Photoshop family of products can do for you.

Adobe® Flash® Builder™ 4 (formerly Adobe Flex® Builder™) software is designed to help software developers rapidly develop cross-platform rich Internet applications (RIAs) and content using the open source Flex framework.

Flex is a highly productive, free, open source framework for building expressive web applications that deploy consistently across browsers, desktops, and operating systems by leveraging the Adobe® Flash® Player and Adobe AIR® runtimes. While Flex applications can be built using only the Flex framework, Adobe Flash Builder™ (formerly Adobe Flex® Builder™) software can accelerate development through features like intelligent coding, interactive step-through debugging, and visual design of the user interface layout.

Get the trial version of Flash Builder 4 from Adobe

What’s new in Adobe® Flash® Builder™ 4

Powerful coding tools

Develop using a powerful Eclipse™ based IDE that includes editors for MXML, the ActionScript® language, and CSS, as well as syntax coloring, statement completion, code collapse, interactive step-through debugging, and automatic generation of common code.

Rich visual layout

Visually design and preview user interface layout, appearance, and behavior using a rich library of built-in components. Extend the built-in Flex framework components or create new ones as needed. Import functional application UI created using the Adobe Flash Catalyst™ interaction design tool.

Data-centric development

Introspect Java™, PHP, Adobe ColdFusion®, REST, and SOAP services to display methods and properties in the new Data/Service Explorer. Bind methods to UI components using a simple drag-and-drop approach.

Interactive data visualization

Create data dashboards and interactive data analysis by simply dragging and dropping a chart type and linking it to a data source using the Flex Charting library. Use the powerful Advanced Datagrid to enable users to explore complex data.

Skinning and styling

Customize the appearance of an application using CSS and graphical property editors. Quickly set the most commonly used properties and preview the results in Design View. Browse available themes and apply them to your project using the new Theme Browser.

Integration with Adobe Creative Suite design tools

Import design assets created using Adobe Flash Professional, Illustrator®, Photoshop®, or Fireworks® software, or import a complete application user interface created using Flash Catalyst. A new workflow between Flash Professional and Flash Builder facilitates importing and updating custom Flex components.

Native support for Adobe AIR

Create applications for the Adobe AIR® runtime with Flash Builder 4, including all the tools required to build, debug, package, and sign AIR applications. Adobe AIR lets you quickly develop RIAs for the desktop using the same skills and codebase you use to build RIAs for the browser.

Code refactoring

Quickly navigate through code or restructure it by renaming all references to a class, method, or variable. Flash Builder 4 adds move refactoring.

Powerful testing tools

Accelerate application performance using memory and performance profilers that monitor and analyze memory consumption and CPU cycles. Support for automated functional testing tools such as HP QuickTest Professional is also available.

Network Monitor

Generate a detailed audit trail of all data passed between the local Flex application and the back end, assisting with debugging and performance tuning.

Advanced data services

Use open source BlazeDS to add binary, high-performance, HTTP-based data transport, or add the Adobe LiveCycle® Data Services ES2 module for real-time data push and pub/sub messaging.

Command line build

Use the new command line build capability to automate your build process.

Flex unit testing integration

Automate functional testing using the Flex unit testing framework.

ASDoc support

Display comments in MXML and ActionScript editors using ASDoc.

Abstract Glowing Background

This tutorial, you will learn how to draw different shapes, apply gradient, blend different shapes in the background.

A Vibrant Space Nebula

In this tutorial you learn how to create a detailed nebula quickly & easily infront of a beautiful starfield.

Alien Invasion!

In this tutorial, you will learn to create an image of alien invasion.

Cool Eclipse Effect

This tutorial you learn to create Cool Eclipse Effect.

Making of Space Scene

Make a Space Scene from this tutorial.

Space Explosion Photoshop

This tutorial shows you how to create your own space scene using three stock photos and Adobe Photoshop.

1. Why Peeling Page effect?

The Peeling Page is an effect is used by advertisers to show advertisements. Normally it appears at the top right corner of the page. By this effect advertisement can be shown which would occupy space larger than what is available on a page.

2. Tutorial site to create Peeling Page Effect – jQuery and Mootools

This tutorial will show you how to create Peeling Page effect using jQuery plug-in.

Simple Page Peel Effect with jQuery and CSS by Soh Tanaka

Page Peel Effect with jQuery.pagePeel by Simple Multimedia

This tutorial will show you how to create a cool Peeling Page effect using Mootools.

Page Peel Effect Using MooTools by David Walsh

This tutorial will show you how to create Peeling Page effect using peel.js JavaScript.

Create a Peel Away Effect using JavaScript

3. Additional resource to create Peeling Page Effect in Word press

Creating Page Peel Advertisement in Word press

4. Word press plug-in for Peeling Page Effect in your blog

Page Cornr

download plug-in

Page Peel

download plug-in

Creating Page Peel Advertisement in Word press

download plug-in

Get the Google maps API key

Follow the instruction from Google and get Google map API key by signing up. Click here for details. For testing the flash here is a sample API Key.

Download the Google maps API SDK for flash

You can download Google maps API SDK from here.
Unzip the file and copy map_1_9 Flash Component file to component folder of flash.
For windows copy to this location

For Mac OS X copy to this location

If you wish to make components organized make a new folder name it say Google and paste into it.

Inserting Google maps API flash component

Open new flash document (Ctrl + N)

Open Component panel, if not open click (Ctrl + F7). The Components panel will appear with a Google Maps API node. Drag Google Maps Library component to the stage and give the instance name as gmaps

Insert AS3 code for Google maps

Insert new layer and name it as actions. Select the first key frame and open the action panel (press F9) and follow the code.

import com.google.maps.LatLng;
import com.google.maps.Map;
import com.google.maps.MapEvent;
import com.google.maps.MapType;
// Importing Map Controls
import com.google.maps.controls.ZoomControl;
import com.google.maps.controls.PositionControl;
import com.google.maps.controls.MapTypeControl;
import com.google.maps.controls.OverviewMapControl;
// Importing Map markers amd map mouse events
import com.google.maps.overlays.MarkerOptions;
import com.google.maps.overlays.Marker;
import com.google.maps.InfoWindowOptions;
import com.google.maps.MapMouseEvent;

// Creating The Map
var gmaps:Map = new Map();
gmaps.key = "ABQIAAAA7QUChpcnvnmXxsjC7s1fCxQGj0PqsCtxKvarsoS-iqLdqZSKfxTd7Xf-2rEc_PC9o8IsJde80Wnj4g";
// Setting the size to component to stage size
gmaps.setSize(new Point(stage.stageWidth, stage.stageHeight));
gmaps.addEventListener(MapEvent.MAP_READY, onMapReady);
// Adding component to stage
this.addChild(gmaps);

function onMapReady(event:MapEvent):void {
// Setting Longitude and Latitude and the type of view
  gmaps.setCenter(new LatLng(40.68913,-74.0446), 17, MapType.HYBRID_MAP_TYPE);
// Adding zoom, position, map type and small pan window map controls
  gmaps.addControl(new ZoomControl());
  gmaps.addControl(new PositionControl());
  gmaps.addControl(new MapTypeControl());
  gmaps.addControl(new OverviewMapControl());
// Loading the Xml marker file
  xmlMarkerLoader();
}

function xmlMarkerLoader(){
 function loadXML(e:Event):void{
	 XML.ignoreWhitespace = true;
	 var mapMarker_xml:XML = new XML(e.target.data);

	 for (var i:Number = 0; i < mapMarker_xml.location.length(); i++){

		 var latlng:LatLng = new LatLng(mapMarker_xml.location[i].lat, mapMarker_xml.location[i].lon);
		 var tip = mapMarker_xml.location[i].name;
		 var myTitle:String = mapMarker_xml.location[i].title;
		 var myContent:String = mapMarker_xml.location[i].content;
		 // Calling Marker
		 gmaps.addOverlay(createMarker(latlng,i, tip, myTitle, myContent));
	 }

	 // Add Markers On The Map
	 function createMarker(latlng:LatLng, number:Number, tip, myTitle, myContent):Marker {
               var i:Marker = new Marker(latlng,new MarkerOptions({hasShadow: true, tooltip: ""+tip }));
			   i.addEventListener(MapMouseEvent.CLICK, function(event:MapMouseEvent):void {
				gmaps.openInfoWindow(event.latLng, new InfoWindowOptions({titleHTML: ""+myTitle, contentHTML: ""+myContent }));
				});
               return i;
      }
 }

 var xmlLoader:URLLoader = new URLLoader();
 xmlLoader.addEventListener(Event.COMPLETE, loadXML);
 xmlLoader.load(new URLRequest("marker.xml"));
}

Enjoy ! It’s done

Test movie (Ctrl + Enter) to see the running application

Download

You can download the source code from here.
[Download not found]

Free Google map component

AFC omponents