Bitmaps are by far the most commonly used image format on web pages. When the images we want to show are photos, that makes sense. But when it comes to illustrations and GUI components, bitmaps are wasteful. Many designers actually do make extensive use of bitmap images directly in user interfaces. Personally I don’t feel this is a good approach, but the blame for it becoming habitual stems from the extensive use and recommendation of Photoshop for interface design. Vector graphics offer numerous...
Animating and transversing SVG files with Javascript is actually not such an easy task and plugins like Snap.svg make our lives much easier when it comes to animating our SVG files. This library is one that aims to help Web Developers easily bring advanced SVG features to the Web, with it we can load, animate and even create SVG graphics right in the browser. The creator of this plugin is also the creator or Raphael, also an SVG plugin. The main difference between these two resources is that Snap aims...
Nowadays websites rely more and more on JavaScript to create dynamic interfaces, for some sites you may only need something like jQuery that works wonders when it comes to DOM manipulation but other times a template system may be more suitable, especially if your page will be constantly updating its data. Handlebars helps you with that by dynamically generating your HTML. It helps you get into using the View/Controller pattern while keeping your code cleaner and more maintainable. Using Handlebars...
A lot of us create JavaScript animations in our projects, these animations are usually simple and require no physics whatsoever. PhysicsJS aims to change that by making it easy for us to add physics to our JavaScript animations without slowing download time. This library is modular, that means you only need to load what you want to use, and the core files are just 31kb. Why use this library ? ... One of the reasons is its modular workflow. This has the advantage of removing the clutter you don’t need and...