DeeGeeBlog

UberNerd-In-Training

Saw this job listing on indeed.com for an HTML5 developer:

Our local technology client is looking for a developer to convert Flash assets to HTML5 for maximum cross browser and iOS (iPhone/iPad) compatibility. They are looking for someone who can act in a consultative manner and assist with conversion issues and create templates as well as someone who can do the hands on execution and development.

Expert knowledge of Flash, ActionScript, JavaScript and, of course, HTML5 will make you successful in this role.

Our client has over 50,000 Flash assets that need to be converted so this is a sizable project for the right candidate!

Hmmm… I know that Adobe is working to include HTML5 and CSS3 structs into the new versions / updates of their products… Is this job listing a fluke, or a sign of the trend?

Share

mahalo air transport virtual airline fsx

Back in 1983, I got a Commodore Vic 20 for my 16th birthday. I fiddled around with Commodore BASIC a little, even subscribed to Compute! magazine. But one of my favorite experiences then was IFR Flight Simulator.

I spent hours upon hours with that simulator.

Fast forward to 1999, and I reaquainted myself with the flight sim world with Microsoft Flight Simulator 98. It was the first time that I learned about computer upgrades, as my then not-too-shabby 1.6 MHz CPU / 2MB video card / 32 MB RAM machine couldn’t quite keep up with FS98′s graphics requirements.

Then came FS2002, FS2004, and FSX. Loved them all.

commodore flight simulator screenshot

Screenshot of IFR for Commodore, circa 1983.

 

fsx flight simulator cockpit

Screenshot of FSX, taken 2010.

 

 

 

 

 

 

 

I’ve tried my hand as a virtual airline pilot with Pacific Airways, but while I loved their board community and fellow sim pilots, the flying experience wasn’t a strong draw.

mahalo air transport virtual airline on air haulerCut to January 2011, when I installed JustFlight’s Air Hauler. This is how flight simming should be. Love the hobby so much, I decided to make a web portal for my fictitious Air Hauler based cargo line based in Hawaii with locations on the Big Island, Oahu, and Kauai, Mahalo Air Transport.

What makes this new web product significant for me is that I’m really digging into web technologies more than what I’m comfortable with currently. First off, I’ve decided to construct the website in a php framework. I’m relying on jQuery and javascript much more than I have.

Share

First Page Ranking on Google, Cheap and Easy. You’re welcome.

google first page ranking tipsOh, the ‘elusive’ first page result ranking for your website on Google… the holy grail.

Bah. It isn’t tough at all, really. Actually, I accomplished it with an existing site that ranked so poorly, I stopped looking after the 8th page of Google search results.

Follow these three fundamental tips, and you’ll get there too.

  1. Utilize a free Webmasters account on Google
  2. Create and upload a sitemap
  3. Follow very basic meta tagging principles.

I did these three things, and the site I was working on went from absolute obscurity to the very first page (#5) for a few important keywords (or search phrases) within two weeks.

1.) Utilize a free Webmasters account on Google.

You’ll have to establish an account with Google if you don’t already have one. It can be difficult to find using Google’s menu. I’ve included a link to it above.

google first page rank easy using webmaster tools free

Next, click the Add a Site button to add your URL to your Webmasters account:

google first page ranking seo webmaster tools

Follow the directions to insert a personally-generated tracking code to the index page of your site. You’ll have the option of inserting this code into the <head> of the web document, or you can have Google generate an individual file that you’ll just upload to the root of your server. I’ve always just added the javascript code to the head section of my index pages, it always works.

When you have completed that, Google will instruct you to verify ownership of the website by clicking a button. Google will go check that the correct code is correctly placed, and that finishes step one.

2.) Create and upload a sitemap.xml file to Google.

This may sound difficult and foreboding. This is probably the easiest step. Go to XML-Sitemaps.com and enter the URL for your website:

create upload sitemap.xml file for first page google rankings

It will give you a sitemap.xml file to download to your computer. Next, take that xml file and upload to your root directory.

Go back to Google Webmaster tools:

google webmaster tools seo free ranking sitemap upload

You’ll upload your sitemap directly to Google. I like to think that giving Google a sitemap of your site is like giving it directions to your house, the key to the front door, and free reign of the refrigerator and cable television while you’re out. You make it incredibly easy for Google to spider your URLs on a weekly or monthly basis. Without this, Google comes to your site whenever it has the time. Be a good host, let the Google spider in!

3.) Follow very basic meta tagging principles.

It’s 2011, people. I don’t know how many webpages I do a view source on, to see no <title> tag, no <keywords> entries, no <description> data, and no <alt> tags on pictures.

<head><title>Title of Your Website</title>

Make the title of each webpage the topic of discussion on that page. If you must include the name of your company,
the name of your blog, do it at the end of the title like this:

<title>Pulling wheelies on Harleys | F. Barleysheath's blog</title>

People are going to search for how to pull a wheelie on a Harley, they won’t be looking for F. Barleysheath’s blog, so make the searchable term first in the title.

Always include meta attributes for keywords and description, like so:

<meta name="keywords" content="pulling wheelies, harley davidson, how to" />
<meta name="description" content="Pulling wheelies on Harleys isn't hard." />

Notice that the title of the webpage, the keywords, and the description all have the same phrase right at the beginning. This is your opportunity to showcase to the search engines what your site’s about. Put the title and meta tags in the <head> section of your webpage.

Lastly, add some alt attributes to all your images. It would look like this in html:

<img src="wheelie.jpg" alt="pulling a wheelie on uncle's harley" />

Enclose in quotation marks a good descriptor of the image,
and try to marry the webpage’s focus to the image alt tags, and you’ll be ahead of 80% of the website owners out there.

 

 

 

Share

reciprocal linking is now black hatNot too many years ago, reciprocal linking was downright de rigeur for webmasters trying to increase their page rank with Google. In an attempt to show Google that their site was such a great place to go, web owners would exchange links with one another. “If I add a link to your site, will you add a link on your page to my site?” For years, this was just standard practice.

The folks at Google are far from dumb, and in their current algorithms they actually check if sites engage in Reciprocal Linking and punish them for such an attempt.

“…[S]ome webmasters engage in link exchange schemes and build partner pages exclusively for the sake of cross-linking, disregarding the quality of the links, the sources, and the long-term impact it will have on their sites. This is in violation of Google’s Webmaster Guidelines and can negatively impact your site’s ranking in search results.”

Turns out, this is nothing terribly new, and Google hinted at it a few years ago. In 2006, Google began hinting that they’d consider ‘docking’ reciprocal linking schemes.

Best way to get other sites to link to you and help build your site’s PageRank?

“The best way to get other sites to create relevant links to yours is to create unique, relevant content that can quickly gain popularity in the Internet community. The more useful content you have, the greater the chances someone else will find that content valuable to their readers and link to it.”

Share

making money on internetEver since my wife turned a $2 thrift store find into a $160 profit on eBay ten years ago, I’ve never stopped reeling from the possibilities of earning a side income on the internet. I began selling on eBay shortly thereafter, learned what might be profitable purchases. Then, I branched out to my own webstore, and enjoyed a 3 1/2 year career of successful selling. During this time, I opened up a second webstore selling poker supplies (with marginal success,) and also learned how to bring in residual income through Google ads and affiliate marketing.

There are many ways to do it, and I’ll begin a series talking about my successes and current efforts.

Paths to Profit

Basically, there are a few common paths to earning income using an internet connection/websites:

  1. Selling your own items on auction sites like or your own webstore
  2. Selling items you purchase (at a great discount) and sell for profit on auction sites or your own webstore
  3. Selling items you never own on eBay or your own webstore (the ‘drop-ship’ model)
  4. Creating and selling your own created items or information products, usually through your own webstore or Etsy for handmade items
  5. Using affiliate marketers to do the marketing to sell your items (you are responsible for shipping when orders come in from affiliates)
  6. Earning Google AdSense or other advertising display platform like Bing or Yahoo from ads you host on your own blog/website
  7. Making affiliate commissions from others by reviewing or describing items on your blog/website and providing links for readers to purchase these items from the vendors directly.

This list is not exhaustive, but does represent the lions’ share of opportunities available to you. I thought it would be fun to retrace my steps and discuss these paths; what helped me and what things I’d not do if I had the chance!

Share

(And Adobe… are you listening?)

I’m ramping up, learning Silverlight / Blend / XAML, and I’ve been using some great online tutorials and book. I just found out on my own with zero help from anybody how stinking easy it is to incorporate audio to your projects, especially in Blend. Do you know how much ActionScript code you’d have to write, how much wrangling you’d need to do to do this very thing in Flash? Uh… much more.

sound behavior silverlight blend

Step 1, Drag PlaySoundAction to your object

Step 1:

On the Assets tab, select Behaviors. On the next panel that opens up, look for (you probably don’t even need any help from now on…) look for PlaySoundAction.

You’re halfway done. Seriously.

Step 2:

Drag that PlaySoundAction to whatever icon/image/button/thingamajig on your object list. On the Properties tab, select what type of Trigger Event you’d like this audio clip to play after (I selected MouseEnter in this example) and under CommonProperties, select the source (I manually imported my mp3 clip to the Projects Library list, and just had to use the down arrow to select it from the list. If not, you can get the audio clip you want by clicking the elipses (…) to get it from your computer/network.

set trigger properties for audio playsoundaction silverlight blend

Step 2, Choose audio file and Event Trigger

And that’s it.

Now, the audio clip must be in an ‘appropriate’ Silverlight format, mp3, mp4, wma, wmv, asf, or asx. You might need to convert an old wav file. Seriously, this was the hardest part of the process.

I’m going to be the smartest mofo at the Silverlight Firestarter 2010 event… well, no, no way. Maybe in my family. My mother doesn’t know jack about Silverlight. So I got that going for me.

Share

Silverlight video player tutorial screenshotThe Microsoft Expression Blend folks have done a smash-up job providing excellent video tutorials for folks new to Silverlight. I began their “5 Day” Blend training and just completed my first published Silverlight application, a video player for a fictitious product.

As someone who’s spent time with Adobe Flash and ActionScript 3, I can see how Microsoft’s Blend can give Flash a run for its money. One great feature that’s immediatly apparent is that you don’t need to know how to code (C# or VisualBasic) in order to create an application with some interactivity in Blend/Silverlight. With Flash, without knowing ActionScript, the best you’ll have is a heck of an animation. AS is required in order to script user interactivity with the application. Not so with Blend.

Here’s the finished, published version of my first Silverlight video player!

Share

expression blend 4 bookDavid Kelley, Microsoft Silverlight MVP, is a friend of my wife. They talk industry talk. David held an Interact presentation about Silverlight and Windows 7 phone development at my wife’s place of business, and thought I’d take this opportunity to meet him in person.

Knowing that I’m interested in web and application development as a career, he personally gave me a copy of Foundation Expression Blend 4. When Ichiro gives you a baseball bat, you are excited to take batting practice as soon as possible, no?

XAML I’ve learned today:

Making objects visible on the artboard (AS3 translation: the stage) using the name-value pair Visibility=”Visible” for visible or Visibility=”Collapsed” for invisible. In AS3, I believe it’s myObject.visible = true or = false.

Share

My website doesn’t get a tremendous amount of traffic, relatively speaking, I know that. I’m spending some quality time brushing up on CSS now, using my favorite book, CSS: The Missing Manual. In it, the author speaks of little quirks of Microsoft Internet Explorer 5 and 6, and how CSS behaves a little differently using those browsers.

For a lark, I thought I’d check into my own website stats and see what the numbers are.

Nearly 50% of my viewers use Firefox; the most current version of MSIE, 8, is used by a bit more than 35% of my viewers. What’s interesting is how low on the powerchart Google’s Chrome is. More viewers are still using MSIE 6. This is a browser that’s been around since 2001

browser stats september 2010

Is this consistent with your stats, fellow webmasters? I personally downloaded and used Chrome for about one day; I found no great benefit over my beloved Firefox platform (I do use MSIE 8 about a third of the time, though).

Share

I’m beginning my own Silverlight training, and hands down a fantastic resource is the .schools toolbox site at Microsoft.com.

design toolbox learn silverlight

Get an academic version of Microsoft Blend and follow the tutorial videos. All file assets are provided in the .toolbox pages, along with documentation and top-notch video instruction.

calculator application using blend and silverlightCreate a Silverlight-based calculator and learn about organizing an Expression Blend workspace, adding text and effects, and working with keyframes to create simple animations. The video instruction is provided by Jeremy Osborn,  of Avlade.

Following along with the Calculator project app is a great way to learn. Primarily, I think, because the workflow you need to take requires a bit of repetition, which translates to remembering.

  • Import images to the silverlight project
  • Familiarization with Blend concepts and menus
  • learn how the PEN tool works (finally! A mystery to me no more!)
  • creating storyboards, and linking behaviors to animations

What’s very different between Blend/Silverlight and Flash/Actionscript is that Blend creates the XAML code under the hood as you add functions, and populate the ‘artboard’ (‘stage’ in Flash talk). Here’s a sample of the XAML code that was generated, entirely unbeknownst to me at the time:

<Canvas x:Name="plusminus" Height="72" HorizontalAlignment="Left" Margin="468,346,0,0"
VerticalAlignment="Top" Width="106" Clip="M65.499947,7.0624504 ... yadda yadda lots of digits... z">
    <i:Interaction.Triggers>
     <i:EventTrigger EventName="MouseLeftButtonDown">
      <im:ControlStoryboardAction Storyboard="{StaticResource PlusMinusPress}"/>
     </i:EventTrigger>
     <i:EventTrigger EventName="MouseLeftButtonUp">
      <im:ControlStoryboardAction Storyboard="{StaticResource PlusMinusRelease}"/>
     </i:EventTrigger>
    </i:Interaction.Triggers>
    <Image x:Name="image16" Height="72" Width="106" Source="Images/plusMinus.png" Stretch="Fill" RenderTransformOrigin="0.5,0.5">
     <Image.RenderTransform>
      <TransformGroup>
       <ScaleTransform/>
       <SkewTransform/>
       <RotateTransform/>
       <TranslateTransform/>
      </TransformGroup>
     </Image.RenderTransform>
    </Image>
   </Canvas>

It looks absolutely nothing like Actionscript 3 to me, it’s more like XML on steroids. Somewhere, probably soon, the .toolbox tutorials will cover tweaking XAML. Can an entire application be written solely using XAML? I can do a lot of things solely through Actionscript 3, besides importing images/assets into the Library. I don’t know how practical it is to program exclusively in XAML from beginning to end.

Another huge difference between Silverlight/Blend and Flash/ActionScript is programming interactivity. Flash makes great animations. But in order to wire up some interactivity with elements on the stage, you simply must learn and apply some actionscript. Not so with Blend. Using Behaviors from the toolbars in Blend, you can apply actions and animations based on inputs from the user … no coding necessary. I’m not an expert in Flash, but I don’t think that’s possible without actionscript.

Share
Powered by WordPress Web Design by SRS Solutions © 2012 DeeGeeBlog Design by SRS Solutions