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 […]
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 […]
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.
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.
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 […]
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 […]
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 […]
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 […]
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.
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 […]
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…
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). [...]