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

Review: Bose QuietComfort 20i Acoustic Noise Cancelling Headphones

February 3, 2014 | By

Since I travel for a living I almost always travel with at least one pair of headphones. My favorites were the Bose QuietComfort 15 Acoustic Noise Cancelling Headphones. I’ve used Bose over-the-ear noise cancelling headphones for years now. The only problem I have sometimes is having so much stuff in my backpack that I  don’t […]

The post Review: Bose QuietComfort 20i Acoustic Noise Cancelling Headphones appeared first on Terry White’s Tech Blog.

Read More

Examples of the Marvel API

February 2, 2014 | By

A few days ago, the greatest API in the entire Internet was released – the Marvel API. Ok, maybe greatest is a strong word, but I love APIs, I love comics, and the combination of the two is nothing less than Galactus-level news. (And by…

Read More

Feb 2014 Edition Of Inspire Is Out

February 2, 2014 | By

New month, new edition of Inspire Magazine. The February 2014 edition features stories on Edge Animate, Edge Reflow, Flash Pro, Illustrator, Muse, Photoshop, Premiere Pro, and an article by Andy Trice on aerial videography.

Read More

Play And Learn With Project Nimbus

February 1, 2014 | By

Project Nimbus is a fun (and addictive) learning experience for Creative Cloud, and it’s now available for you to beta test and, well, play with.

Read More

Check out Proxxi

January 31, 2014 | By

Proxxi is a neat little social networking app built by my coworkers Greg Wilson and Christophe Coenraets. Instead of the traditional friend/acquaintance based network, Proxxi focuses on connecting you to people via location. So for exam…

Read More

Adding Additional Images to a Saved Book Project

January 31, 2014 | By

Once you have started creating and have saved a book project in Lightroom (by clicking the Create Saved Book button), I find it easiest to add additional images by returning to the Library module, Control -click (Mac) | Right Mouse -clicking (Win) on the Saved Book Project and selecting Set as Target Collection. Then, I […]

Read More

Modifying the PhoneGap Template in 3.3 (and higher)

January 31, 2014 | By

This is my third blog entry now on how to modify the default template when creating a new PhoneGap project. Previously you had to find where the default template was installed and modify it there – which also meant that when you updated…

Read More

Heard of the Creative Cloud Packager?

January 30, 2014 | By

The Creative Cloud Packager is a tool for CC Enterprise and CC Team customers that enables them to easily package Creative Cloud products and updates for deployment within their organizations.  It lets you select specific Creative Cloud products and/or updates and package them into .pkg or .msi installers (optionally with a serial number for Enterprise customers). [...]

Read More

Smart Quotes Strike Again

January 30, 2014 | By

Earlier today I helped a buddy of mine who was trying to get CORS working with ColdFusion. He followed my simple tip (Enable CORS for ColdFusion Services) but it didn’t work. I did some digging and this is what I found.

The first thing I di…

Read More

Adding & Controlling Audio in Edge Animate

January 30, 2014 | By

Learn how to bring a project to life with audio, using Illustrator, Audition and Edge Animate. See how to create and import audio, how to control it in the timeline as well as with JavaScript. View the project here. Download the source files here.

Read More