background preloader

ScrollMagic ♥ Demo

ScrollMagic ♥ Demo

Related:  Web creatifwebdoc / ecriture web

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. 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.

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 Building Interactive Scrolling Websites with ScrollMagic.js There’s a ton of options for doing animations. I’ll cover some of the more various ones, but, first let’s do the most common one – “tweening” using the GreenSock Animation Platform. Tweening is what the GSAP calls their animations. We’re specifically using their TweenMax library.

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.

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 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. 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.

How to Build a Brand Bible & Visual Style Guide Every brand, from the smallest website or startup, to corporate giants such as Nike or McDonald’s, need a set of branding guidelines and rules to maintain their identity. This document, which can range from a couple of pages, to several hundred, is the thread that holds together what the public sees from a company. A brand bible establishes the voice and personality of a company, as well as who the public will see, and it governs every aspect of communication from the company.

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

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 DesignSpringTreeLabLe storytelling project