Kathirvel K

Flash (Toggle) Fullscreen browser in Flash

Posted by: Kathirvel K on: December 24, 2009

1) Create New document save it some where in local drive

2) Create button in flash and be sure the button is selected and hit F9
Paste the below code

on (press) {
if (Stage["displayState"] == “normal”) {
Stage["displayState"] = “fullScreen”;
}else
Stage["displayState"] = “normal”
}

// Code here for resize the movieclip while toggle full screen paste this into frame 1

// Set min size and align of the stage
Stage.scaleMode = “noScale”;Stage.align = “TL”;var _minW:Number = 400;var _minH:Number = 350;
function onResize() { var scaleY:Number = Math.round(100*(Stage.height)/_minH); var scaleX:Number = Math.round(100*(Stage.width)/_minW); var scaleFactor:Number = Math.min(scaleY, scaleX); if (scaleFactor>100) { mc_player._xscale = mc_player._yscale=scaleFactor; _root.mc_player.txtDimentions.text = scaleFactor; } else { mc_player._xscale = mc_player._yscale=100; } mc_player._x = Math.round((Stage.width/2)-(mc_player._width/2)); mc_player._y = Math.round((Stage.height/2)-(mc_player._height/2));
}
Stage.addListener(this);onResize();

3)Go to File > Publish Settings. Select the HTML tab.

Click the Dimensions drop down box. Select Percent and type 100 for the Width and Height.

Click the Scale drop down box and select No scale.

Then Click the publish

This will create swf and html file

4) In the html page, you must add an extra parameter named allowFullScreen and set it to true. You also might want to set the Flash player version to 9 (this is optional and won’t have any effect if the user already has that version installed).

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
   codebase="http://.../swflash.cab#version=9,0,0,0"
   width="550" height="400" id="sample" align="middle">
   <param name="allowScriptAccess" value="sameDomain" />
   <param name="allowFullScreen" value="true" />
   <param name="movie" value="sample.swf" />
   <param name="quality" value="high" />
   <param name="bgcolor" value="#333333" />
   <embed src="sample.swf" quality="high" bgcolor="#333333"
	   width="550" height="400"
	   name="sample" align="middle"
	   allowscriptaccess="sameDomain"
	   type="application/x-shockwave-flash"
	   allowFullScreen="true"
	   pluginspage="http://www.macromedia.com/go/getflashplayer" />
  </embed>
</object>

5) Run the html

Tags: , ,

Display sound play time in FLASH

Posted by: Kathirvel K on: December 24, 2009

function convertTime(t, type) {
var time = Math.ceil(t);
var min = Math.floor(time/60);
var secs = time-(min*60);
return min+”:”+strPad(time%60, 2, 0, “left”);
}

function strPad(str, places, pad, side) {
while (str.length<places) {
if (side == “left”) {
str = pad+str;
} else {
str = str+pad;
}
}

var lengthTester = str.toString();
if (lengthTester.length<=1) {
str = “0″+str;
}
return str;
}

// you call that function like this

convertTime(sound.position/1000);

Tags: , ,

44 tools to help you in your design work

Posted by: Kathirvel K on: December 15, 2009

The web is full of resources, but they’re often hard to reach. This is the reason why I think it’s important to organize them with a coherent structure and share it with you. So just bookmark this page for whenever you’ll need it, it’ll be useful. Please also mention if I missed anything.

  1. Organizing
  2. Communicating
    • Skype
      Cheap or free calls from your computer.
    • Adium
      Multi-client instant messaging application for Mac OSX.
    • Pidgin
      Multi-client instant messaging application for Windows.
  3. Brainstorming – Wireframing
    • Bubbl.us
      Online brainstorming application.
    • mindmeister
      Collaborative online mind mapping.
    • gliffy
      Create and share flowcharts and diagrams online.
  4. Typography
  5. Webdesign
  6. Colour
  7. Layout
  8. Image editing
  9. Stock photography
  10. Backing up – Archiving – Copyrighting
    • 7-Zip
      Open Source file archiver for Windows.
    • The Unarchiver
      Open Source file archiver for Mac OSX.
    • Copyscape
      Check if your website content has been ripped off.
    • Mozy
      Online data backup solution.
    • IdleBackup
      One-click backup utility for Windows.
    • ChronoSync
      Backup and synchronization utility.

Image credit: dipster1

Tags: ,

Top 50 graphic design blogs

Posted by: Kathirvel K on: December 15, 2009

