Aside from the simple fact that it’s more fun, the Graphics Interchange Format has some limitations that make it unsuitable for certain applications. It doesn’t work very well at all for photographic images, and it only has very basic transparency support. JPEG is far better for photographs, and PNG for images with flatter colors. (more…)
Today we’d like to share a collection of creative page transitions with you. We’ve put together a couple of animations that could be applied to “pages” for creating interesting navigation effects when revealing a new page. While some effects are very simplistic, i.e. a simple slide movement, others make use of perspective and 3d transforms to create some depth and dynamics. (more…)
- A set of experimental window appearance animations created with CSS. These window modal effects can be used by any web app or website where interacting with the visitor through the use of floating modals is desirable.
Combinators describe the relationship between CSS selectors, and they’re commonly used to combine two or more selectors into a more specific selector. Examples of combinators are the greater-than sign (>), plus sign (+), and tilde symbol (~). If you’ve ever worked with descendant selectors, then you’ve already used combinators because the whitespace between the selectors is also considered a combinator. (more…)
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). (more…)
- iOS style overlays to be used by developers in their web apps or on website where communicating wait states to the visitor through the use of floating notifications is crucial to the overall experience.
Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Simply include textillate.js and it's dependencies in your project to start creating unqiue effects. Textillate.js is built on top of the simple, yet amazingly powerful animate.cssand lettering.js libraries. (more…)
Anitype asks a simple question: what if letters could move? For thousands of years, letters have sat static on the page, but thanks to today's modern devices, they could do a lot more — they could dance and jump and wriggle their way across the screen. And you could help decide howthey move. (more…)
Parallax.js reacts to the orientation of your smart device, offsetting layers depending on their depth within a scene... Oh, you don't have a smart device? No worries, if no gyroscope or motion detection hardware is available, parallax.jsuses the position of your cursor instead. Radical. (more…)
JSModeler contains a built-in viewer to show models. The viewer needs the Three.js framework, and we can initialize it for an existing canvas in the onload event of the page. If we have a canvas with an id "example", we can use the following code to initialize the viewer. (more…)
The aim of the project is to create a lightweight 3D library with a very low level of complexity — in other words, for dummies. The library provides canvas, svg, CSS3D and WebGL renderers. This code creates a scene, a camera, and a geometric cube, and it adds the cube to the scene. (more…)