Aerial Videography with the GoPro Camera and Adobe Creative Cloud Tools

February 10, 2014 | By

Interested in aerial videography with remote control helicopters? Well, you’re in luck! This month’s issue of Adobe Inspire magazine features my article which introduces aerial videography with a DJI Phantom multirotor helicopter and a GoPro camera! You can read it on the web or download the FREE digital publication version to learn more. I recommend the digital publication version, which [...]

Read More

Mimicking fixNewLine in ColdFusion Script

February 10, 2014 | By

A few days ago a reader asked me if there was a way to mimic the “fixNewLine” attribute in ColdFusion script. I thought he meant addNewLine, the feature that handles adding a new line character for you when you write text to a file. Tur…

Read More

TiVo Stream vs. Slingbox

February 10, 2014 | By

As a frequent traveler I’ve been a long time fan of Slingbox TV streaming devices. For those of you who are unaware of what Slingbox does, let me give you a quick description: A Slingbox is a physical device that you connect to the output of your cable/satellite box, DVR, etc. You also connect it […]

The post TiVo Stream vs. Slingbox appeared first on Terry White’s Tech Blog.

Read More

Small warning to folks writing Brackets extensions

February 8, 2014 | By

I’ve been writing extensions for Brackets now for at least a year and I never ran into this issue until yesterday, so as far as I can tell, the chances of anyone hitting the same issue is probably very slim. I tend to have a knack for h…

Read More

Building a Force.com API Explorer in 30 Lines of Code

February 7, 2014 | By

There are several robust and well established API explorers out there (here and in the Force.com IDE), and this is by no means meant to be a replacement or even an alternative. When I start exploring new APIs, I like to have a simple way to invoke methods and get the raw JSON back so […]

Read More

AngularJS IndexedDB Demo

February 7, 2014 | By

