Category Archives: Tutorials

Tutorial: Tracking Browser Content Window Size with Google Analytics (2 of 2)

* This post assumes you have a Google Analytics account.

Introduction

This is a follow up to my previous post Tutorial: Tracking Browser Content Window Size with Google Analytics (1 of 2) where I explained how to incorporate a tracking scheme to read and record your site’s visitors browser dimensions (as opposed to screen resolution). This is powerful because you get data which informs you of the viewing area of the browsers of your visitors. You can come to your own conclusions with how to use your data, but you can quickly get an idea if certain content is out of your visitors viewing area and/or if your layout and design are as efficient as they could be. That said, I will now explain how to view this data in Google Analytics.

Read More »

Tutorial: Tracking Browser Content Window Size with Google Analytics (1 of 2)

* This post assumes you are familiar with Google Analytics. It also assumes you are familiar with HTML and Javascript.

Introduction

Google Analytics is super powerful and the fact it is free is amazing. If you don’t know what it is and you work in Web Development it is a must that you introduce yourself to it (or some other form of analytic strategy). Check it out at http://www.google.com/analytics/. If you are here because you want to add Browser Size (as opposed to Screen Resolution) tracking to your Google Analytics account(s) then you’ve come to the right place. Enjoy.

Read More »

Tutorial: How to Pinch and Zoom in Android using AndEngine

* This post assumes an intermediate knowledge of AndEngine and Java for Android. The assumption that the Scene and Engine have been initialized is also made.

Introduction

I’ve been working and experimenting with AndEngine for a little over a year now and I wanted to share some information regarding the “Pinch and Zoom” functionality built into the engine. The engine itself makes it pretty easy to utilize multi-touch pinch and zoom, but documentation explaining how to do so is lacking. There are examples which will help developers understand the intended purposes of many of the engine’s core concepts, and they can be found at http://code.google.com/p/andengineexamples/ .

Anyway, for my implementation I created the class TouchAndCameraManager which, as you might guess, helps me manage user touches and the camera’s reactive behavior. Below are the core steps needed to complete pinch and zoom in Android using AndEngine.

Read More »

Tutorial: Full Browser Flash using SWFObject 2

* This is a republish from my previous lab. The original publish date was Apr 7, 2010.

Introduction

In experimenting with SWFObject 2, I came across the question, how do I enable my flash content to display full browser? I found a few solutions but found the following solution to work best for me. The implementation is simple and effective.

Solution

The solution comes after viewing the source for the page found at http://www.bobbyvandersluis.com/swfobject/testsuite_2_2/test_dynamic_fullbrowserflash.html. An explanation isn’t made, but the result is present in viewing the page, I have in turn created an explanation.

  1. You must create a page using SWFObject, I used the AIR app Generator to streamline my HTML page build.
  2. Ensure you set the “Dimensions” to “Percentage” and set 100 as the value for both the width and height.
  3. Next you need to define some CSS (ideally in an external CSS file) and wrap your alternative content into another DIV tag. View the highlighted elements in the image below for visual reference.

 

Read More »