Archive
October, 2011
Browsing all articles from October, 2011
4

Embed Flash content using SWFObject

SWFObject is an easy-to-use and standards-friendly method to embed Flash content, which utilizes one small JavaScript file.

SWFObject

What is SWFObject?

  1. Offers two optimized Flash Player embed methods; a markup based approach and a method that relies on JavaScript
  2. Offers a JavaScript API that aims to provide a complete tool set for embedding SWF files and retrieving Flash Player related information
  3. Utilizes only one small JavaScript file (10Kb / GZIPed: 3.9Kb)
  4. Is the successor of SWFObject 1.5, UFO and the Adobe Flash Player Detection Kit
  5. Intends to unify all existing Flash Player embed methods and provide a new standard for embedding Adobe Flash Player content

Why should you use SWFObject?

  1. Is more optimized and flexible than any other Flash Player embed method around
  2. Offers one solution for everybody: It shouldn’t matter if you are an HTML, Flash, or JavaScript developer, there should be something in it for everyone
  3. Breaks the cycle of being locked into vendor specific markup and promotes the use of web standards and alternative content
  4. Uses unobtrusive JavaScript and JavaScript best practices
  5. Is easy to use

Why does SWFObject use JavaScript?

    SWFObject 2 primarily uses JavaScript to overcome issues that cannot be solved by markup alone; it:

  1. Detects the Flash Player version and determines whether Flash content or alternative content should be shown, to avoid that outdated Flash plug-ins break Flash content
  2. Offers functionality to revert to alternative content in case of an outdated plug-in by means of a DOM manipulation (Note: if no Flash plug-in is installed the HTML object element automatically falls back to its nested alternative content)
  3. Offers the option to use Adobe Express Install to download the latest Flash Player
  4. Offers a JavaScript API to perform common Flash Player and Flash content related tasks

SWFObject related links

» Download SWFObject
» SWFObject API
» Documentation SWFObject

5

May This Diwali be as bright as ever.
May this Diwali bring joy, health and wealth to you.
May the festival of lights brighten up you and your near and dear ones lives.
May this Diwali bring in u the most brightest and choicest happiness and love you have ever Wished for.
May this Diwali bring you the utmost in peace and prosperity.
May lights triumph over darkness.
May peace transcend the earth.
May the spirit of light illuminate the world.
May the light that we celebrate at Diwali show us the way and lead us together on the path of peace and social harmony
“SHREE GOKUL INFOTECH WISH U A VERY HAPPY DIWALI”

Shree Gokul Infotech DIWALI 2011

6

Top Javascript Librarary

JavaScript was originally developed by Brendan Eich of Netscape under the name Mocha, which was later renamed to LiveScript, and finally to JavaScript. LiveScript was the official name for the language when it first shipped in beta releases of Netscape Navigator 2.0 in September 1995, but it was renamed JavaScript in a joint announcement with Sun Microsystems on December 4, 1995

A JavaScript library is a library of pre-written JavaScript which allows for easier development of JavaScript-based applications, especially for AJAX and other web-centric technologies.

Below is the list of top javascript library.

» Jquery
  Official Website Link : http://jquery.com
» Jquery UI
  Official Website Link : http://jqueryui.com
» Dojo
  Official Website Link : http://www.dojotoolkit.org
» Closure Library (google)
  Official Website Link : http://code.google.com/closure
» Mootools
  Official Website Link : http://mootools.net
» Ext Core
  Official Website Link : http://www.extjs.com
» Prototype
  Official Website Link : http://www.prototypejs.org
» script.aculo.us
  Official Website Link : http://script.aculo.us
» SWF Object
  Official Website Link : http://code.google.com/p/swfobject
» Yahoo User Interface Library (YUI)
  Official Website Link : http://developer.yahoo.com/yui
» SproutCore
  Official Website Link : http://www.sproutcore.com
» Spry
  Official Website Link : http://labs.adobe.com/technologies/spry
» JavaScriptMVC
  Official Website Link : http://javascriptmvc.com
» qooxdoo
  Official Website Link : http://qooxdoo.org
» midori
  Official Website Link : http://www.midorijs.com
» Archetype JavaScript Framework
  Official Website Link : http://archetypejs.org
» June Framework
  Official Website Link : http://june-js.com
» UIZE
  Official Website Link : http://www.uize.com
» SimpleJS
  Official Website Link : http://simplejs.bleebot.com

If anyone know more javascript library or framework then share with us. Thanks

Comments Off on Google Web Fonts

Google Web Fonts

Google Fonts is an absolutely ultimate collection of web fonts that you may use in your HTML web pages without any restrictions and download it in your computer or laptop.

Google Web Fonts makes web fonts quick and easy to use for everyone, including professional designers and developers. We believe that there should not be any barriers to making great websites.

Google Web Fonts team’s goals are to create a directory of core web fonts for the world and to provide an API service so that anyone can bring quality typography to their webpages.
The API service runs on Google’s servers. They are fast, reliable and tested. Google provide the service free of charge. It is possible to add Google Web Fonts to a website in seconds.

A web built with web fonts is a web that is more beautiful, more readable, more accessible and more open.

Google Web Fonts
http://www.google.com/webfonts

Contribute to Google Web Fonts
https://services.google.com/fb/forms/submitafont/

Google Web Fonts API
http://code.google.com/apis/webfonts/docs/getting_started.html

4

Swiffy – Convert SWF files to HTML5

Swiffy converts Flash SWF files to HTML5, allowing you to reuse Flash content on devices without a Flash player (such as iPhones and iPads).

Swiffy will produce an HTML5 version which will run in modern browsers with a high level of SVG support such as Chrome and Safari. It’s still an early version, so it won’t convert all Flash content. Swiffy uses a compact JSON representation of the animation, which is rendered using SVG and a bit of HTML5 and CSS3. ActionScript 2.0 is also present in the JSON object, and is interpreted in JavaScript in the browser. This representation makes the Swiffy animations almost as compact as the original SWF files.

Swiffy was born!

Some Google projects really do start from one person hacking around. Last summer, an engineering intern named Pieter Senster joined the mobile advertising team to explore how we could display Flash animations on devices that don’t support Adobe Flash player. Pieter made such great progress that Google hired him full time and formed a team to work on the project.

Swiffy available on Google Labs

http://www.google.com/doubleclick/studio/swiffy/

Example

http://www.google.com/doubleclick/studio/swiffy/gallery.html

6

A drop-in solution that automatically creates, caches, and delivers device-appropriate versions of your website’s images. No mark-up changes needed. Adaptive Images is intended for use with Responsive Designs and to be combined with Fluid Image techniques.

Project from Matt Wilcox for serving the right images to the right devices (i.e. small images to small browser windows, large images to large browser windows). Small browser windows, regardless of bandwidth considerations, shouldn’t get a giant image scaled down they should get an image just the size they need it.

Why Adaptive Images ? Because your site is being increasingly viewed on smaller, slower, low bandwidth devices. Your desktop-centric images load slowly, cause UI lag, and cost you and your visitors un-necessary bandwidth and money.

Features

  • Works on your existing site
  • Requires no mark-up changes
  • Device agnostic
  • Mobile-first philosophy
  • Easy & powerful customisations
  • Up and running within minutes

Set-up

  • Add .htaccess and adaptive-images.php to your root folder
  • Create a writable directory called ai-cache
  • Add one line of JavaScript into the of your site

Requirements

  • Apache 2
  • PHP 5.x
  • GD lib *
  • * Normally a default with PHP
  • Download AND Demo

    http://adaptive-images.com/