It’s not easy finding talented graphic designers, but it’s fair to say the best have a healthy online presence. So to make things easier, here I present my top 50 graphic design blogs. I’ve categorised them byGoogle PageRank (PR) — Google’s way of determining the authority of a website.

*Don’t read too much into the PageRank, as all of these sites contain excellent articles, with some blogs having an authority all on their own.

PR 7 blogs

Design Observer: writings about design & culture

Smashing Magazine – a weblog dedicated to web-developers and designers

Core77 / design magazine + resource /

PR 6 blogs

Authentic Boredom – by graphic designer, Cameron Moll

Coudal Partners: a forum for creativity and experimentation

CR Blog – News and views on visual communications from the writers of Creative Review

Design Notes published by Michael Surtees who tries to see life filtered through design as opposed to placing design on a pedestal

Dexigner – popular design portal featuring the latest design news

Hicksdesign – Journal of a small creative agency based in Witney, Oxfordshire, UK, authored by Jon Hicks

I Love Typography, devoted to fonts, typefaces and all things typographical.

Mark Boulton: Design Thinking. Web Delivery. By a designer based in Cardiff, UK.

Quipsologies – Corralling the most relevant and creative on- and off-line bits that pertain to the design community.

Randa Clay Design – Design, Marketing, Blogging, Branding and all things Creative

Russell Davies – incredibly diverse UK-based blog on topics associated with design

Speak Up > Design Dialog

Subtraction 7.0 – NYTimes.com’s Design Director, Khoi Vinh, blogs about design and other relevant info.

swissmiss – tina roth eisenberg | swiss designer gone nyc

Typographica. A Journal of Typography.

Veer: The Skinny – provides visual elements for use in professional creative work

Veerle’s blog 2.0 – Webdesign – XHTML CSS | Graphic Design

You the Designer – Graphic Design Blog

PR 5 blogs

Logo Design Love: a website dedicated to all things logo.

Ace Jet 170 – Found type, print and stuff

AisleOne – Design, typography and everything else.

Anamorphosis. learn design create

Be A Design Group – a blog for graphic designers, created in March of 2004 by Adrian Hanft and Bennett Holzworth.

Chris Glass, The Last 10 Days. A creative fella’s journal from Ohio.

Creative Curio – Learn, discuss and explore the realm of graphic design.

Designers who Blog – features blogs discussing graphic design, web design, illustration, marketing, photography, branding, writing and advertising

Design Adaptations | Charity Ondriezek

Design is Kinky – a proudly Australian blog on design

Design Sojourn | Strategic Industrial Design Blog

DesignM.ag — Articles and Resources for Web Designers

Design View: Articles, Essays and Opinions by Andy Rutledge

Elite By Design a freelance and web design community website

Fuel Your Creativity – Find your spark

Grain Edit – covers contemporary graphic design / illustration, as well as design from the from the golden era of advertising (1950s–1970s).

Graphic Define Magazine – focuses on the business of running a graphic, interactive, or web design studio.

ideasonideas, a blog that invites dialogue on issues relevant to communication designers and brand strategists

Inspiration Bit – Get inspired and learn from the latest technology, art and design buzz on the Web.

Inspiredology – covers everything that inspires us.

ISO50 – The Visual Work of Scott Hansen

Jasongraphix :: A journal of art, thoughts, and projects by Jason Beaird

Noisy Decent Graphics by Ben Terrett, a Graphic Designer in London

Positive Space :: The Graphic Design Blog

Spoon Graphics – the personal project of Chris Spooner, a UK based Graphic / Web Designer.

Swiss Legacy – Graphic design and typography

The Dieline – packaging design blog

The Serif – Your daily dose of design inspiration

things to look at – plenty of images, and oddly, things to look at

Numbers 51 and upwards

PR 5 blogs continued

Type for you. A blog on typography, by Pedro Serrão, a graphic designer from Porto, Portugal.

TypeNeu dedicated to typography, fonts, lettering and typefaces

PR 4 blogs

AdGoodness – advertising and design blog from Frederik Samuel

Andy Budd :: Blogography – based in Brighton, England

BittBox – Homemade vector freebies, design tips, tutorials and bitts.

Computerlove – Connecting Creative Talents

creativebits | Apple orientated design community (must register to comment)

David the Designer – don’t underestimate the knowledge this man has acquired (and don’t call him Dave)

Elliot Swan survived three days without the internet

FormFiftyFive – Design Inspiration – the pet project of designers Glenn Garriock and Jack Daly

graphicPUSH – “a sporadically but faithfully updated design blog”

Graphic Design Blog – graphic design, freelancing, illustration, advertising, web design

Laughing Lion Design : Web, Graphic Design & Illustration Ireland

Lealea Design: Blogblog: Design inspiration and introspection

Luz Cannon: The Work of David Brooks : Designer, Photographer and Audio Producer

NOTCOT.ORG – for your ideas + aesthetics + amusement.

SeptemberIndustry | a showcase of the best in international graphic design

SonSpring | Journal by Nathan Smith

We Made This (It’s Our Blog)

Your Brain on Design: A Graphic Design Blog | Leslie Tane Design

PR 3 blogs

Binky the doormat – Thoughts on design and visual culture by Daniel Gray

CrazyLeaf Design Blog – Web Design and Graphic Design Blog

Creative Guy – tips, tricks, tutorials and discussion about Adobe Photoshop, InDesign and Illustrator for designers running Mac OSX

Designer Daily graphic design inspiration and resources

Gazelle Creative – by Elizabeth Jackson (a.k.a. Zabs)

gradient dropshadow curve – by Henry Tapia

Just Creative Design – personal blog of Jacob Cass, a graphic designer in Australia

Outlaw Design Blog – A Graphic Design Blog

Reflections – the personal blog of Paul Enderson, a freelance web and graphic designer from England

Truly Ace – Graphic Design Blog

Tutorial Blog – Design Articles and Tutorials

Source: http://www.davidairey.com/top-50-graphic-design-blogs/

Tags: , ,

Rounded corners using css

Posted by: Kathirvel K on: December 15, 2009

This tutorial explains how to design a liquid layer with rounded corners, using CSS and few line of code in HTML.
A simple solution is to define four layers, each ones with the CSS attribute background which contains a rounded corner image:


The result is something like this:

Step 1: CSS code
Copy and paste this code in your CSS file:

