MockFlow - Online Wireframe Tool and Design Cloud Touch Gesture Reference GuideGo! The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces. The guide contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gestures to support major user actions 3) visual representations of each gesture to use in design documentation and deliverables 4) an outline of how popular software platforms support core touch gestures (below). Download Touch Gesture Reference GuideTouch Gesture Cards For wireframes and mock-ups:Visuals only (PDF)Visuals only (EPS)Visuals only (OmniGraffle Stencil)Visuals only (Visio Stencils)How to Guide (Visio) Touch Resources Touch Target Sizes: outlines recommended touch target sizes from Apple, Microsoft, Nokia, and academic research. Touch Gesture Diagrams: listing of touch gesture diagrams that illustrate how users can interact with multitouch interfaces. Platform Support How popular software platforms support core touch gestures.
What's in a Projectile Physics Engine? In this article, we'll examine the use of physics to simulate projectile effects in games like Angry Birds. We'll look at the basics of using 2D physics in game world space, such as creating bodies and applying impulses and forces. Why use a physics engine? What does it actually do? A physics engine helps us do two very important things for our game: Detect collisions between our in-game objects.Simulate the forces and resulting motion of our objects from those collisions.. Collision detection: Games wouldn't much much fun if your character fell through the floor before you could jump, or if, when you hit an enemy with your foot, you fell right through. Force simulation: After a collision, what should happen? We'll look at how physics engines work shortly, but first lets look at what engines you may want to use, and why you may decide to use them, based on your particular needs. Use an existing physics engine.Create a custom physics simulation Consider the following code segment:
Top Innovation Keynote Speaker Jeremy Gutsche Solidify | Quick way to build prototypes for user testing CSS3 Animation Cheat SheetGo! How it works The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated. The CSS3 Animation Cheat Sheet uses CSS3 @keyframes and works on all the latest browsers (that's IE 10). Add the animation stylesheet to the <head> element of your webpage: Replace css with the name of the directory where the animation stylesheet is. Add an animation class to the element you want animated: Replace slideUp with the desired animation class. For entrance animations, you need to make them invisible by adding the visibility: hidden property to the animated element: visibility: hidden; is used to hide elements before the animation is activated. The values for these animations are relative to the element's size. Adding effects Add jQuery to the <head> element of your webpage: Replace slideUp with an animation class.
Satellite Eyes The “Jobs to be Done” Theory of Innovation Clayton Christensen, professor at Harvard Business School, builds upon the theory of disruptive innovation for which he is well-known. He speaks about his new book examining how successful companies know how to grow. Download this podcast SARAH GREEN CARMICHAEL: Welcome to the HBR IdeaCast from Harvard Business Review. Now he’s come out with a new book looking at innovation from the other side. CLAYTON CHRISTENSEN: McDonald’s, a number of years ago, as this idea of the jobs to be done was emerging, they decided that they needed to increase the sales of their milkshakes. And they had a demographic profile of the quintessential milkshake customer. And so they would invite people like me into offices, explain that they were trying to improve the milkshakes so that people will buy more of them. So we convinced them, as this idea of the jobs to be done began to emerge in our minds, if they would let us put that lens on to understand milkshakes. And we need to understand what’s the job.
Online Wireframe and UI Mockup Tool Extensive Object Library to Create Any Wireframe Whether its a web page, blog layout or an iOS mockup we have objects to match your design. All the objects are grouped into sensible libraries so you can load only the relevant libraries. This makes it very easy to find objects and provides you with a clutter free drawing area. Specially designed objects like web sharing widgets, signup forms, login widgets makes it extremely fast to come up with beautiful looking designs Professionally Designed Wireframe and Mockup Templates Shown above are some templates available to you get started immediately. Clickable, Interactive Wireframes and Mockups Our object linking feature helps you to create interactive wireframes. Work Together and Get Instant Feedback with Real-Time Collaboration Our real-time collaboration features enable you to create and work on your wireframes together with your clients or peers. Multiple Exporting Options including PDF and SVG
htaccess SnippetsGo!