Over the past few months I’ve had a series of articles (Part 1, Part 2, Part 3) discussing IndexedDB. In the last article I built a full, if rather simple, application that let you write notes. (I’m a sucker for note taking applications…

Read More

Sample Force.com Mobile Application with Ionic and AngularJS

February 6, 2014 | By

In my previous post, I wrote about Ionic, a new UI framework that’s built on top of AngularJS and that provides mobile-optimized UI components to build high-performance hybrid applications that look and feel native. I also shared an employee directory sample application built with Ionic and AngularJS. In this post, I’ll share the same application […]

Read More

Some tips for working with PDF Forms and ColdFusion

February 6, 2014 | By

ColdFusion has had the ability to work with PDF forms for a while, but I never got a chance to actually play with it till last night. A client needed me to build a simple POC that used an HTML form to accept user input. This user needed…

Read More

Show Transform Controls in Photoshop

February 6, 2014 | By

When selecting multiple layers with the Move tool, you have the option to check “Show Transform Controls” (in the Options bar) to have Photoshop display a bounding box around selected objects (content on layers). Not only does this help to show which layers are selected but can also be used to quickly transform an object […]

Read More

Getting Started With Edge Code

February 6, 2014 | By

If you are new to Edge Code, then you’ll want to try our recently published Getting Started experience, How to edit HTML, CSS, and JavaScript in Edge Code for 20+ minutes of Edge Code goodness.

Read More

Sample Mobile Application with Ionic and AngularJS

February 5, 2014 | By

In the ever evolving quest for the best mobile application development stacks, I’ve recently been looking at Ionic. Ionic is a library that provides mobile-optimized UI components to build “native-feeling” hybrid applications. Where does it fit? Ionic fits in the UI layer. But unlike other libraries in that space (Twitter Bootstrap, Foundation, Ratchet, Topcoat and […]

Read More

Making Copies of Layers in Photoshop

February 5, 2014 | By

Option (Mac) / Alt (Win) -drag a layer in the image area with the Move tool creates a copy of a layer. You can also Option (Mac) / Alt (Win) -drag in the Layers panel to duplicate  layer(s) – select the layer(s) and drag until you see a heavy black line between the layers and […]

Read More

Simple Trick – Adding a Play Indicator to the Browser Tab

February 4, 2014 | By

I’m a Soundcloud user and a while ago I noticed they did something cool with their interface – a “Play” icon when you are playing music.

If you’ve ever been jamming out and needed to quickly mute your computer then this is a nice way to see which browser tab is making sound. In fact, the most recent Chrome now makes this built in:

In this case the native indicator is on the right. This is especially handy for cases where a site feels that their users are too stupid to know how to play video and use autoplay. (And let’s be clear, if you use autoplay, you think your users are idiots. Either that or you are just a rude jerk who feels the need to …. ok sorry I’ll stop my rant now. ;)

So I knew this was trivial code but I wanted to build my own little example of this – just for the heck of it.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>Some Page</title>
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width">
	</head>
	<body>
		
		<button id="playButton">Play</button>

		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<script>
		$(document).ready(function() {
			var $button = $("#playButton");
			var playing = false;
			var origTitle = document.title;
			
			$button.on("click", function() {
				if(!playing) {
					playing = true;	
					$button.text("Pause");
					document.title = '\u25B6 ' + origTitle;
				} else {
					playing = false;
					$button.text("Play");
					document.title = origTitle;
				}
			});
			
		});
		</script>
	</body>
</html>

The example above consists of one DOM item – a button. On the page load event, I grab a jQuery-wrapped pointer to it and a copy of the current page title. Then all I need to do is listen for click events to handle playing (or pausing) the audio. To be clear, I didn’t bother adding real audio here. To add the play indicator, you simply use the Unicode character for it and prepend it to the title. In case you’re curious, I Googled for “unicode for play symbol” to find the right one.

If you are incredibly bored and want to see this in action, hit the demo link below.

Read More

Auto Select Layers in Photoshop

February 4, 2014 | By

If the Move tool is selected, holding the Command (Mac) / Control (Win) key temporarily activates the Auto Select (Layer) feature. To use Auto Select, simply click in the image area over the desired layer to select it in the Layers panel. Note: if you prefer, you can check Auto Select (available in the Options […]

Read More

Article: Creating Brackets Extensions

February 4, 2014 | By

NetTuts published my latest article this morning, a look at writing extensions for Brackets: Creating Brackets Extensions. Read it and let me know what you think. I love writing extensions for Brackets so I hope this article encourages other…

Read More

A New Adventure

February 3, 2014 | By

After 10 great years at Adobe, I’ve accepted a new challenge as a developer evangelist with salesforce.com. I’ve truly enjoyed my time at Adobe, and I’ll fondly remember the great culture, the great technology, and the great people. I’m very excited about my new challenge at Salesforce. My focus will continue to be on helping […]

Read More

PhoneGap / Cordova Default Project – Android Support for xxhdpi

February 3, 2014 | By

If you’re creating a new PhoneGap or Cordova project with the CLI and targeting the Android platform, you should be aware of an additional folder you will want to create to specify icons and splash screens on newer Android devices supporting xxhdpi (extra extra high density, 480 dpi). The ../platforms/android/res/drawable-xxhdpi folder is not created by […]

Read More

Inspire Magazine For Windows 8 Devices

February 3, 2014 | By

Are you a Windows 8 user? You, too, can now enjoy Inspire Magazine on your Windows 8 computer or tablet.

Read More

Adobe Photoshop Photography Program Offer

February 3, 2014 | By

Back by popular demand, anyone can now take advantage of the Photoshop Photography Program (meaning that you don’t have to have a previous version of Adobe software to take advantage of it). This offer includes access to Photoshop CC and Lightroom 5, plus feature updates and upgrades as they are available; 20GB of cloud storage […]

Read More

Raymond Camden On Creating Brackets Extensions

February 3, 2014 | By

Raymond Camden has posted a great tutorial on how to get started with Creating Brackets Extensions.

Read More

Drag Select Multiple Layers in Photoshop

February 3, 2014 | By

In order to drag-select multiple layers, select the Move tool, enable (check) the Auto Select option in the Options bar and choose Layer from the pull-down list. Click and drag over content on a layer(s) with the Move tool (in the image area) to select the layers. This method works well if you have multiple […]

Read More