background preloader

Multiscroll.js - split multi-scrolling pages plugin

Multiscroll.js - split multi-scrolling pages plugin

http://alvarotrigo.com/multiScroll/#first

Related:  Web Design 103 | TRANSITIONS & ANIMATIONS WEBCSS DesignФішки

RYVITA® Before being carefully baked for the perfect crunch the dough is pressed with our unique RYVITA® Rosetta design to ensure the hot air cooks the crispbread evenly when it’s in the oven. We’ve used this same design for over 70 years! The Unique Once baked our crispbread is then packed and ready for you to enjoy. RYVITA® Wholegrain Rye Crispbread is a source of fibre, has less than 55 calories per slice and is very versatile so why not check out some of our topping suggestions to get inspiration for a delicious snack any time of the day! See our recipes

Inspiration for Article Intro Effects We may define a food to be any substance which will repair the functional waste of the body, increase its growth, or maintain the heat, muscular, and nervous energy. In its most comprehensive sense, the oxygen of the air is a food; as although it is admitted by the lungs, it passes into the blood, and there re-acts upon the other food which has passed through the stomach. It is usual, however, to restrict the term food to such nutriment as enters the body by the intestinal canal. Water is often spoken of as being distinct from food, but for this there is no sufficient reason. Many popular writers have divided foods into flesh-formers, heat-givers, and bone-formers. Although attractive from its simplicity, this classification will not bear criticism.

ScrollMagic ♥ Demo ScrollMagic helps you to easily react to the user's current scroll position. It's the perfect library for you, if you want to ... animate based on scroll position – either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control). pin an element starting at a specific scroll position – either indefinitely or for a limited amount of scroll progress (sticky elements). toggle CSS classes of elements on and off based on scroll position. effortlessly add parallax effects to your website. create an infinitely scrolling page (ajax load of additional content). add callbacks at specific scroll positions or while scrolling past a specific section, passing a progress parameter. Download your copy now in form of a ZIP Package or visit the GitHub project page to find out about other sources. To learn more about ScrollMagic check out the the examples and read the documentation.

Tiles The Tiles module allows you to create masonry tile layouts that's similar to the Windows 8 Metro desktop style. Both front and back tile are customizable with options to display text, icons, maps, buttons, or galleries. It also includes 10 flip effects with the option to set an auto flip timer. With the Builder frontend live preview mode, the tiles can easily be arranged by dragging & dropping it anywhere on the page. Box Loader Demos Direction: X Position: 50% Effect: FadeIn Duration: 1s Windowarea: 50% Direction: X Position: -50% Effect: FadeIn Duration: 3s Windowarea: 50% Direction: Y Position: 100% Effect: None Duration: 2s Windowarea: 50% Direction: Y Position: 100% Effect: FadeIn Duration: 1s Windowarea: 50%

Home « Unfold Unfold is a small independent digital agency,established in Oslo, Norway. In the intersection of technology and design we develop useful, compelling and engaging interactive experiences across all digital platforms. We work on a large variety of projects including applications, sites, games, digital installations and campaigns. Aware of the overwhelming amount of information surrounding us, we aim to speak a clean, clear and meaningful message.

jQuery effects, 150+ best for web developers and designers Since the arrival of the jQuery library, the life of JavaScript programmers have gotten a lot easier because now it’s simpler to develop web 2.0 applications. With jQuery, the programmers can keep their code organized and concise, which is the major slogan of the library, “write less, do more”. You can utilize jQuery to handle events, generate animations, and even add an Ajax support into your web applications in a very easy way. Certainly you can use JavaScript to execute all the jQuery functions, but if you use it, your programming times will reduce and your effectiveness will increase, and that’s the real magic of jQuery. On this roundup we will show you the most captivating and creative jQuery tools and effects to inspire you, from animations to slideshows, you will find plenty of effects on this article, hope you enjoy it. Transition effects

Image Tilt Effect How it works A normal image is replaced with layers of semi-transparent divisions of the same image. Every layer moves according to the configuration, creating a subtle motion effect. Hover over the grid images to see how the effect works: Options A normal image is replaced with layers of semi-transparent divisions of the same image. Why We Make - Code and Theory Why we make Our philosophy. The things we make Body of work and case studies. Says a lot Media and mentions. About us Everything else you need to know. Brand and

Waves Action/Event Works fully with jQuery and JavaScript click event handlers, like Snarl Download the latest version of Waves from Github repository. You can also install it via Bower with bower install waves or via npm with npm install node-waves. Noah Official Movie Site The Ark on the official movie site for Noah, starring Russell Crowe. Page not Found Error 404 Go back

Portfolio Zoom Slider with jQuery This demo shows the integration of a tiny jQuery slider with the jQuery Fancybox Plugin and the Cloud Zoom Plugin. You can navigate through the thumbnails and see a zoomed version when you hover over them. When clicked, the full image is shown using the Fancybox Plugin. Hover to zoom, click to view Quickly create any type of web form with our easy to use drag and drop form builder. Foundation Icon Fonts 3 Use 283 icons with 1 font A custom collection of 283 icons that are stored in a handy web font. View All Icons » Style 'em with CSS A couple lines of CSS and the right markup will get you going in no time. How to Use Them » The Making Of "In Pieces" Web-based interactive experiences are widely used in the modern age for a variety of reasons, predominantly for the advertising of premium high-street products and services. After discovering the little-known clip-path property of CSS, I embarked upon a five-month interactive production journey of my own with a different purpose: to raise awareness of the struggles of 30 similarly little-known endangered species. This article explores the inspiration for the project and aspects of how different parts were built, and I’ll dive into how you can use this greatly underrated line of CSS for your own projects.

Related: