Author Archive: Piotr

rss feed

Author's Website

Stay up-to-date with Node.js packages using npm-onupdate service

October 29, 2013 | By

Some of you may know that I’ve been recently doing a lot of development using Node.js. One of my first creations that I’m really proud of (and one that is out there in the wild being used by my employer, Adobe) is the EventQs service. Of course when building EventQs I used several third-party packages […]

Read More

CSS3 vw & vh units, parallax video, ema cc => scroll2play

October 9, 2013 | By

Some time ago I stumbled on this very nice parallax site of the new Mercedes A-Class. I really liked the effect of playing video while scrolling the browser window. This has inspired me to create a simple and lightweight library that could do something similar. That is why I brought to life scroll2play - a JavaScript […]

Read More

Experimenting with MySQL connections and Node/Express

September 30, 2013 | By

Over the weekend I was experimenting with a setup of MySQL connections in the Node/Express web app that I’m working on. It led me to create this super simple middleware module express-myconnection that provides a consistent API for MySQL connections during the request/response life cycle. It supports three different strategies of managing db connections: single […]

Read More

CSS Regions in Adobe Edge Reflow

September 24, 2013 | By

I just found out about this new and really hot release of Edge Reflow CC. It offers a really cool new feature: CSS Regions support. I got so excited about it that five minutes later I recorded this quick and dirty overview that goes through how you can get started with it If you want […]

Read More

How To Change Language Of Your Creative Cloud Apps

August 2, 2013 | By

In this very short video tutorial you will learn how to change language of your Creative Cloud applications. This can be very useful especially when your CC apps get installed in your native language but you want to use for example an English version i…

Read More

Navigation Drawer Pattern With Topcoat CSS Library

July 30, 2013 | By

Recently I have been playing around with the Topcoat library. Essentially Topcoat is a set of pure CSS-based components for building high performance HTML applications. These apps can be either hosted HTML web apps or native apps packaged with PhoneGap/Cordova. In the app that I’m currently working on I wanted to have a slideable navigation […]

Read More

Video Series – Getting Started With Reflow

June 17, 2013 | By

As you probably know already, Adobe has just released a preview version of Edge Reflow CC. Just for this occasion, I recorded a series of five video tutorials that will guide you through your first steps with this awesome tool. You can watch the whole series in the embedded player below or you can view […]

Read More

Chrome Extension + Retina + captureVisibleTab + translate3d = 2 x res

May 14, 2013 | By

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, […]

Read More

Responsive Inspector (beta) released!

April 23, 2013 | By

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 […]

Read More

Edge Animate – DPS Integration

April 23, 2013 | By

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 […]

Read More

Creative Cloud: Designer – Customer Workflow

March 29, 2013 | By

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.

Read More

Webinar Recording: In-Depth Adobe Edge Animate

March 18, 2013 | By

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 […]

Read More

Edge Animate – Adding Sound Effects

January 29, 2013 | By

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.

Read More

Video Tutorial – Animating Over A Curved Path with Edge Animate

January 23, 2013 | By

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 [...]

Read More

Animating over a curved path with Edge Animate

January 18, 2013 | By

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 [...]

Read More

Winter sports with Edge Animate

January 9, 2013 | By

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…

Read More

Creating End Of The World Timer with Edge Animate

December 20, 2012 | By

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 [...]

Read More

PhoneGap and Force.com in 69 minutes

October 25, 2012 | By

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 [...]

Read More

Native scrolling in jQuery Mobile/PhoneGap applications

October 4, 2012 | By

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…

Read More

Embedding CordovaLib in your iOS/PhoneGap app project

October 1, 2012 | By

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…

Read More

PhoneGap Open Session transcript

August 28, 2012 | By

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 [...]

Read More