Phire it Up

Flash Image smoothing

2011-11-17T11:26:00.003-05:00

Sometime we have to resize JPGs in Flash on a "loadMovie" script by making the target scale - just because. However, this usually makes the image jagged and pixelated - hate it!

So let's fix it. I found this here:

import flash.display.*;

function loadBitmapSmoothed(url:String, target:MovieClip) {
  // Create a movie clip which will contain our
  // unsmoothed bitmap
  var bmc:MovieClip = target.createEmptyMovieClip(
      "bmc",
      target.getNextHighestDepth());

  // Create a listener which will notify us when
  // the bitmap loaded successfully
  var listener:Object = new Object();

  // Track the target
  listener.tmc = target;

  // If the bitmap loaded successfully we redraw the
  // movie into a BitmapData object and then attach
  // that BitmapData to the target movie clip with
  // the smoothing flag turned on.
  listener.onLoadInit = function(mc:MovieClip) {
      mc._visible = false;

      var bitmap:BitmapData = new BitmapData(
          mc._width,
          mc._height,
          true);

       this.tmc.attachBitmap(
          bitmap,
          this.tmc.getNextHighestDepth(),
          "auto",
          true);

       bitmap.draw(mc);
  };

  // Do it, load the bitmap now
  var loader:MovieClipLoader = new MovieClipLoader();
  loader.addListener(listener);
  loader.loadClip(url, bmc);
}


Then all that is left to do is add:

createEmptyMovieClip("myMC",getNextHighestDepth());
loadBitmapSmoothed("mypic.jpg",myMC);

More Wiggle

2011-10-19T14:49:00.003-04:00

Just moves on the Y-axis

With the object selected, choose the parameter you want to effect (e.g. position, scale, anchor point, etc.)

w = wiggle(.2,100);
// Above is my variable "w" that will hold my wiggle (home many times per second, how much)
[value[0],w[1],value[2]]
// 0 = x-axis, 1 = y-axis, 2 = z-axis
// "value" says just hold the normal value

H.264 Codec settings

2011-09-29T16:15:00.005-04:00

I've been struggling to get my Adobe Media Encoder to make H.264 videos right for the iPhone 3. It was working on the iPhone 4. Just learned some "default" settings are incorrect. Found this:

"When encoding, please make sure you are using H.264 Baseline Profile Level 3.0 or lower with no more than three reference frames, AAC Low Complexity Profile, and an MP4 container if you want to support older iProducts."

AfterEffects MotionScript - "random" position

2011-09-28T10:13:00.005-04:00

Wiggle is a cool little function in AfterEffects.

Clicking on the "transform parameter" select SHIFT+ALT "=", Animation > Add Expression. Then past this:

wiggle(.2,25)

The first value is the frequency, the second is the amount/change.

AfterEffect MotionScript - Random Scale

2011-09-28T10:12:00.001-04:00

segMin = .75; //minimum segment duration
segMax = 1.25; //maximum segment duration
minVal = 5;
maxVal = 10;

end = 0;
j = 0;
while ( time >= end){
j += 1;
seedRandom(j,true);
start = end;
end += random(segMin,segMax);
}
s = random(minVal,maxVal);
endVal = [s,s];
seedRandom(j-1,true);
dummy=random(); //this is a throw-away value
s = random(minVal,maxVal);
startVal = [s,s]
ease(time,start,end,startVal,endVal)

Mobile Browser Detect

2011-06-14T13:16:00.001-04:00

This is a great PHP script to detect the type of device that is visiting your site and redirecting to a different version. It detects all major phone operating systems (android, iphone, blackberry, windows, etc.). The script is free for non-profit and only $50 if your company is for profit.

Check it out: http://detectmobilebrowsers.mobi/

HTML5 Fonts

2011-06-06T13:01:00.004-04:00

Great resource for generating CSS and all font files needed for HTML5 broswers:

http://www.fontsquirrel.com/fontface/generator

MySQL Joins made Simple

2011-06-06T12:34:00.002-04:00

Sometimes JOINs in MySQL can get confusing. This article will help make it super simple for you!

This is the simplest, most understood Join and is the most common. This query will return all of the records in the left table (table A) that have a matching record in the right table (table B).

