Collection of CSS Page Transition Animations
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…)
Modal Window Effects with CSS transition animations
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.
Triggering CSS Animations with Sibling Selectors
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…)
CSS Animations vs Green Stock Animation Platform
One of the most common arguments in favor of CSS3 animations has been that they're hardware accelerated, thus outperform any JavaScript-based equivalent. The theory is that if you define your transitions/animations directly in css, the browser can worry about all the calculations behind the scenes and tap into hardware and native code to execute them. (more…)
Series of preset plug and play CSS3 animations for web projects
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 and notifications for your web apps
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.
A simple jQuery plugin for CSS3 text animations
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…)
A small JavaScript library for making extremely simple CSS animations
Documentation is very light but the samples provided hint at a very simple library that doesn't have a steep learning curve for building and assembling very simple tween-style animations for moving elements from one position to another. (more…)
Anitype invites you to animate letters with JavaScript
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…)
JS Parallax Engine reacts to the orientation of a smart device
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…)
JavaScript framework to create and visualize 3D models
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…)
JavaScript 3D library
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…)
Learn iOS SDK Development From Scratch
Interested in learning native iOS SDK development? Now is the perfect time to get started. Mobiletuts+ is pleased to announce an in-depth, (more…)