JS^
Journalism

JavaScript Journalism

The Direction of Online Journalism


@raydaly

jsjournalism.com/nationjs

The Ask


Pull out calendar

Appointment for
Tuesday, Oct 8 11:00 am

raydaly@gmail.com
@raydaly

Words That Last

The Washington Post

JavaScript Journalism


New ways
to tell
and
to present
stories

that cannot be told in print.

Broad Set of Content

  • maps
  • slideshows
  • navigation/non-linear
  • display/layout
  • 3d graphics
  • live graphs 
  • data visualization
  • video/multi-media
  • timelines
  • long form
  • embedded content
  • and more

Plus whatever library you might write.
The
impact of
JavaScript Journalism
cannot
be understated.

My fellow journalists, ignore Ray Daly at your peril: JavaScript Journalism
Rob King @ESPN_RobKing
Software is eating the world.
- Marc Andreessen

Any application that can be written in JavaScript, will eventually be written in JavaScript
- Jeff Atwood

JavaScript makes your site an application
- Ray Daly

The content of a medium is always another medium.
- Marshall McLuhan

"JavaScript makes your site an application"

JavaScript versus Text

Examples of
JavaScript Journalism

Why JavaScript Is Transforming Journalism

  1. Every site needs unique content.
  2. Not subject to aggregation.
  3. Use every tools available.

Reshaping New York

The New York Times

Reshaping New York

Open: design collaboration

Example of how JavaScript Journalism sends traffic to the newspaper. They cannot rewrite the story so the send their readers to the newspaper. - Ray Daly

Snow Fall

New York Times


So What if Tons of People Read That 'Snow Fall' Story on the Times Website?

The Atlantic

Maybe that New York Times multimedia beauty of a story, "Snow Fall," should be the future of long-form journalism after all — because it sure did bring in a lot of readers.

The Jockey

The New York Times

Whole Lot of Bells, Too Many Whistles

Slate

Multimedia-laden features like “Snow Fall” and “The Jockey” are bad for the Web and bad for readers.

The Black Budget

The Washington Post

Behind The Black Budget

The Why Axis

The following is an interview with Wilson Andrews of The Washington Post about the creation of The Black Budget which visualizes never before seen data about secret funds for national intelligence agencies.

Cycling Road's Forward

The Washington Post

Money Laundering

San Antonio Express-News

Timeline.js

JavaScript library

TimelineJS is an open-source tool that enables you to build visually-rich interactive timelines and is available in 40 languages. It can pull in media from different sources and has built in support for:
Twitter, Flickr, Google Maps, YouTube, Vimeo, Vine, Dailymotion, Wikipedia, SoundCloud and more media types are regularly added.

2012 Presidental Election

USA Today

How We Built USA Today's Election Night Maps

MapBox

Throughout the 2012 election cycle, we've been fascinated with idea of visualizing realtime election results. On election day starting when voting concludes on the East Coast, newsrooms race to process and visualize vote totals in each of the 50 states, 435 congressional districts, and 3,200 counties across the country. The Associated Press provides a feed of results data aggregated from staff deployed across the country on eight minute intervals. Since nearly all news outlets subscribe to this data, the race to report results first is really about having an incredibly short time to publish, while maintaining a steadfast focus on reliability during what's often the highest traffic night for news websites.

The perils at Great Falls

The Washington Post

Behind the scenes: The perils of Great Falls

postgraphics.tumblr.com

The perils at Great Falls was a collaborative piece which utilized nearly every arm of our graphics department. The project included good old fashioned reporting (Bonnie Berkowitz), cartography (Laris Karklis), illustrations (Todd Lindeman), interactive/web design (Emily Chow), and motion graphics/visual effects (Sohail Al-Jamea).

The Long, Strange Trip of Dock Ellis

ESPN

The future of the feature: Breaking out of templates to build customized reading experience

Nieman Journalism Lab

In print, decades of design language have helped publications draw extra attention of readers. But news web design has mostly been straitjacketed in rigid templates. A few news sites are trying to break out.

Zamboni

Google Doodle


Live The Grid: Fourth of July 2013

The Washington Post


Washington Post Covers Conventions Using 'Live Grid'

10,000 Words

In a step away from the traditional topic landing page, The Washington Post is using a layout called “The Grid” to collect the latest coverage around the Republican National Convention.

The Impact of
JavaScript Journalism

Obsolesces

Buggy whips still available

Match Property and Media

  • Car Chases
  • Running joke
  • Footnotes
  • Sound bytes
  • On message
  • Animation
  • Table of Contents
  • On Demand
  • Talking Head
  • Sound effects

Properties of JS Journalism


  • JavaScript
  • Requires a browser
  • Interactive
  • Cannot aggregate
  • Team effort
  • Long shelf life.

Properties of JS Journalism


  • Requires a browser -- Web or Apps
  • Interactive  -- Draws people to site
  • Cannot aggregate -- Exclusive content
  • Team effort -- New profession: JS Journalist
  • Long shelf life --  Changes concept of newspaper

Interactive Story Designer

The New York Times (May 7, 2013)

Location: New York, NY, USA

The Digital News Design group at The New York Times seeks a technology-savvy Interactive Story Designer to join our award-winning multimedia producers in the newsroom. This person will be expected to work with reporters, editors, producers, designers and software developers across The Times to craft rich, multimedia experiences for both news and enterprise stories, across multiple platforms.

Expertise with web development — especially using Javascript, HTML and CSS — is required, and experience with video, audio, photography and/or game mechanics is a plus.

All candidates must possess a portfolio demonstrating strong design work, a solid understanding of layout, typography and storytelling techniques, and a smart UX sensibility. Candidates will be expected to be quick learners with creative ideas and have the proven ability to work collaboratively.

Job Requirements:

  • Expertise in client-side Web development, including Javascript, HTML and CSS. High proficiency with XML/XSL, scripting issues across different browsers and platforms, and Javascript frameworks.
  • A pragmatic innovator whose solutions elicit responses that justify the effort and investment.
  • Demonstrated ability to create presentations that intelligently incorporate audio, video and still images.
  • Strong visual & interactive design skills – a clear grasp of typography, layout color, motion, and behavior.
  • Ability to convey interactive story ideas and complex interactions with wire-frames or prototypes.
  • Experience working with server-side languages, such as PHP and Ruby, is a plus.
  • Attention to detail and excellent written and oral communication skills.
  • Ability to meet deadlines and to adapt to change in a daily, unpredictable news production environment.
  • Experience working collaboratively with members of a mixed-media team.
  • Willingness to work a flexible schedule that may include nights and weekends.
  • A keen interest in and knowledge of NYTimes.com’s competitors, both in the United States and abroad.

Enthusiasm – for designing and making great products and experiences, for current events and The New York Times – is essential. Original, flexible, critical thinkers who communicate and collaborate well with a wide range of contributors will thrive. Design team members are expected not only to make exceptional contributions to the presentation of our journalism, but to engage with others to foster an environment of learning and constructive dialogue about our work.

Applications without links to portfolios/work samples will not be considered.

JS^
Journalism

JavaScript Journalism

The Direction of Online Journalism


@raydaly

jsjournalism.com/nationjs