HTML5 based emulator to test the lenticular effect on iOS4+

Posted on April 5, 2012 by Samir

As my last demo of the lenticular effect is based on iOS4+ accelerometer based APIs, to test it while development on my PC, I created this basic emulator that will reduce my effort in testing the lenticular effect based experiments

This emulator uses HTML5, CSS3, Jav Script .

Make Sure you select HD 720 p quality while watching the Youtube video !

Holographic Bump 3D (Lenticular ) Sticker Effect on iPhone !

Posted on April 2, 2012 by Samir

Bump 3D holographic sticker effect on iphone…tilt iphone horizontally or vertically to see different images … this demo shows 3 different images packed into one virtual bump 3d sticker on iphone.

Created with HTML5, CSS3, Jav Script and iOS4 specific APIs. works on ioS 4+

Quick and Dirty Guides for Designers and Developers : Adobe Edge Preview 3

Posted on December 16, 2011 by Samir

“Quick and Dirty Guide for Designers: Adobe Edge Preview 3 in 4 Hours”

Ebook By Samir Dash
Published By patternGraphic DigiBooks
Rating: Not yet rated.
Published: Dec. 15, 2011
Category: Non-Fiction » Computers and Internet » Programming
Category: Non-Fiction » Computers and Internet » Graphics and design
Words: 9365 (approximate)
Language: English

ISBN: 978-1-4658-4425-5

PG2011B3

Here is a discount coupon you can use to get 20% OFF :

Original Price: $4.00

Promotional price: $3.20
Coupon Code: MT66A
Expires: February 15, 2012

https://www.smashwords.com/books/view/114683?ref=patternGraphic

Quick and Dirty Guide for Developers: Adobe Edge Preview 3 in 4 Hours

Ebook By Samir Dash
Published By patternGraphic DigiBooks

Published: Dec. 16, 2011
Category: Non-Fiction » Computers and Internet » Programming
Category: Non-Fiction » Computers and Internet » Graphics and design
Words: 14341 (approximate)
Language: English

ISBN: 978-1-4660-7972-4

PG2011B4

Here is a discount coupon you can use to get 20% OFF :

Original Price: $4.00

Promotional price: $3.20
Coupon Code: LN68F
Expires: February 15, 2012

Available in following formats: Epub (Apple iPad/iBooks, Nook, Sony Reader, Kobo, and most e-reading apps including Stanza, Aldiko, Adobe Digital Editions, others), PDF, Mobi(kindle), and LRF.

https://www.smashwords.com/books/view/115038?ref=patternGraphic

A quick 4 hours guide for developers, web designer and those having basic knowledge in HTML, CSS, Java Script and jQuery to learn using Adobe Edge Preview 3 to develop web interactive and web applications.
The book covers the following topics:

Quick and Dirty Guide for Developers: Adobe Edge Preview 3 in 4 Hours

Posted on December 16, 2011 by Samir

Quick and Dirty Guide for Developers: Adobe Edge Preview 3 in 4 Hours

Ebook By Samir Dash
Published By patternGraphic DigiBooks

ISBN: 978-1-4660-7972-4

PG2011B4

Here is a discount coupon you can use to get 20% OFF :

Original Price: $4.00

Promotional price: $3.20
Coupon Code: LN68F
Expires: February 15, 2012

Available in following formats: Epub (Apple iPad/iBooks, Nook, Sony Reader, Kobo, and most e-reading apps including Stanza, Aldiko, Adobe Digital Editions, others), PDF, Mobi(kindle), and LRF.

https://www.smashwords.com/books/view/115038?ref=patternGraphic

What is Adobe Edge?
What to Expect from this Book

Hour 1: Overview of Edge Runtime

Edge Composition
Edge Symbol
Edge Action
Events
HTML page DOM specific Events
Edge Elements DOM specific Events
Element level Touch Interaction specific
Triggers

Hour 2: Adding Basic Actions to Your Animation – Playing with Triggers

Where to Add Triggers in the Edge IDE ?
Different Type of Triggers
“Earth” – An Example for Basic Playback Control
“Day and Night” – An Example for Changing the content of an Element in Runtime
Where all Triggers are Saved When We Type into the Edge Code Editor?
Reference to different Elements and their properties while writing Triggers
Using Lookup Elements (Lookup Selectors) and jQuery API
Using Some Other Useful Edge Runtime APIs
“Progress Bar” Example – Using what we have learned about referencing Elements