Continue Reading: http://www.codeproject.com/KB/database/Visual_SQL_Joins.aspx?msg=3373088

Force IE6, IE7 and IE8 to be more compliant

2011-02-01T10:38:00.001-05:00

Pretty cool project going on that forces older versions of IE to be more compliant. It relies on javascript to allow for some of the newer CSS styling (but not all). It even has a transparent PNG fix for IE 6.

Check it out here: http://code.google.com/p/ie7-js/

Target IE6 and IE7 with CSS

2011-02-01T10:35:00.001-05:00

Very nice way to target IE6 or IE7 specifically within your CSS doc.

#myelement

{ color: #999; /* shows in all browsers */

*color: #999; /* notice the * before the property - shows in IE7 and below */

_color: #999; /* notice the _ before the property - shows in IE6 and below */

Credit to: http://briancray.com/2009/04/16/target-ie6-and-ie7-with-only-1-extra-character-in-your-css/

Flash Actionscript Tweening

2010-06-24T14:52:00.000-04:00

IE6: Removing Padding on Input Checkbox

2010-02-05T10:09:00.004-05:00

If you've ever put a background on an input checkbox and viewed it in IE6, you'll notice there is padding around the checkbox. Other browsers don't have this padding, and it can ruin designs if not dealt with.

An easy way to get rid of the padding through CSS is by adding these styles to the checkbox:

margin:0; width:13px; height:13px; overflow:hidden;

Doing this will not affect any other browser (at least modern ones) and will fix your IE6 issues.

Images in LABEL tag no clickable in IE

2010-02-04T17:04:00.004-05:00

Internet Explorer doesn't allow your images that are within a LABEL tag to be clickable. There is a javascript hack fix for this that works for sure in IE6-8. Sometimes you need, for usability, to have your images work like text in the LABEL tag, this is how you can accomplish this in IE.

Note that all other browsers do this fine...

Get the code: Using Images as Labels in Internet Explorer

My Flash to EXE fullscreen scalling settings

2009-12-16T10:33:00.001-05:00

The new version of Flash Player when rendering an EXE document doesn't want to obey the "fscommand" for some reason. I don't know why, I don't care. This works just fine:

fscommand("fullscreen", true);
fscommand("allowscale", false);
fscommand("showmenu", false);
Stage.scaleMode = "showAll";

CSS Selectors Browser Compatibility

2009-12-03T15:39:00.001-05:00

Compatibility is one of the most annoying parts of web scripting and programming. I've found a great reference when it comes to CSS selectors. This should help you figure out what will work in old browsers and what you'll need to find a workaround for.

Continue Reading: CSS selectors: basic browser support

Hiding Text on Form Submit Button

2009-12-02T09:53:00.002-05:00

I wanted to have CSS replace a submit button for one of the forms on my site. So I decided to style it with a background image and set a text-indent to hide the text. It worked nice but in Internet Explorer, the text wouldn't go away.

I found a strange way to make the text disappear even in Explorer. Just use this bit of CSS for the submit button.

{

color: transparent;

text-transform: capitalize;

}

That should do the trick!

Mute Streaming Audio in Flash

2009-11-17T16:50:00.003-05:00

Muting sounds that are streaming in Flash isn't as simple as changing the volume of an object via a "mute" button. But it is surprisingly EASY! I can't believe I didn't see it. AND the movie continues to play and unmuting just brings the sound back in.... duh!

Well, I searched and searched and finally found something. Thanks (http://www.actionscript.org/forums/showthread.php3?t=32982)! I made some simple modifications.

This is my code. I made a MC with 2 frames and buttons in it. In frame 1, a button that calls "mute();" here's the button code for the one that's in frame 1.

on (release) {
nextFrame();
this._parent.mute();
}

And frame 2 has this:

on(release) {
prevFrame();
this._parent.unmute();
}

And here's the code in the root. I could easily make a volume slider that sets the "level" variable, and would then set. But for most stuff, we simply need the sound to be either there... or not.

level = 100;
globalSound = new Sound();
globalSound.setVolume(level);

function mute() {
trace("mute");
//previewaudio.stop();
globalSound.setVolume(0);
}
function unmute() {
trace("unmute");
globalSound.setVolume(100);
}

Enjoy!

Vertical Ticker Scroll with jQuery

2009-10-19T09:26:00.002-04:00

Ever wanted to make those cool vertical scroll things? Here is a great light weight way to accomplish it:

Create A Vertical Scrolling News Ticker with jQuery and jCarousel Lite

Kern dynamic text is Flash Actionscript

2009-10-09T14:37:00.004-04:00

I've always needed to know how to kern dynamic text is Flash Actionscript, and I knew there had to be a way. Well, here it is. I discovered this somewhere, made some tweeks, good stuff.

function kernText(myTextField, kerning) {
myTextField.html = true;
var newFormat:TextFormat = new TextFormat();
newFormat.letterSpacing = kerning;
//newFormat.font = "Arial"; // Add now whatever format needs you have.
myTextField.setTextFormat(newFormat);
}

Flash right-click menu

2009-10-07T12:47:00.003-04:00

I've always been looking for a nice and easy Flash right-click menu builder. This one seems extremely straight-foward and EASY!

function calledFunction1() {
trace("calledFunction1");
}

function calledFunction2(){
trace("calledFunction2");
}
MENU = new ContextMenu();
MENU.hideBuiltInItems();
insertAfter = new ContextMenuItem("Call function 1", calledFunction1);
insertBefore = new ContextMenuItem("Call function 2", calledFunction2);

MENU.customItems.push(calledFunction1);
MENU.customItems.push(calledFunction2);
_root.menu = MENU;

Easy way to Parse RSS in PHP

2009-07-02T13:32:00.004-04:00

Here is some simple code for parsing RSS 2 in PHP. It's so easy, I can't believe it.

<?php

     $doc = new DOMDocument();

   $doc->load('http://www.softarea51.com/rss/windows/Web_Development/XML_CSS_Utilities.xml');

   $arrFeeds = array();

   foreach ($doc->getElementsByTagName('item') as $node) {

    $itemRSS = array (

      'title' => $node->getElementsByTagName('title')->item(0)->nodeValue,

     'desc' => $node->getElementsByTagName('description')->item(0)->nodeValue,

     'link' => $node->getElementsByTagName('link')->item(0)->nodeValue,

     'date' => $node->getElementsByTagName('pubDate')->item(0)->nodeValue

);

    array_push($arrFeeds, $itemRSS);

?>

Thanks to: How to parse RSS feeds with PHP

CSS Image Replacement for Buttons

2009-06-22T15:47:00.001-04:00

Yes, you could just use the input type="image" but if you want to replace buttons with images purely with CSS, this is a great method.

http://www.ampsoft.net/webdesign-l/image-button.html

A quick note, this won't work in IE6 unless you set your button as a BUTTON not an INPUT. This is a very important point.

Keep Footer at the Absolute Bottom of Page

2009-06-19T09:18:00.004-04:00

Have you ever wanted to have a footer always be on the bottom of the page, even if the content of the page wasn't very tall? Usually people use javascript, but below is a way to do it with only CSS. This even works on IE6!

Take a look here: Footer at the Bottom of the Viewport

P.S. if you view source on the above link, you will see all the CSS and HTML you need. It works great!

Nice Drop Down Menues

2009-06-03T11:20:00.003-04:00

I've been on a quest for a long time to find a good, reliable and customizable dropdown menu. I've found some but this is a great one to try out:

Sexy Drop Down Menu w/ jQuery & CSS

PHP Mail on Windows Server

2009-05-28T16:54:00.002-04:00

I had a weird problem with my PHP mail() function on a windows server. When I was trying to send the emails, the email headers would show up in the body of the email itself. After a lot of frustration, I figured out a solution that worked for me.

After each header, you usually add a "\r\n". It seems like the \n was giving us the problem so I took it off. So after each header I had instead "\r". It worked... so there you go.

For example:

$headers = 'From: someemail@email.com' . "\r";

$headers .= 'MIME-Version: 1.0' . "\r";

$headers .= 'Reply-To: replytoemail@email.com' . "\r";

Ajax with jQuery

2009-05-20T13:55:00.003-04:00

jQuery makes it really easy to implement AJAX. Check out this out for more information: http://docs.jquery.com/Ajax

If you're not sure what jQuery is or AJAX, check out some of our other posts in those categories.

Social Bookmarking Links

2009-05-12T11:05:00.002-04:00

Here is a great resource if you'd like to add buttons to your site for social networking links. For example, if you have an article and want to create a Digg This link. There are a lot of ways to do this but here is one simple way:

Add Links for Del.icio.us, Digg, and More to Blog Posts

CMS Recommendation: ExpressionEngine

2009-04-28T09:38:00.001-04:00

I just wanted to give a quick recommendation to a Content Management System that we've been using and have found to be really great. With all due respect to the druple or joomla-lovers, Expression Engine is a much cleaner way to go. It does come with a premium, but they have a core version for free which is more than enough for most smaller sites.

http://www.expressionengine.com

Check it out. Like all CMS's there is a learning curve but this CMS gets my recommendation.

Ternary Operator (Short IF Statements) in PHP

2009-04-28T09:30:00.003-04:00

This is a cool little 'trick' if you want a quick IF statement in PHP. You'd use the Ternary Operator which would evaluate similar to the IF operator.

Syntax is like this:

// Example usage for: Ternary Operator
$action = ("john" != "frank") ? 'john isnt frank' : 'john is frank';

So in this case, the output 'john isnt frank' would be saved to $action.

The first portion of the before the ? is what is being evaluated. So we check if the string "john" is not equal to "frank".

Between the ? and the : is what to do if we returned TRUE.

Between the : and the ; is what to do if we returned FALSE.

Since I have $action = at the beginning, the output is saved to that variable.

For more info on this, see the PHP documentation: http://uk2.php.net/operators.comparison (you'll need to scroll down a little)

Web-safe Fonts

2009-04-08T14:29:00.004-04:00

We stumbled upon a great resource for web safe fonts (okay... we just googled it, but still...).

Take a look at this site, it is a wonderful resource and will help you match your fonts to ones that work on all computers.

Common fonts to all versions of Windows and Mac equivalents (Browser safe fonts)

CSS Position Help

2009-04-08T09:59:00.002-04:00

Most people know this, but for those who are struggling or just need a reminder, the below link is a great resource to understanding positioning in CSS. Take a look.

Learn CSS Positioning in Ten Steps: position static relative absolute float

Editing .htaccess with PHP

2009-03-11T10:38:00.002-04:00

Although this isn't necessarily recommended, sometimes it is needed. Basically, we'd use PHP to edit our htaccess document to set permissions or redirects or whatever else.

Here is a post about doing it: Editing .htaccess with Php - Dev Shed

Flash - Old School Actionscript Tweening

2009-03-04T10:22:00.003-05:00

ON the MovieClip itself

/* */
onClipEvent(load) {
mytime = _parent.timeSlower;
mybounce = _parent.bounceSlower;
}
onClipEvent (load) {
physics = [mybounce,mytime];
start_x = this._x;
start_y = this._y;
start_w = this._width;
start_h = this._height;
start_xscale = this._xscale;
start_yscale = this._yscale;
start_a = this._alpha;

xspeed = 0;
yspeed = 0;
aspeed = 0;
wspeed = 0;
hspeed = 0;
xscalespeed = 0;

//this._width = (this._width*1.2);
//this._height = (this._height*1.2);

//this._width = this._width/2;
}
onClipEvent (enterFrame) {
xscalespeed = ((start_xscalespeed-this._xscale)*physics[0])+(xscalespeed*physics[1]);
this._xscale += xscalespeed;

yscalespeed = ((start_yscalespeed-this._yscale)*physics[0])+(yscalespeed*physics[1]);
this._yscale += yscalespeed;

wspeed = ((start_w-this._width)*physics[0])+(wspeed*physics[1]);
this._width += wspeed;

hspeed = ((start_h-this._height)*physics[0])+(hspeed*physics[1]);
this._height += hspeed;

xspeed = ((start_x-this._x)*physics[0])+(xspeed*physics[1]);
this._x += xspeed;
yspeed = ((start_y-this._y)*physics[0])+(yspeed*physics[1]);
this._y += yspeed;
aspeed = ((start_a-this._alpha)*physics[0])+(aspeed*physics[1]);
this._alpha += aspeed;
}
/**/

Still need to establish the "time" and "bounce" variables for consistency across the board.

ASP's Fast Way To Pull Data from Database

2009-02-16T17:20:00.003-05:00

This is a great way to pull in all records from a (MSSQL) database in ASP.

use the GetString() function for your record set! It is pretty simple and really cool. Here is my example:

set rs = Server.CreateObject("ADODB.Recordset")

myvariable = rs.GetString (2, , vbTab, vbCrLf, "Null")

Here is the info on the function GetString:

string = recordsetobject.GetString (StringFormat, NumRows, ColumnDelimiter, RowDelimiter, NullExpr)

For more details go here: DevGuru ADO Recordset::GetString Method

MSSQL Searching for Datetime value

2009-02-16T17:12:00.004-05:00

This is a great resource for trying to make a query in SQL Server for the datetime data type. Use this if you're trying to find all entries from a date like yesterday, last month, or anything else.

Working with SQL Server Date/Time Variables: Part Three - Searching for Paritcular Date Values and Ranges

What I found even more useful is this little code:

query = "SELECT * FROM your_table WHERE DATEDIFF(dd, your_date_field, GETDATE()) = 0"

What that does, is get you all entries from your_table where your_date_field and the current date (today's date) are not different. The 'dd' means day, so it is comparing the day.

This will get all entries from yesterday:

query = "SELECT * FROM users WHERE DATEDIFF(dd, datecreated, GETDATE()) = 1"

And this will get from last week:

query = "SELECT * FROM users WHERE DATEDIFF(ww, datecreated, GETDATE()) = 1"

For a full list of what DATEDIFF does take a look at this: DATEDIFF (Transact-SQL)

Have fun!

Fast String in ASP

2009-02-16T17:04:00.004-05:00

ASP is an old framwork and really outdated but sometimes we still need to use it. One major problem is the handling of strings. We recently worked on a project with ASP and tried to use the standard string method to create some reports. Basically, a report with 1,000 entries timedout, until we set the server timeout to 10 minutes...!

So here is a way to overcome this. This is a class that you can use if you want to create strings and need to concatenate them.

Class FastString

Dim stringArray,growthRate,numItems

Private Sub Class_Initialize()

growthRate = 50: numItems = 0

ReDim stringArray(growthRate)

End Sub

Public Sub Append(ByVal strValue)

' next line prevents type mismatch error if strValue is null. Performance hit is negligible.

strValue=strValue & ""

If numItems > UBound(stringArray) Then ReDim Preserve stringArray(UBound(stringArray) + growthRate)

stringArray(numItems) = strValue:numItems = numItems + 1

End Sub

Public Sub Reset

Erase stringArray

Class_Initialize

End Sub

Public Function concat()

Redim Preserve stringArray(numItems)

concat = Join(stringArray, "")

End Function

End Class

I will give full credit to: A Fast String Class for ASP Pages

If you want to implement this class, do something like this:

Set mystring = New FastStrign

mystring.Append("My Info")

mystring.concat()

Set mystring = nothing

This will add "My Info" to the string and then print it. The last line is to detroy the old thing, you can also use the build in erase function. This will make concatenating of strings much faster.

Remember I said 10 minutes...? Now it takes 20 seconds to create the report!

Resources for RSS Feed Creation

2009-02-12T16:16:00.005-05:00

Here are some resources on how to create a RSS 2.0 feed.

Howto Create an RSS 2.0 Feed

RSS 2.0 Specifications

Dynamic RSS in PHP

CSS Styles for RSS

Automatic and Dynamic Title URLs from Titles using Javascript

2009-02-12T15:59:00.004-05:00

This is a handy little javascript snipplet that will convert text in one text field to url friendly text in another. This is very useful if you're trying to automatically create title URLs from the title of your post. This helps with search engine optimization by giving you friendly URLs. Below is the javascript and a test form. You can copy it all, paste it, and test it.

<html>
<head>
<script type="text/javascript">
function urltitle(title)
{

// Create the url friendly title
var url = title
.toLowerCase() //change everything to lowercase
.replace(/^\s+|\s+$/g, "") //trim leading and trailing spaces
.replace(/[&]+/g, "and") //replace ampersand
.replace(/[#]+/g, "sharp") //replace pound
.replace(/[@]+/g, "at") //replace at
.replace(/[%]+/g, "percent") //replace percent
.replace(/[+]+/g, "plus") //replace plus
.replace(/[-|\s]+/g, "_") //replace spaces and hyphens to underscore
.replace(/[^a-z0-9_]+/g, "") //remove all non-alphanumeric characters except the underscore
.replace(/[_]+/g, "_") //remove duplicate underscores
.replace(/^_+|_+$/g, "") //trim leading and trailing underscores
;
document.getElementById('title_url').value = url;
}
</script>
</head>
<body>

</body>
</html>

As we usually give credits for what we find, this is where we got the original script before modifying it: Rewrite input to friendly URL

Hide Link Dotted Borders in Firefox

2009-02-12T09:21:00.002-05:00

You may have noticed that links in firefox have a light dotted border around them. It was intended for accessibility, so that you'd know which link you're currently focused on. Try tabbing through a webpage and you'll see its use.

Anyway, sometimes the border is annoying, ugly, and useless. In such cases, you can remove the border by using this piece of CSS:

outline-style:none;

Simple Javascript Back Link

2009-02-10T12:30:00.003-05:00

Alright, this is pretty simply and most people know it but hey, never hurts to post.

If you want to create a link that goes back to the previous page (just like the browser back button) simply use this code in your link tag:

href="javascript: history.go(-1)"

Dynamic buttons in Flash using ActionScript 2.0

2009-01-29T10:30:00.007-05:00

I am often needing Flash to create dynamic buttons from an Array (or external TXT (text) document). Here's how I do it:

1. Make your button an actual MovieClip on the stage however you want them all to look/work. Create a dynamic text field (center justified - or whatever) within the button with the instance property of "text_txt" for this example. (You can name it whatever you want, but you'll need to change some of the code below).

2. In the library find your MovieClip. Open the Symbol properties dialog.

3. Select the "export of actionscript" check box. Identifier "myButton"... again, for this example only. Click OK.

4. Now return to the stage and in frame one of a layer, I've named my top-most layer "actions". Copy and paste the following:

for(i=0; i
target = this.attachMovie("myButton", "myButton"+i, i, {_x:10, _y:30*i} );
target.text_txt.text = nav[i];
target.myLink = url[i];
trace(myLink);
target.nr = i;
target.onPress = function(){
//getURL(this.myLink);
trace("Hi, I'm "+this._name+" and my number is "+this.nr+". The link is: " + this.myLink);
}
}

With some extra work we can make this a horizontal menu, getting the width of each text box and moving the rest.... I'll post that another time.

5. I created an Array that I want to use for the labels of my buttons. Eventually I will pull these labels from a database table, but for now, paste this info above the previous code.

var nav:Array = Array();

nav[0] = "nav 1";
nav[1] = "nav 2;
nav[2] = "nav 3";
nav[3] = "nav 4";
nav[4] = "nav 5";
nav[5] = "nav 6";
nav[6] = "nav 7";

6. Now we need these links to do something, right? So let's create an Array for our URLs. Paste this array just below the previous but before the button code "for" stuff.

var url:Array = Array();

url[0] = "http://www.adobe.com";
url[1] = "my link 1";
url[2] = "my link 2";
url[3] = "my link 3";
url[4] = "my link 4";
url[5] = "my link 5";
url[6] = "my link 6";

6. Ta da! That's all that is to it.

7. Publish your file.

Simple Javascript email verification

2009-01-27T11:52:00.002-05:00

Here is a simple email verification script in Javascript. Just pass in the email address and it will return true or false depending on if the email is valid. It will also do an alert popup if it is invalid.

function echeck(str) {

var at="@"

var dot="."

var lat=str.indexOf(at)

var lstr=str.length

var ldot=str.indexOf(dot)

if (str.indexOf(at)==-1){