Whether you call yourself a user experience consultant, web developer, or content strategist; whether you design customer flows, buttons, or brands; no matter what title you hold as a full- or part-time web professional, your work shapes our future and ought to command the world’s respect. But we won’t win that respect without understanding, and we can’t hope for understanding without data and the knowledge it reluctantly yields to the patient hand and steady eye.
Twitterative – shrink ur tweets!
If you’re a Twitter user you’ve probably faced the common scenario where you’re trying to write something but can’t quite fit it into the limit of 140 characters of a single tweet. As such you’ve probably resorted to reducing words down into shortened forms like text messaging or IM speak. There’s a big difference of opinion when it comes to use of text speak in general – people either love it or hate it – but on Twitter it’s very hard to avoid having to write using it or trying to translate what someone else has written!
Out of this common scenario came the idea for a little Twitter web app project I started a few months ago. Twitterative‘s purpose initially was to reduce tweets down by translating ordinary english language words into text speak (or should I say ‘txt spk’), but just recently I launched a new version (technically v1.1) of Twitterative which now attempts to enlarge tweets written in txt spk back in to a more understandable form. 1.1 also refines the user interface a bit and adding a few subtle effects hiding / showing the Post to Twitter button where appropriate. You can see a comparison of the old and new interfaces over at my Twitterative Flickr set.
Technical overview
In case anyone’s interested here’s a basic technical overview of how Twitterative works. The jQuery javascript framework is used throughout, a JSON text file containing word pairings of short and long forms such as ‘your / ur’ is loaded via an AJAX request when the site is first loaded.
These pairings are then pushed into a couple of arrays either of which are then compared to the text being pasted or typed into the text field on the left, depending on whether you are in Shrink or Enlarge mode. Each keystroke triggers the comparison so conversion is done in realtime in the browser as you type with no calls to the server or waiting around.
In Shrink mode once you have a tweet that you’re happy with you can click the ‘Post to Twitter’ button which will open the Twitter website in a new browser window where you can post the tweet directly from the web interface. I’ve used this method so far as there’s no requirement to use the Twitter API and no cause for concern with the user about having to enter their Twitter credentials to post. Just quick and easy tweeting!
I’m reasonably happy with how it’s working so far although there are a few issues with enlarging text speak back to ordinary language due to some of the characters used clashing with the syntax of the regular expressions used.
Future features / improvements?
There’s definitely room for improvement with the conversion process, I’m happy for people to tweet me feedback, just go to Twitterative and use the ‘Tweet me feedback’ link at the bottom of the page.
Asides from bug fixes and tweaking current features I’m also planning to add support for shrinking and enlarging URLs which will obviously help reduce the size of tweets containing URLs – at the moment it does nothing with them so it’s hot on my list of additional features. I also want to add direct linking into your Twitter account to provide two features: Direct posting to your Twitter stream and also to be able to move through the lists of tweets from people you follow and automatically enlarge them from text speak to ordinary text. The authorisation will be done using Twitter’s OAuth API so it will be safely done without ever having to give your login details to Twitterative.
That’s basically it for the future plans! I hope you find Twitterative fun to play around with, let me know either via comments on this blog or better still Tweet me the feedback!
VoltaicHD 2.0: Edit, Convert, Upload AVCHD / AVCHD Lite video
Native AVCHD / AVCHD Lite editing
Version 2 of VoltaicHD increases the scope of the app from simply being a tool to convert AVCHD format video footage to now include basic native editing of AVCHD footage. You can now preview AVCHD / AVCHD Lite video clips within the application and then set simple in and out points to define a section of raw AVCHD / AVCHD Lite video clips which can then be trimmed down and converted.
The interface is reminiscent of the new Quicktime X player that comes with the Mac OSX 10.6 Snow Leopard. It’s very easy to set the position of the start and end as the position in seconds within the movie is shown in a little tooltip when sliding them around. My own criticism with it is the same that I have with the new Quicktime X player in that you can’t use the mouse to fine-tune the position of these points. That’s a little thing that I miss from the old Quicktime Pro player’s editing capabilities.
Overall though the ability to trim down clips before conversion is a massive timesaver, instead of having to convert a whole chunk of AVCHD footage you can just roughly trim down to the section you want and then convert only the bit you want. Definitely a great and helpful improvement!
Upload to YouTube, output to iPhone / iPod and AppleTV.
Along with the new preview / edit capability there is also the ability to convert and upload trimmed clips to YouTube directly from VoltaicHD 2.0. There are also preset output options for iPhone / iPod and AppleTV.
One of the things you’ll notice when you run VoltaicHD 2 compared to the previous version is the new drop-down menu options at the top of the window. From this menu you can select the specific option that you want, then combine that with a little bit of previewing and trimming in the clip details panel and you’re ready to go.
Both of these options make it really easy to get footage off your camera and online or onto your devices, take it with you or watch it on TV. Shedworx make another application called RevolverHD which enables you to create AVCHD DVDs that will work on most blu-ray players, however I find the ease of exporting video that’s ready to go onto my iPhone really convenient. As blu-ray players become more commonplace then I think I’ll use RevolverHD much more as a perfect way to send HD footage to my extended family.
Worth the upgrade cost for existing users?
It’s most definitely an upgrade I’d recommend for any VoltaicHD user, it’s worth noting that this is the first paid upgrade to Voltaic since it was released in July 2007. Don’t forget that VoltaicHD is available for both Mac OSX and Windows operating systems too.
If you’re an existing VoltaicHD user then you can upgrade to version 2 for only $9.99, or if you happen to have bought the previous version since July 2009 then you’re eligible for a free upgrade to VoltaicHD 2.0. First-time customers can buy VoltaicHD 2.0 for $39.99 which is still a great deal for a great bit of software!
Why Flash CS5’s export to iPhone App is better than native Flash support
There’s been a lot of commentary on blogs that seem to think that Adobe have added this feature because they think that they may never get Flash as a plugin on the iPhone, indeed that this is some kind of ‘backdoor’ route for Flash on the iPhone. However, I disagree, I just don’t think that there’s any reasoning like that at all.
While it is great that Flash developers will have a way to get content onto the iPhone now I think that the ability to create iPhone apps is a much better opportunity for them than having native Flash on the iPhone.
Why? One simple reason: Money. A lot of people are willing to pay money for an iPhone app, but people are far less willing to part with money for Flash games that run in the browser. It simply presents a much better business opportunity for Flash developers.
Adobe Flash to add DRM in the player via Flash Access 2.0
In addition to the streaming option Flash is now used to provide a cross-platform downloadable iPlayer service via Adobe AIR’s protected runtime, so it’s all come a long way really. Of course no-one really likes DRM but at least it does provide a way to make all of this content available (geographic restrictions aside) without any major restrictions – apart from not being able to download directly onto the iPhone / iPod touch I suppose!
Adobe Flash Access 2.0
Adobe has just announced a new version of a software developer kit called Flash Access 2.0 (previously known by the snappily named ‘Adobe Flash Media Rights Management Server’). One of the main features is that it will enable protection of files that can be played directly within the Flash player instead of requiring it to be wrapped within the Adobe AIR runtime. This will offer a lot more flexibility in that files can be played directly within the browser. The technology supports MPEG4 H.264 content as well as FLV files so the quality of video provided via this technology has the potential to be very good.
Example of Flash Access 2.0 workflow.
I’m not sure if this has any real impact for services like BBC’s iPlayer as they already have a downloadable option via the AIR based iPlayer. It’s an interesting situation with distribution of digital video content really, DRM was a complete failure when it came to audio but there’s no sense that content creators are about to take the same approach as the music industry. Of course the big missing piece to the digital media distribution puzzle is that none of this Flash based content can be used or distributed to Apple’s iPhone and iPod touch platform.
Time for Fairplay DRM to be broadly licenced?
I’m not holding my breath waiting to see Apple add Flash support to their devices and I understand that in many ways. However, the main benefit I’d see personally for support for Flash video on the iPhone is to be able to access more of the streaming video content that is out there as most of it is Flash based, and only the likes of Youtube have the means to offer content in multiple formats. Asides from accessing Flash format streaming video I’m not bothered about accessing any other kind of Flash content on my iPhone (I think the Javascript / HTML / CSS3 / WebKit stack is much more suited, that’s maybe something for another blog post).
Although there’s some sense in supporting Flash video on the iPhone I think what could be a solution is for Apple to make their Fairplay DRM licencing available for others to use on their own websites, media stores etc. If we’re not likely to see media become completely DRM free then what is at least needed is any easy, cross-platform, cross-device method to distribute digital video content to whatever device is desired. At the moment the whole digital video distribution system is full of restrictions, dead-ends and political manoeuvrings by big media companies.
I wonder if it’s going to take greater consumer unrest to finally force the various companies to work together for the greater good, to simply be able to play video content that you’ve paid for on any device you want? Especially if that device is an iPhone or iPod touch? At the moment it’s just “a bag of hurt“.
P.S. Don’t anyone suggest Microsoft’s Silverlight as a solution, we don’t need yet another format for video distribution!
iTunes 9 and other wonders…
iPod shuffles – shiny rainbows
Now in multiple colours as well as a special edition stainless steel model. There were rumours that this tiny little iPod was going to be ditched but that didn’t happen. They also announced a new 2GB model along with shuffle-compatible third party headphones and controller peripherals. I’m not sure how much smaller you could make an iPod shuffle really. (iPod shuffle ?)
iPod nano – complete with camera
At first I didn’t think an iPod nano with a camera was that big a deal but after watching one of the video clips demoing the video features I found myself wanting one to carry around so that I could film things again. I’ve missed being able to film stuff since getting my iPhone 3G, however, there’s no way I’m buying yet another iPod so I’ll just have to look into getting an iPhone 3GS at christmas time instead! The nano’s video format is 640×480 pixel h.264 video and looks to be pretty good quality, it almost makes me wish Apple would just make a dedicated camera but I don’t think that will happen. (iPod nano ?)
iPod classic – memory bump
There’s nothing that different in store for the iPod classic, just a simple storage bump from 120GB to 160GB instead. I still like the classic iPod and the scroll wheel, it’s a great interface for accessing files. The iPhone / iPod touch’s touch screen is great but the scroll wheel is still very efficient I think. I wonder though how much time is left for these iPods? Probably still a fair bit, but once flash memory gets into at least 128GB sizes I think the iPod classic will be assigned to the history books. (iPod classic ?)
iPod touch – 64GB model and price drop
There was no rumoured iPod touch-with-camera announced, just a price drop on the existing model as well as a 64GB model announced. I think a new version with a camera is in the works, it just doesn’t make sense for the nano to have it and not the touch. Also the lineup is now 8GB, 32GB and 64GB, I’d expect to see it become 16GB, 32GB and 64GB when the new model is announced. That’s just my speculation though. Update: This press release from Apple about the new iPod touch updates paints a slightly different picture though, it indicates that the 32GB and 64GB iPod touches have the same internals as the iPhone 3GS, “The 32GB and 64GB models also include up to 50 percent faster performance and support for even better graphics with Open GL ES 2.0“. Interesting. (iPod touch ?)
iTunes 9
An expected announcement and one that took up the majority of the media event. iTunes 9 introduced a revamped interface (with it’s usual introduction of unusual / new interface aesthetics!) and a few other new features. One thing that’s disappeared though is the shopping cart feature, now you have to either add it to the also newly added Wish List feature or you have to use 1-Click purchasing! That’s a little bit scary.
There’s now also the option to share items on the store to either Facebook or Twitter, I was hoping for more integration with social networks, particularly last.fm but alas it’s not to be. One other thing I noticed is that iTunes now finally behaves like all other good Mac apps and will actually maximise when you click the maximise button! Previously this would toggle iTunes into it’s Mini Player mode, I’m really glad they’ve changed this.
Here’s a rundown of some of the new features of iTunes 9:
- iTunes LP – Intended to introduce the digital equivalent of album covers complete with liner notes, lyric, videos etc. This is something that is long overdue, I look forward to checking out some of these. Another question though is how are these made? I’m pretty sure they won’t involve Flash but I’ll be keen to find out how they’re produced.
- Home sharing – This basically allows you to easily share tracks between up-to five machines that you can authorise to play back songs. This seems really handy for households with more than one computer, drag and drop songs between shared libraries.
- Redesigned iTunes Store – Improved navigation is one of the main tweaks, it now seems more like a web page with consistent navigation along the top of the window. You can also set an option in the preferences to use the full window when browsing the store, this basically gets rid of the list of options on the left hand side. It’s quite handy to get a bit more space when browsing the store.
- iTunes Extras – Another long overdue feature! I’m not that impressed with the iTunes store’s video offerings, many movies are not available to rent until long after many other rental stores have had them. So these movies are only available to purchase, what’s more they’re a bit expensive too compared to picking them up in DVD format from somewhere like play.com or even at your local Tesco supermarket. Ok, rant over. iTunes Extras basically adds a bit more value by including the special features that you’d get on your regular (and cheaper!) DVD purchase. I’m a tiny little bit more likely to buy one now (I still probably won’t though).
- Genius mixes – An interesting new feature, it finds songs that go well together and automatically makes mixes out of them. One thing to point out though is at first I couldn’t see where this feature was, you need to choose ‘Update Genius’ from the Store menu in iTunes in order to update and activate the feature.
- Improved syncing – Undoubtedly one of the most sought after features by anyone who owns an iPhone or iPod touch and has a lot of applications on it, you can now organise the layout of all of your apps inside iTunes itself. It’s not quite how I’d proposed it but close ;)
iPhone OS 3.1
iPhone OS 3.1 for iPhone (and 3.1.1 for iPod touch) were announced too. It introduces a few new features that tie in with iTunes 9’s new features, nothing massively new but then again it is a point update. Amongst the various features shown on the iPhone OS software update page a couple of little tweaks caught my eye:
- Remotely lock iPhone with a passcode via MobileMe
- Warn when visiting fraudulent websites in Safari (anti-phishing)
Being able to lock an iPhone remotely enhances the already brilliant MobileMe feature of locating your iPhone via GPS and also remotely wiping a lost iPhone. Anti-phishing support in Mobile Safari is a great feature too, something all browsers need these days.
Anyway, enough writing about it all, I’m going to go and re-organise my iPhone apps :)
Shedworx’ VoltaicHD app to add native preview / edit features
This lack of native support has encouraged the Shedworx guys to bring some simple trimming and editing features into version 2 of VoltaicHD which will hopefully be out in October. This will be a really handy feature as it will allow some very quick editing of files without the need for conversion. It will be especially useful if you just want to grab a small section of a clip and convert that for editing in iMovie or Final Cut instead of having to convert the entire clip.
So far they’ve got basic trimming features working and have published a demo movie showing how it works, all in all it’s looking to make VoltaicHD an even handier application!
Update – VoltaicHD 2 released in October 2009
Shedworx have released version 2 of VoltaicHD adding new features such as preview of AVCHD / AVCHD Lite clips, native editing of AVCHD video and the ability to upload video to YouTube. I’ve written a post with an overview of VoltaicHD 2.
Post-install notes of Mac OSX 10.6 Snow Leopard
I use the default install of Apache & PHP and install MySQL from the installer from MySQL.com, I guess I should custom build and install these but it’s easy enough to work with the defaults anyway.
PHP under Snow Leopard
PHP under Mac OSX 10.6 Snow Leopard is version 5.3.0 and thankfully has the GD libraries enabled by default. Especially good for WordPress installs so that it can do image resizing for thumbnails etc.
I noticed I was getting an error relating to timezones on many of my sites, along the lines of:
Warning: strtotime() [function.strtotime]: It is not safe to rely on the system’s timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function.
The solution I used to this was just to restore the previous php.ini file, this showed in the /etc directory as ‘php.ini.default-5.2-previous’. Just rename it to ‘php.ini’ (replacing any existing php.ini file if it exists, it didn’t for me). You’ll then want to edit php.ini and look for the ‘date.timezone’ setting and put in your timezone info (PHP.net timezone page) and then restart Apache. Hopefully it should be fine after that.
I also started getting a lot of warnings on some of my development sites along the lines of:
PHP Deprecated: Assigning the return value of new by reference is deprecated in…
These are warnings about old deprecated PHP4 era code, recent versions of PHP5 enable these warnings, but you can switch these off by adding an additional error reporting element to your php.ini file in the error handling section:
error_reporting = E_ALL & ~E_DEPRECATED & ~E_NOTICE
Just add the E_DEPRECATED part and then restart Apache and the warnings should be gone.
Apache
The version of Apache is 2.2.11, the latest available from Apache.org is 2.2.13 so it’s fairly up to date. If you think this is an issue then check out the release notes for 2.2.13.
MySQL
MySQL isn’t installed by default in Snow Leopard so you need to install it yourself. I simply downloaded the latest 64 bit Intel version from MySQL.com, they only show version for Mac OS 10.5 at the moment but it worked fine for me. The installer provides a startup item to make MySQL run at boot time and also a System Preference to control it, it’s worth noting that this is only 32 bit so it will make System Preferences restart itself into 32 bit mode, not a big deal though.
Booting 64 bit
There’s been a fair bit of discussion about Snow Leopard and it being 64 bit. By default Snow Leopard boots into 32 bit mode, however this doesn’t make that big a difference as 64 bit apps will run in 64 bit and access all the memory available on your system. One thing to note though is that the original unibody MacBook (which I have!) can’t startup in 64 bit mode, I’m not sure if that’s a big deal or not though really.
If you want to get into a really in depth examination of Snow Leopard’s 64 bit capabilities then check out John Siracusa of Ars Technica’s comprehensive review, beware though, it’s a lengthy read but it’s a great overview of the new technologies that are under the surface in Mac OSX 10.6.
Flash plugin out of date
The Flash plugin needs updated as the version that comes in Snow Leopard is an old version (10.0.23.1) which has some security vulnerabilities, just go to http://www.adobe.com/go/getflashplayer and download the latest version. There’s been quite a bit of coverage of this online, the gist of it is summed up in this post over on Daring Fireball. Basically the most up to date version of the Flash plugin was probably released after Snow Leopard’s final release version’s features were frozen, so basically Snow Leopard overwrites the newer version with an older version upon install.
It’s easily fixed by downloading the latest version, although I don’t know why Adobe don’t make the autoupdate feature of the Flash plugin a bit more aggressive. I can’t think of the last time I saw any prompts to update it, you can actually adjust the autoupdate settings via the Flash Player Settings Manager page on the Adobe website (which you probably never knew existed!).
Quick Look from Print progress dialog
I’m not totally sure this is a new feature to Snow Leopard, I may just have never noticed it before! If you hit space or double-click on a print job in the print progress you get a Quick Look preview of your document, even if it’s not new it’s quite a handy feature!
That’s my thoughts / experiences so far, I’ll add more to it as I come across things of interest. Anybody noticed any other new features / issues? Drop a comment if you want and I’ll maybe add it to the notes.
~~~~~
Outlook comes to Mac, will it make Microsoft ‘Fix Outlook’?
The current email client in Mac Office, Entourage, is a poor citizen of OSX 10.5 due to its single database that is not very compatible with OSX 10.5’s Time Machine back up function. So Entourage was at least due for an update, however, bringing Outlook to Mac at least makes things a bit more consistent between Windows and Mac Office suites. I dare say a number of Windows to Mac switchers will be quite happy to see the addition of Outlook.
Will Outlook for Mac’s HTML email support suck like it does on Windows?
With the announcement I think many web designer / developers might likely have the above question in mind! If you’re not in the habit of creating HTML format emails then you may not understand what the problem is, basically since the release of Office 2007 for Windows the rendering of HTML emails in Outlook took a turn for the worse. Outlook 2007 uses Word’s HTML rendering engine to display HTML emails, effectively taking several steps backward in regards to rendering support in modern email clients.
Due to the poor HTML support in Outlook on Windows, developing HTML email newsletters requires using HTML formatting that hasn’t seen the light of day since the heady days of the late 90’s, table based markup, very little support for CSS markup. If you want to read more about this then head over to the Email Standards Project for lots of good information, and in particular this post: “Microsoft to ignore web standards in Outlook 2010 – enough is enough”.
The Mac Office team have indicated they will make Outlook for Mac from the ground up as a true Mac application:
Outlook for Mac is being built from the ground up as a Mac OS X application using Cocoa. It will have a new database that delivers a reliable, high performance, and integrated experience with Mac OS X. Users will be able to back-up with Time Machine and search email, calendar and contacts with Spotlight.
So I’m reading from this that as it’s using Apple’s Cocoa frameworks that it will make use of the WebKit rendering that Cocoa provides to render HTML emails. As such it should have excellent HTML rendering capabilities, which incidentally the current Entourage application already has. So Mac users should have a good experience regardless of whether they use Apple’s Mail or Outlook email clients.
However, there’s a potential problem. The Windows Outlook team have so far stubbornly denied any need to fix the problem with HTML rendering in Outlook on Windows and indeed seem intent to release Outlook 2010 with the exact same rendering support. As the Outlook team seem to think that the Word HTML rendering engine is appropriate, will they mandate that Mac Outlook should render emails exactly the same way that the Outlook for Windows does? Will they make Word the rendering engine for HTML emails in Outlook for Mac?
If they don’t then basically they’ll have a potential lack of interoperability between Outlook on the different platforms, Outlook for Mac will offer good support for HTML email (as it already does with Entourage), and Outlook for Windows will suck. I’m not sure that Microsoft will be happy with that seeing as Office is one of their flagship products and will want to make the experience the same. The question is, if that is the case then which side will yield?
Email Standards are Web Standards
Regardless of your opinion on HTML emails* it’s a big issue, whether you like or dislike HTML format emails the reality is that they’re here to stay, support for web standards and good layout practices should be encouraged, regardless of whether that HTML is rendered in an email client or a web browser. The recent Fix Outlook campaign hopefully sent a strong message to Microsoft about how the development community feel about it. Let’s hope Outlook for Mac doesn’t come with the same support as it’s Windows counterpart and that the discrepancy between their rendering engines forces Microsoft to step up and make Outlook 2010 for Windows include improved support instead of dumbing down Outlook for Mac!
Update:
There’s a new site launched by a couple of employees from Microsoft, “Make Office Better”, it introduces it’s purpose stating:
Hi! We’re two Microsoft employees looking to collect customer ideas on how to improve Microsoft Office. If you’ve got a new feature idea or an idea on how to improve Microsoft Office, please share it here…and vote on other ideas you agree with. Through the magic of crowd-sourcing the best ideas should rise to the top.
What’s great about the ‘magic of crowd-sourcing’ in this case is that the number 1 Office issue that people want to see fixed is “Improve the HTML support in Outlook“. Well, they asked for feedback!
~
* And don’t say “HTML emails suck, everyone should just use plain text emails”, HTML emails will stop being used around the same time that everyone adopts XHTML 2. If you don’t like them then you can always use a mail client that can force the display in plain text!
How to fix flashing background images in Internet Explorer 6
If you’re a web developer then you have probably set IE6’s Internet Options to check for newer version of stored pages every time you visit it in order to see all the incremental changes you make during testing / debugging. If that’s the case then you’re very likely to encounter the IE 6 flashing background problem. A typical situation would be using jQuery hover code on an element with a background image specified in the CSS. In this situation you may find that each time you hover over an element the image is reloaded resulting in a flashing effect in IE6.
One solution to this problem is to change the default of ‘automatically’, however, you have no way of knowing if the end users of your site will have the same settings so it’s possible they experience the same issue.
Upon hitting this issue recently I endeavoured to find a solution rather than adapting my HTML / CSS to fix it as I have done in the past. I also knew that IE6 users would be reasonably common for my client ‘s potential website user base so it needed fixed one way or the other. A bit of googling came up with an article entitled “Dear IE6: Please Cache my Images.“, the article’s solution was a bit of jQuery code that makes use of a specific IE javascript command to force background images to stay cached regardless of settings used in Internet Options:
if(jQuery.browser.msie && parseInt(jQuery.browser.version, 10) == 6) { try { document.execCommand("BackgroundImageCache", false, true); } catch(err) {} }
Add this code to your page and it will fix the flashing image issue with hovers in IE6! Quite a simple solution to an annoying problem that has previously caused me to change my HTML code to fix, I’m glad that I decided to Google a solution this time!
One other thing to keep in mind that is pointed out in the aforementioned article is that this script will enable the caching in IE6 until you quit the browser and restart it so it will affect all sites that you visit in IE6.