Hour 3: Edge Touch API and Gestures for iPhones, iPads and Android devices – Thinking Beyond Desktop & Mouse

Touch Events supported on iPhones, iPads and Android devices
Difference Between Touch and Mouse Events
The WebKit Event Object for touch events
Note: Setup Environment to Test HTML Pages on Your Devices
Gestures
Adobe Edge and jQuery Mobile Events
Using Touch Events in Edge Compositions
Adding Touch Events to Edge Element’s Action
Adding Touch Events to the DOM Elements Associated with Edge Element
Adding Gesture Events to Compositions in Edge IDE
Making Edge Compositions Compatible for Both Mouse and Touch Events
Example: Cross-platform Slider
Prevent scrolling
Prevent Default HTML Resize

Hour 4: Complex Interactions between Multiple Compositions and Development and Usage of Reusable Compositions

Wheel: Example of a nested Element Animation
Adding Interaction to Control the Animation of the Nested Element
Benefits of Nested Animation
Reusability Approach of Development in Edge
Example: Building a Reusable Slider Component
Example: Product Selector – How to Use of the Reusable Edge Composition Multiple Times in another Edge Composition with Different Configurations

Going Forward

Next Steps

Source Files for this Book

This is a quick guide that will help you feel comfortable using the Adobe Edge Preview 3 in context of designing and animation.

If you are looking for the designing and animation using Adobe Edge instead of programming check “ Quick and Dirty Guide for Designers: Adobe Edge Preview 3 in 4 Hours” …that is available at https://www.smashwords.com/books/view/114683?ref=patternGraphic

Videos related to the book:

In hour 4 section of this book you will learn how to create reusable compositions which can be used in other Edge composition through configurable parameters. For source files and details check the book

This sample shown in this video is explained in the current book. In the video you can see there are 3 different Edge compositions the first one is a simple background, the second one is a rotating wheel and the third one is the combination of the two to render the final interactive. For source files refer to the book.

Here is an experiment from the current book, showing how a product selector can be built with Flash like user experience using HTML5, jQuery, CSS3 and of course Adobe Edge Preview 3 runtime. For source code refer to the book.

Quick and Dirty Guide for Designers: Adobe Edge Preview 3 in 4 Hours

Posted on December 15, 2011 by Samir

https://www.smashwords.com/books/view/114683?ref=patternGraphic

“Quick and Dirty Guide for Designers: Adobe Edge Preview 3 in 4 Hours”

ISBN: 978-1-4658-4425-5

PG2011B3

Here is a discount coupon you can use to get 20% OFF :

Original Price: $4.00

Promotional price: $3.20
Coupon Code: MT66A
Expires: February 15, 2012

Table of Contents

Before We Start!
What is Adobe Edge?
What to Expect from this Book
Getting Ready : Download and Setup Adobe Edge on your System
Hour 1: Quick Tour of the Adobe Edge IDE
Default Layout : Welcome to Adobe Edge!
“Get Started..” Panel
Stage
Toolbars
Elements panel
Timeline panel
Properties panel
Menu bar
Editor
Hour 2: Drawing and Animating Shapes
Creating your First Animation
Changing Color through Animation
Shape Morphing Animation
Animating Background Color of the Stage
Example: Creating a Flip Book animation
Hour 3: Editing Webpages Not Created With Edge
Animate Existing Webpage
Adding Animation to HTML Forms
Feedback Form Animation – Example of Animation to HTML Forms Elements
Hour 4: Adding Basic Actions to Your Animation through Triggers
Where to Add Triggers in the Edge IDE ?
Different Type of Triggers
“Earth” – An Example for Basic Playback Control
Going Forward
Next Step s
Source Files for this Book

This is a quick guide that will help you feel comfortable using the Adobe Edge Preview 3 in context of designing and animation.

Available in following formats: Epub (Apple iPad/iBooks, Nook, Sony Reader, Kobo, and most e-reading apps including Stanza, Aldiko, Adobe Digital Editions, others), PDF, Mobi(kindle), and LRF.

