How is it that Tinypng.com compresses PNGs so much better than any other desktop based image compressor? Always thought ImageOptim was enough, but no. Always use TinyPNG.com as well.
SVG Exporting
Since SVGs don’t animate well in older browsers (Specifically zooming), I’ve avoided using them in banners for a while, opting instead for retina sized PNGs. But Im warming up to them. Most clients are caring less and less about IE9, and I’ve found a few really good tools.
The first is something with Photoshop CC that I only recently discovered. It allows you to export SVGs from text layers without having to do any extra steps (except for converting to shape layers). Just turn on File>Generate>Image Assets. Then rename each layer xxxx.svg, and without any extra steps, wherever you have saved the PSD, a new folder will appear with a file for any layer named with a .svg extension. Explained much better here: https://www.youtube.com/watch?time_continue=206&v=6TRz-gNdQFg
Also, I found a really good tool for compression SVGs. Give it a go here: https://jakearchibald.github.io/svgomg/
Adobe Animate
Edge is gone. Flash is back. Sort of. In IDE form. Same interface, and a decent export to HTML5. Still a massive javascript library download in the background though as with other WYSIWYG editors, and media companies never seem to know if that is allowed with the buy or not. DCM encourages it, but clients don’t like to take the chance. So until that’s sorted, it’s going to be a struggle to figure out on each project if it’s allowed or not.
In other words, it’s going to be hand coding unless some sort of nasty animation is required. Then it’s worth the fight to figure out if it can be used or not.
HTML5 Banners
The whole switch has not been as bad as I was expecting. Takes more work. Takes more time testing. Takes some more effort to get specs. And a few things here and there that I have to explain can’t be done within the file size we have (which really is the same as Flash banners, just different things that can’t be done). But overall, a banner is a banner. And Im a banner guy! Onwards!
Flash is dead. Coming from a Flash guy.
From a banner perspective, Flash was able to hang on for 5 years after officially being declared dead for the first time back in 2010.
And for 5 years, I kept having to explain to people that Flash Banners were here to stay until HTML5 could catch up, and ad agencies could justify the extra time, cost, and increased creative restrictions.
Well, with the Firefox security block, and Chrome’s supposed click-to-play banner ads that started in September (Which I have yet to actually see happen), agencies finally freaked out back in August, and switched everything over to HTML5.
It’s been a crazy few months. Especially finding media companies that truly understand what is going on and can provide accurate HTML5 specs. Considering they still had trouble with AS2 specs sometimes, I think it’s going to be a challenge for a while. But Flash really now is officially done. Coming from a Flash guy, that means a lot.
I will truly miss it. It was my career for 10 years.
It had it’s bumps – like the IDE’s tendency to like some fonts but not others, or crashing at the worst possible time. But overall, it was a joy to code with, and made things that HTML5 has difficulty doing in small files sizes, like guide layers and non-square masks, much easier.
Rest in peace my friend.
Banner Ad Dev Guide Ready
Been working on a Banner Ad Development Guide for Project Managers and Designers for a bit, and finally completed it this morning. It is not about design – It is banner development from the Developers perspective, but not for the Developer. Feel free to comment and share!
Mac OS Security hole using Versions (DocumentRevisions-V100)
You know that new feature of the Mac OS called Versions? Its the thing that automatically saves multiple version of whatever file you are working on in TextEdit, Pages, Numbers, and other Mac Apps so you can revert back at any time to any previous state of the file. It’s great for things like writing screenplays or shopping lists, when you might want to see what you previously did, or accidentally deleted something. But I’ve discovered that there is a possible security hole.
Whenever the operating system saves a version, it puts the data into an invisible database on your harddrive called DocumentRevisions-V100. This database is not encrypted. Which means that if you have ever made a text file that contains passwords or bank information on it, this database has a copy.
Now any smart person wouldn’t make such a text file without saving it onto an encrypted DNG file or something like that. However, even if on an encrypted disk image, Versions still makes copies of it into the unencrypted database. So even though it seems secure sitting on that disk image, you actually have unencrypted versions of it hanging around.
Now this is only technically a problem if you have FileVault turned off for your hard drive. If you have FileVault turned on, it’s not “really” an issue because your entire hard drive is encrypted.
But say you take your encrypted DNG file and stick it on a memory stick. Safe right? But then say you are at the library (that uses Macs) or at a friends place, and decide you need a password. You stick it in, temporarily decrypt the DNG file to get at your password file, and then close the file and eject the disk. Sounds reasonable. The file is still safely encrypted on your memory stick. But Versions has now created a copy of it on your friends computer in the database. Even if your friend has no intention of hacking you, there is still a copy of your password file sitting unencrypted out there.
People could be passing their secure documents around without knowing. Any thief who gets a hold of a computer could easily just browse the database looking for unintentional saves.
One should be able to turn Versions off on particular documents if they desire, and/or the database should be encrypted.
Hopefully Apple addresses this. If you agree, send them a suggestion, and warn your friends: https://www.apple.com/feedback/macosx.html
Half Pixels
A little tip. Anytime the Art Director says “The image looks fuzzy” and it’s set on lossless, or says “The text is jumping a bit” and it’s just a straight tween, or says “it’s not quite centred” and it looks fine in the IDE…. it’s probably because the MovieClip is sitting on a half pixel. Click all the way into the deepest portion of the MovieClip, check your info panel, and make sure your x and y values do not have a decimal. Then go back into the parent clip, and make sure it is also on a full pixel. Go all the way back to the stage, making sure each item along the way is on a full pixel. That should fix you up.
CS5.5 hangs when exporting to Quicktime (“Recording Flash Content”)
Recenly I had to export an FLA file to a Quicktime movie, and found that it just hung around saying “Recording Flash Content”. I though this was due to the high res FLV I had embedded in the timeline. But afte waiting an hour, I realized something was wrong. I restarted the computer, tried reducing the rez on the FLV, but nothing helped. I realized that it was because there was a stop() frame on the main timeline, and the Quicktime was se to stop when the last frame was reached. Thus the last frame was never reached, and Flash went into a loop. Removing the stop() frame fixed the issue immediately
FLV player goes full screen when the projector is full screen.
No idea why, but when I published a full screen projector file with a small video player on the stage, the video player suddenly jumped to full screen as well. _flvPlayer.fullScreenTakeOver = false didn’t work on it’s own. It needed to be added to each and every instance the FLV was added to the stage. Not a big bug but haven’t had a post in a while, so just wanted to share.