Code Monkey home page Code Monkey logo

fauxfall-js's Introduction

Fauxfall

This is the beginning of something wonderful.

What is it?

Fauxfall is an attempt to recreate and expand upon the New York Times piece, "Snow Fall" using an Atlantic article and associated rich media. It is proof-of-concept, not a finished product, but, still, it should have an expansive feature set—ideally above and beyond what "Snow Fall" showed was possible.

Just what are these features?

Well, here's a sampling of what we're thinking:

  • Highlights and Annotations a la Rap Genius
  • Embedded HTML5 video and audio
  • A UX that seamlessly supports learning more in the form of Wikipedia-esque "notecards" of further information
  • Slideshows
  • Quasi-infinite scroll
  • Parallaxed/cutout background images

How is it?

JavaScript through and through. Node.js on the back and Backbone.js on the front. CSS3 transitions and transforms, so modern browsers only—not even graceful degradation for IE <= 8. So there. Also, it runs on p 5000.

Who is it?

Fauxfall is the brainchild of @jswest and Karim, who doesn't, I don't think have a Github, with ample support from @gabeisman. @jswest and @gabeisman will be coding the crap out of it.

fauxfall-js's People

Contributors

jswest avatar gabeisman avatar

Watchers

 avatar James Cloos avatar  avatar

Forkers

rtkarcher

fauxfall-js's Issues

pushState Support

Create upwards "infinite" scroll. To prevent weird DOM scrolling problems, wait for the added element to load, giving a height of 0. When it's ready, pop it in and animate scrollTop simultaneously.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.