background preloader

Prototyping Tools

Prototyping Tools

The Tools Designers Are Using Today CSS GuidelinesGo! 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:

ZEPLIN : générez vos "style guides" et vos "assets" sous Sketch Zeplin est un petit outil très puissant qui va plaire à ceux et celles qui utilisent Skecth tous les jours. Il permet de générer le style guide des differents artboards actifs dans Sketch en quelques secondes. Il permet également d’exporter les différents assets dont vous avez besoin, et dont le dev aura besoin par la suite. Regarder plutôt cette vidéo, vous serrez largement convaincu : Tester ZEPLIN pour Sketch 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 htaccess SnippetsGo! How To Install Linux On A MacBook Pro Retina MacBook Pros come with some very nice hardware, but some people want more. Some people want Linux. Whether you’d like a more open and customizable operating system or simply need to dual-boot in order to access certain software, you might want Linux on your MacBook. The thing is, MacBook Pros are also pretty closed-down pieces of hardware that make installing other operating systems difficult – Linux more so than Windows. Boot Camp won’t help you with Linux, even though it doesn’t mean it’s impossible. Why Install Linux On A MacBook Pro Retina? The reasoning for installing Linux on a MacBook Pro might seem a bit strange at first – isn’t OS X one of the main reasons to get a Mac? But if you don’t like Mac OS X, or simply need to use Linux, you may want to put another operating system on that Mac hardware. Note: For the purposes of this tutorial, we’ll be using Ubuntu, the most popular Linux distribution, as our preferred choice. Download Ubuntu Write to USB Drive Resize Partitions Installer

VideoSWSGo! Vizualize.me: Visualize your resume in one click.

Related: