Kathirvel K

Archive for December 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 FilePublish 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

Advertisements

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);

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

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/

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 )