div.w1{background:#DFDFDF url(pic/w_left_top.gif) no-repeat;width:100%;}
div.w2{background:url(pic/w_right_top.gif) no-repeat top right;}
div.w3{background:url(pic/w_left_bottom.gif) no-repeat left bottom;}
div.w4{background:url(pic/w_right_bottom.gif) no-repeat right bottom;padding:10px;}
How you can see, layer w1 is the main container container with the rounded left-top border in the attribute background.
Layer w2 is contained into layer w1 and it have in the background attribute the rounded right-top border. So, for all others.
Layer w4 will contain your text or other html elements. I added a padding attribute to add 10px space from external borders.

Step 2: HTML code
Now, copy and paste this HTML code into your page:

<div>
<div class=”w2″>
<div class=”w3″>
<div class=”w4″>
Welcome on my site
</div>
</div>
</div>
</div>

So, add all HMLT elements you want inside w4 layer and your liquid layer with rounded corners is ready to use!

(Source: http://woork.blogspot.com/2007/12/liquid-layer-with-rounded-corners-using.html )

Tags: , ,

How to load another HTML page into DIV using JS

Posted by: Kathirvel K on: December 11, 2009

Creating the responseHTML element

This may be a variable of type Element.

var responseHTML = document.createElement("body");

This works with Internet Explorer and Firefox, not with Opera.

Creating a permanent <div> storage tag

To store the other document inside the page, the following tag has to be included anywhere into the page:

<div style="display:none;"> </div>

The content is empty. It will be filled when the other HTML page is loaded.

The JavaScript functions

A function extracts the useful part of the content of the other page and stores it into the tag above.

function getBody(content) 
{ 
   var x = content.indexOf("<body");
   x = content.indexOf(">", x);    
   var y = content.lastIndexOf("</body>"); 
   return content.slice(x + 1, y);
}

Another function fills the container, either a variable or a tag, and is used as callback by Ajax.

function getContent(content, target)
{
   target.innerHTML =  getBody(content);
}

Displaying the other page

Once the content of the other page stored into the invisible <div> tag, it may be processed and extracted with DOM methods and used into the current page. In this first example it is just copied into the page.

The following tag is used to display the other page:

<div> </div>

To put the data into the page and make it visible to readers, the content is stored into this <div> tag, with the “displayed” id (or the id of your choice), with the following statement:

document.getElementById("displayed").innerHTML = responseHTML.innerHTML;

http://www.xul.fr/ajax/responseHTML-attribute.html

Tags: ,

Best Graphics{GFX} Resources Share

Posted by: Kathirvel K on: October 19, 2009

30 Free Vector Icons Like iPhone Set from dezinerfolio is presenting a fresh icons set, the icons are all in one .PSD file, well-layered, ready to modify & improve. These icons can also be used as iPhone menu bar icons.

Download : http://www.dezinerfolio.com/system/files/30_vector_icons_df.zip

Read More:http://www.cocut.cn/graphics/3626-free-iphone-icons-vector.html

Tags: ,

To test the ColdFusion server:

Posted by: Kathirvel K on: October 14, 2009

Test the ColdFusion server
To test the ColdFusion server:
Make sure the ColdFusion server is started.
Depending on your decision during the installation, ColdFusion may start automatically when you start your computer or you may have to start it manually.
To start ColdFusion manually in Windows, select Start > Control Panel > Administrative Tools, then double-click Services. Right-click ColdFusion 8 Application Server and select Start. Right-click and start ColdFusion 8 ODBC Server and ColdFusion 8 ODBC Agent.
To start ColdFusion manually on a Macintosh, open Finder, go to Applications/ColdFusion8, and double-click ColdFusionLauncher. In the ColdFusionLauncher dialog box, click Start ColdFusion 8.
In Dreamweaver, or any text editor, create a plain-text file, and call it timetest.cfm.
In the file, enter the following code:
<p>This page was created at <b>
<cfoutput>#TimeFormat(Now(), “HH:mm:ss”)#</cfoutput>
</b> on the computer running ColdFusion.</p>
This code displays the time when the page was processed on the server.
Copy the file to the web root folder of the computer running ColdFusion.
If ColdFusion is running on your local computer, copy the file to the following folder:
Windows: C:\ColdFusion8\wwwroot\
Macintosh: Applications/ColdFusion8/wwwroot/
In your web browser, enter the URL of your test page, and then press Enter.
If ColdFusion is running on your local computer, enter the following URL:
http://localhost:8500/timetest.cfm
By default, the ColdFusion server uses port 8500.
If the test page opens and displays the current time, the application server is running normally. The specified time is known as dynamic content because it changes every time you request the page. Click your browser’s Refresh button to generate a new page with a different time.
Note: Looking at the source code (View > Source In Internet Explorer) will confirm that the page does not use any client-side JavaScript to achieve this effect.

Make sure the ColdFusion server is started.

Depending on your decision during the installation, ColdFusion may start automatically when you start your computer or you may have to start it manually.

To start ColdFusion manually in Windows, select Start > Control Panel > Administrative Tools, then double-click Services. Right-click ColdFusion 8 Application Server and select Start. Right-click and start ColdFusion 8 ODBC Server and ColdFusion 8 ODBC Agent.

To start ColdFusion manually on a Macintosh, open Finder, go to Applications/ColdFusion8, and double-click ColdFusionLauncher. In the ColdFusionLauncher dialog box, click Start ColdFusion 8.

In Dreamweaver, or any text editor, create a plain-text file, and call it timetest.cfm.

In the file, enter the following code:

<p>This page was created at <b>

<cfoutput>#TimeFormat(Now(), “HH:mm:ss”)#</cfoutput>

</b> on the computer running ColdFusion.</p>

This code displays the time when the page was processed on the server.

Copy the file to the web root folder of the computer running ColdFusion.

If ColdFusion is running on your local computer, copy the file to the following folder:

Windows: C:\ColdFusion8\wwwroot\

Macintosh: Applications/ColdFusion8/wwwroot/

In your web browser, enter the URL of your test page, and then press Enter.

If ColdFusion is running on your local computer, enter the following URL:

http://localhost:8500/timetest.cfm

By default, the ColdFusion server uses port 8500.

If the test page opens and displays the current time, the application server is running normally. The specified time is known as dynamic content because it changes every time you request the page. Click your browser’s Refresh button to generate a new page with a different time.

Note: Looking at the source code (View > Source In Internet Explorer) will confirm that the page does not use any client-side JavaScript to achieve this effect.

Source:http://www.adobe.com/devnet/dreamweaver/articles/setup_coldfusion_02.html

Tags:
Older Entries
Newer Entries

 

May 2012
S M T W T F S
« Jul    
 12345
6789101112
13141516171819
20212223242526
2728293031  

Blog Stats

  • 19,842 hits

Blog at WordPress.com.

Theme: Albeo by Design Disease.

Follow

Get every new post delivered to your Inbox.