Archive for September, 2012

Learn to use Edge Code, Edge Inspect and PhoneGap Build

At yesterday’s Create the Web event, Adobe announced a number of new products that are already available for you to use. I have covered a full summary of the keynote on my personal blog if you’re interested. Of course, if you are excited about the announcements, you may want to know a little bit more about the products and how to use them. The good news is that we’ve posted a some new (and one updated) tutorials on the ADC covering several of the key products announced.

Edge Code
Edge Code is a new Brackets distribution that is geared towards integration with other Edge tools and services. Currently it integrates with Edge Web Fonts and PhoneGap Build and will integrate with more services over time.  A free preview release of Edge Code is available today. You can get the details on using Edge Code and the new features in my article for the Adobe Developer Connection, “HTML, CSS, and JavaScript Code Editing with Edge Code.”

Edge Inspect
Edge Inspect, formerly called Shadow, helps solve the difficulty of testing and debugging mobile web sites across the ever growing list of devices and screens. It has features like remote debugging using Weinre and collecting screenshots on all devices at once. Edge Inspect is now available via subscription, including a free version. You can learn more about how to use Edge Inspect in my article on the Adobe Developer Connection, “Browser testing across devices with Adobe Edge Inspect.”

PhoneGap Build
The official release of PhoneGap Build was announced yesterday. PhoneGap Build is a service that creates the multiple distributions for a wide array of device operating systems in the cloud. If you want to learn more about PhoneGap Build and the new features, including Hydration, which automatically updates you app when a new build is posted, check out Ray Camden’s article on the Adobe Developer Connection, “PhoneGap Build Levels Up.”

Creating Native-like PhoneGap Apps

A few months ago I was lucky enough to attend PhoneGap Day in Portland. I saw a lot of great presentations, but a presentation by Greg Avola, creator of Untappd, really stood out. He was discussing some difficult lessons he learned while creating his popular app for a variety of platforms using PhoneGap. While he praised PhoneGap for making it easy to develop for multiple platforms using HTML, CSS and JavaScript, he also encountered a number of places where gaining the user experience and performance he wanted required some tweaks. These were hard-won lessons and Greg’s goal was to help other developers avoid some of the difficulties he faced.

While Greg’s presentation was great, I really felt that it was important enough to deserve a wider audience than just those able to attend PhoneGap Day. Thankfully, Greg agreed to turn his presentation into an article for the Adobe Developer Connection. Yesterday, we published Greg’s article “Creating apps with PhoneGap: Lessons learned” and if you are already doing PhoneGap development or are interested in it, I’d call it a “must read.” As always, feel free to share your feedback.

An in-depth look at CSS3 Transitions

If you are a web designer or front-end developer using HTML and CSS, it’s likely you have heard of Louis Lazaris. Even if you don’t recognize the name, you have probably at some point referenced one of the many posts on his blog, Impressive Webs, or other well-known publications. So, I am very happy that the ADC has published a contribution by Louis covering the topic of CSS3 transitions titled “Using CSS3 transitions: A comprehensive guide.” As the title indicates, this is a great tutorial and reference for creating and triggering animations using various CSS transitions. Louis covers the syntax for building transitions via your stylesheets, then discusses various ways for triggering transitions, offers some useful tips and techniques and discusses the current state of browser support. If you are new to using transitions, this is a great “how to” and if you have already used transitions, I think it still makes a perfect reference.

So, please, check out Louis’ article and, as always, feel free to share your feedback.