How people used the 2014 Election Party, and what we learned.
For NPR member stations: A workaround to use Pym.js responsive iframes in Core Publisher posts.
This is a catalog of small improvements, why we made them, and the difference they made.
Our Election Party did many things different things, but here are three abstracted, interesting pieces of code from the project.
Do you design? Develop? Make pictures? Love the web? We'd love to hear from you!
Want to use NPR's app template? Start here and learn how to create a fork of the project that you can use for all your future projects.
How NPR Visuals processed data from the Law Enforcement Support Office.
A comprehensive update on everything our app template does in July 2014.
Do you design? Develop? Love the web? Love democracy? Want to spend this fall in Washington, DC?
A visuals team manifesto.
Published At Source (source.opennews.org)
A Q&A with Alyson Hurt and Christopher Groskopf
(external link)
How to collect, moderate and output the results of an Instagram photo call-out using IFTTT, Google Spreadsheets and our dailygraphics system.
Our dailygraphics rig offers a fairly lightweight system for developing and deploying small chunks of code-based content, with some useful extras like support for Google Spreadsheets and responsive iframes.
One strategy: Destroy and redraw the graphic based on its container's dimensions every time the page resizes. Also, learn how to make this work in a responsive iframe with Pym.js.
One strategy: Shift from columns of data to rows at small screens. Also, learn how to make this work in a responsive iframe with Pym.js and pull data from a Google Spreadsheet using copytext.py.
Using copytext, a Google Spreadsheet and Jinja2 templates, we built Borderland in a modular and repeatable way.
Is your writing all mixed up with your code? Copytext.py gives editorial control back to reporters and editors.
Published At Source (source.opennews.org)
NPR’s Visuals team breaks down Pym, a new responsive-iframe library and the first project launched from the OpenNews Code Convening.
(external link)
Love photography? Obsessed with the web? We've got a job for you.
Published At Source (source.opennews.org)
Tips and tricks for being an effective remote developer.
(external link)
For the Planet Money T-Shirt project, we experimented with an alternative to animated GIFs.
Love to code? Want to use your skills to make the world a better place? We've got a job for you.
Published At Source (source.opennews.org)
Case Study: The UX process behind the 'Planet Money Makes A T-Shirt' project, written for Source.
(external link)
The code, process and problems of going beyond lists for NPR's year-end books coverage.
Published At Source (source.opennews.org)
Interview: Brian Boyer talks with Source about the Planet Money / NPR Visuals project 'Planet Money Makes A T-Shirt.'
(external link)
Published At Source (source.opennews.org)
The design process and code behind the NPR / St. Louis Public Radio campaign finance project.
(external link)
Published At Source (source.opennews.org)
It's a challenge to make legible, useful, responsive network diagrams.
(external link)
You can build and deploy complex sites without running servers. Here's how.
(Almost) everything you always wanted to know about working from the command line, but were too afraid to ask.
How we used SVG to generate shareable, high-resolution and print-friendly graphics directly in our user's browsers.
Spoiler: Our app template makes it possible.
Do you want to make the world a better place? Are you a designer or developer or designer-developer or ux-ui or hacker-journalist? (We love hyphens!) Well, have we got a job for you.
Published At Source (source.opennews.org)
Case Study: The design process for 'Electris' from concept to election night, written for Source.
(external link)
We've been working together as a team for about four months now, with most of our work focused on the presidential campaign and this week’s elections. Here’s a rundown of some of our favorites.
Early in the development of the Swing State Scorecard we determined that we wanted to tell a story about how many combinations (2-state, 3-state) of tossup states there are which would win the election for Obama or Romney.
We're a new team, and we're trying something new (at least for us) as a blog publishing platform: Jekyll, a generator that creates simple, static websites.
We're not breaking any ground with this choice, of course, but we liked the idea of launching a blog that's open source — both its code and also its content.
This initial post is an introduction to Jekyll for the members of our team -- and anyone else who wants to get started with the tool and/or steal our simple code for their own site.
visuals team