If you are looking for the programming part stay tuned…”Quick and Dirty Guide for Developers: Adobe Edge Preview 3 in 4 Hours” is underway…… Notice the diff …it will be for DEVELOPERS.

Walk-through of a Cisco QLM3: Using iPad for M-Learning

Posted on January 19, 2011 by Samir

Just posted a quick walk-through of a Cisco QLM 3 (Quick Learning Module).

Cisco Learning Network(CLN) has released a FREE version of QLM (Quick Learning Module) course for iPad — leraning content in chunk that can be accessed anywhere anytime for a quick learning purpose. Even though the m-learning concept using iPad is not new, the QLM concept is certainly a milestone in this domain. Cisco QLMs are first of its kind effective mini learning modules that is going to shape the way we learn. The idea behind the Cisco QLM is “to provide [...] customers with training on in-demand technical topics in use today by top Cisco engineers”

http://www.youtube.com/watch?v=cf9fFfMTFFU&feature=player_embedded

More details in my last post http://samirshomepage.wordpress.com/2011/01/14/quick-learning-modules-from-cisco-learning-networks-using-ipad-for-m-learning/

Quick Learning Modules from Cisco Learning Networks: Using iPad for M-Learning

Posted on January 14, 2011 by Samir

http://cisco.com/go/m-learning/

Here is an exciting news for those who would love have in-demand learning contents on Various Cisco technologies created specially for Apple iPad users. Also it is equally a great news for those who are evaluating the scope and the new dimensions of m-Learning . Cisco Learning Network(CLN) has released a FREE version of QLM (Quick Learning Module) course for iPad — leraning content in chunk that can be accessed anywhere anytime for a quick learning purpose. Even though the m-learning concept using iPad is not new, the QLM concept is certainly a milestone in this domain. Cisco QLMs are first of its kind effective mini learning modules that is going to shape the way we learn. The idea behind the Cisco QLM is “to provide [...] customers with training on in-demand technical topics in use today by top Cisco engineers”

A typical QLM module from Cisco is centered round a focused topic such as Wireless, Routers, Networking, etc. and it consists of several video training materials from Cisco Subject Matter Experts (SMEs) along with some simulation videos on configurations, lab demos. Each of these videos are supplemented with some text and notes to help the learner understand the context better. At the end of the course there is the self assessment section with the detailed score sheet and review answers features. Each QLM module also has a section with important links to related Cisco Learning Communities and Discussion Groups. Also there is a section with the references links to the topic related sites, webpages, factsheets, books, journbals etc.

With the QLMs on your iPad you no more need to worry about where to look for your CCNA, CCNP and other Cisco certification exams. Because each of the module is very focused on target topic, you can shorten your learning curve efforts and quickly learn the tips to master the subject.

The current FREE QLM module is can be downloaded from the CLN store via the Cisco M-Learning Viewer. The basic steps to download the QLM is as follows:

1. Get the new Version of the Cisco M-Learning Viewer app for iPad from iTunes store.

i. Visit iTunes App store on your iPad or via your iTunes.

ii. Search for “M-Learning Viewer” or “Cisco”

iii. Select the “M Learning Viewer ” to download.Now you have it installed on your iPad.

Refer to the video below:

2. Get the FREE QLM titled “Free iPad Learning Module”from CLN Store

i. Tap on M Learning Viewer” app on your i-Pad to get started.

ii. At the bottom nav bar of the app, select “Catalog” to go to catalogue screen.

iii. You will see “Free iPad Learning Module” in the list. Tap on “Purchase” button. Don’t worry it is FREE app, so there won’t be any charge for downloading this.

iv. It will start download your free module….it will take some time. It is recommended that you use “Wifi”

v. At the end of the download you will see a popup box asking you to give user name and login. Just use “free” as username and click on login….it will activate the content.

vi. Now you haver the QLM on your iPad. Enjoy !

I will be posting video demos soon.

The FREE version of this QLM will expire on January 31st 2011. So hurry and get your hands on it before it expires!

Also at the end of the module, do not forget to send feedback to Cisco on what else you would love to see there or whether it is upto what you expect.