background preloader

ScrollMagic - Demo

ScrollMagic - Demo

http://scrollmagic.io/

Related:  webdoc / ecriture web

5 tools to transform or enhance text-heavy articles Credit: Image by JM on Logo Design Web. Some rights reserved. During the news:rewired conference last week, Ezra Eeman of Journalism Tools gave delegates a list of essential tools journalists should be aware of when creating enganging content for their audiences. Some of these tools can be applied directly to text-based articles to add a multimedia element and, overall, a more colourful story. SK - very first serious HTML5 animation tool Simplicity Use your past experience with other animation tools to start working with Blysk in just a second - we don't want to reinvent the wheel, we just give you an outstanding tool inside your browser. Everything you create is available for preview with one-click preview mode. Intuitive interface and WYSIWYG approach provides access to our tool for everyone, not only professionals.

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 Drag-and-Drop with jQuery: Your Essential Guide Home : Articles : Drag-and-Drop with jQuery: Your Essential Guide Tutorial by Matt Doyle | Level: Intermediate | Published on 17 February 2011 Categories: Learn how to use jQuery, and the jQuery UI Draggable and Droppable plugins, to create drag-and-drop interfaces in your web pages.

25 Best jQuery Grid Plugins for Developers jQuery Grid Plugins let you create Grid system and layouts for your websites, which allows designers a way by which to organize content on a page, using any combination of margins, guides, rows and columns. Grid design is most commonly seen in newspaper and magazine layouts which consist of columns of text and images. For this roundup we have amassed few handpicked Best jQuery Grid Plugins that will help you to create custom layouts and grids and help you to manage your website contents more efficiently. Following each of jQuery plugin has impressive set of features, capabilities, and a level of use by members of the jQuery community.

Our work Put on your headphones, turn up the volume and enjoy all of NPR Music’s favorite songs of 2015. NPR spent 2 weeks in the Amazon to find out. Take 10 mins to look at our photos and learn about why it's so hard for us to stop deforestation — and what could happen if we don't. pixi.js - Basic Change editor theme : Pixi.js version : Download the example code Would you like to create a new example ? Head over to the examples repo on GitHub 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. Seamlessly create HTML forms and embed them on your website or use style templates to match your color, logo and overall look and feel.

D3 <div id="js_warning"><strong>JavaScript is turned off, so this page won&rsquo;t be very interactive.</strong> Switch JavaScript back on in your web browser for the full experience.</div> These tutorials have been expanded into a book, Interactive Data Visualization for the Web, published by O’Reilly in March 2013. Purchase the ebook and print editions from O’Reilly.

Justified.js About Justified.js jQuery Plugin to Create Justified Images Grid Justified.js is a jQuery plugin that creates a justified image grid of supplied images. The Evolution of NPR's Picture Stories Screenshots from Lost and Found, the story of amateur photographer Charles Cushman Behind the scenes on the iterative growth and change of our stories and formats In September of 2012, Claire O’Neill and I published a story about an amateur photographer named Charles Cushman. Cushman was a rare character for a couple of reasons. First, he was shooting in color at a time that most photographers were shooting in black and white, and though he was an amateur, he had an incredible instinct for making great pictures.

Live Tools - Button Builder Global Settings Button Label Padding Font Size 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:  Web DesignSpringTreeLableaod