Chrome Extension + Retina + captureVisibleTab + translate3d = 2 x res
As you may know, recently I’ve been dealing with Chrome Extensions and their APIs quite a bit. This is because I’ve been working on my Responsive Inspector tool. (If you haven’t seen it yet and you are into Responsive Web Designs I recommend you check it out!) Overall I had a great experience with the Chrome Extensions API, [...]
Responsive Inspector (beta) released!
I’m really proud to announce a beta release of Responsive Inspector extension for the Google Chrome browser. It’s a little side project that I’ve been working on together with Filip Łysyszyn - a colleague from Adobe and a great UI/UX designer. In a nutshell, Responsive Inspector allows viewing defined media queries of visited websites. It is very useful [...]
Edge Animate – DPS Integration
In this new episode of the Piotr On The Edge video series I demonstrate how you can integrate HTML5 animations built using Adobe Edge Animate with DPS-based (Digital Publishing Suite) magazines. The following topics are covered: A quick intro to Edge Animate Adding DPS navigable links in Animate – using navto:// technique Publishing animations for DPS [...]
Creative Cloud: Designer – Customer Workflow
In this new episode of the Piotr On The Edge video series I cover how a typical workflow between designer and customer may look like using Adobe Creative Cloud sharing feature.
Webinar Recording: In-Depth Adobe Edge Animate
Last week I did an in-depth webinar on Edge Animate. If you are looking for a good getting started resource I believe this can be the one During this session I covered the following topics: • Setting up a new project • Importing existing HTML content • Walking through the main panels and tools of [...]
Edge Animate – Adding Sound Effects
In this new episode of the Piotr On The Edge video series I cover how you can add sound effects to your Edge Animate animations. In order to do that, I use Buzz which is a simple but powerful JavaScript Audio library.
Video Tutorial – Animating Over A Curved Path with Edge Animate
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 [...]
Animating over a curved path with Edge Animate
Ever wondered how to animate over a curved path with Edge Animate? If so you can learn about it next week during my “Creating HTML animations with Edge Animate” session at Adobe the TechLive webinar. You can check the agenda and add it to your calendar here. And here is a sample of how it [...]
Winter sports with Edge Animate
Winter sports season has begun for good (at least in my region ) and I thought it would be nice to see how Edge Animate can help us express our hobbies. So what you see below was entirely built with HTML5/JavaScript using Animate and Illustrator If you…
Creating End Of The World Timer with Edge Animate
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 [...]
PhoneGap and Force.com in 69 minutes
I’m proud to present a series of seven video tutorials that teach how to build PhoneGap applications connected to Force.com (Salesforce). It is over an hour of content that goes step-by-step from project set up to packaging of applications ready for multiple platforms. Before you start watching the tutorials you may also want to check [...]
Native scrolling in jQuery Mobile/PhoneGap applications
In one of my previous blog posts I covered how to fix flickers and jumps during page transitions when using jQuery Mobile with PhoneGap. The good news is that flickers were eliminated with latest release of PhoneGap 2.1 and its departure from using IFr…
Embedding CordovaLib in your iOS/PhoneGap app project
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 mult…
PhoneGap Open Session transcript
Today, Andy Trice, Ray Camden, and I did an online Q&A session around PhoneGap. You can find a transcript of this event here: Answered Questions (78) ————————– 1. Steven Benjamin: How can I configure a splash screen, I am using PG 2.0.0 for Android.? * Piotr Walczyszyn: You do it in Java code, here is [...]
PhoneGap 2.0 – Getting Started
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 [...]
Fixing flickers & jumps of jQuery Mobile transitions in PhoneGap apps
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 flick…
HTML5 for App Developers: PhoneGap Build
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 especia…
JavaScript Prototypal inheritance for class’ical developers
Developers who are learning JavaScript and have prior experience with strongly typed classical languages like Java, C#, or C++ often have trouble using the JavaScript inheritance model. Some even think that JavaScript doesn’t support inheritance at l…
Intro to BackStack a Backbone.js views navigation library
Recently I’ve been working on several projects using PhoneGap/Cordova. These projects had a common requirement, and that was to have a custom UI look while preserving the interactions and feel that are common to mobile devices. Because of the cus…
Welcome to the outof.me
I would like to welcome everyone on my new blog at outof.me. Some of you may know me from my old site, riaspace.com. I decided to move to this new address because I felt that having a buzzword in my domain name wasn’t really the greatest idea. T…
