Last night I did a deep dive webinar on Edge Animate at Adobe TechLive (you will be able to watch it here soon). During the session I covered how you can animate HTML elements over a curved motion path. I haven’t found a really good explanation of this topic in other places so I thought I would record my approach to it and share it with others!
The Create The Web online event is part of new initiative from the Adobe Evangelism team called Adobe Tech Live. The event is a replay of a world wide tour that was held by Adobe at the end of 2012. So if you missed it nearby, please join us on January 15:
- 1:00PM – 1:30PM EST: Web Standards and the Future of CSS by Alan Greenblatt
- 1:30PM – 2:00PM EST: HTML Animation with Edge Animate by Piotr Walczyszyn
- 2:00PM – 2:30PM EST: Responsive Design with Edge Reflow and Edge Inspect by Holly Schinsky
- 2:30PM – 3:30PM EST: Mobile and Web Application Development with PhoneGap Build and Edge Code by Ray Camden
- 3:30PM – 4:00PM EST: Q&A by Everyone
Attend today’s Create The Web online sessions and learn how to create your own end of the world timer with Adobe Edge Animate. There is not much time left. The Edge Animate webinar starts at 19:30 CET and the end of the world is tomorrow at 10:11 CET 😉
By the way, today’s online event is the first one under the umbrella of our new initiative called Adobe TechLive. In the future, our Evangelism team is planning to use this new channel to host online webinars like this one, in-depth online workshops, interactive chats with Adobe Product Managers and I guess potentially anyone that would like to share valuable content around the web technologies.
UPDATE (2012-12-21): I guess end of the world didn’t happen so in this case it really makes sense to learn Edge Animate, you can watch my session at the 31:45 minute mark here.
As you may already know PhoneGap/Cordova 2.x has changed how the framework is referenced in iOS projects. This new approach gives more flexibility and ease of installation but at the same time it has some quirks especially when working in Xcode on multiple projects at the same time. This may actually change in the future releases as you may see there is an active discussion about it on the callback-dev mailing list.
In the meantime I wanted to share how you can quickly change a reference to CordovaLib directly from Xcode. The approach I prefer is to embed CordovaLib under my project directory. This way I can push it to my repository and version control it with my project files.
As you may already know PhoneGap 2.0 was released last Friday. This is a major release that brings some new features and lots of changes around the way you create and setup your development environment. For example to create a new iOS/PhoneGap project you don’t use a wizard from Xcode anymore; now you need to launch a bash script from command line. Below you will find two short video tutorials that demonstrate how to get started for both Android and iOS platforms. Also after the videos you can find some additional steps that I had to go through in order to get everything running properly. I know these steps may not be necessary for all. I’ve tested it also on my colleague’s less polluted Mac and everything worked out of the box 😉
Recently I have been working on a mobile app that uses jQuery Mobile 1.1.0 as a UI framework. In general I’ve had really good experience with jQuery Mobile except it gave me some headaches when it came to page transitions. Some really weird flickers and jumps started to popup when I deployed it on the iOS 5.x platform as a PhoneGap app. This was something I didn’t experience when the same code was running in a device browser. After a few hours of digging into the issue I came up with a workaround that I didn’t find anywhere else and that solved all my problems I actually have seen all kinds of fixes to similar issues but I think this one is least invasive, because it doesn’t involve any framework code tweaks.
Below you can find a short video tutorial on how to quickly get up and running with the PhoneGap Build service. PhoneGap Build allows you to compile and package your PhoneGap/Cordova apps for different platforms using an online service. This is especially useful when you are doing iOS development and you don’t have access to a Mac machine and Xcode. The same thing also applies if you would want to publish your app to Windows Phone devices and you are not a PC gal or guy 😉