, but this code // executes before the first paint, when

麻豆区

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); Pulitzer Prize at 23 - News & Stories | 麻豆区

麻豆区

Skip to main content

Spark

Pulitzer Prize at 23

Wed, Jun 15, 2016

John Muyskens 鈥15 is a Pulitzer Prize-winning journalist at the age of 23. Muyskens, a graphic editor at The Washington Post, was part of a team of reporters and editors honored with the Pulitzer Prize in the National Reporting category. The team was honored 鈥渇or its revelatory initiative聽in creating and using a national聽database to illustrate how often and why the police shoot to kill and who the victims are most likely to be.鈥

Muyskens said: 鈥淎fter the events聽of Ferguson in 2014, what many realized, including journalists at the Post and the government, is there was no good data set about people who are shot and killed by police, and so out of that grew an initiative at the Post to start collecting that [data].鈥

In January 2015, the project got under way with researchers at the Post entering data related to fatal shootings by police into a spreadsheet. As more and more information was uncovered, the scope of the project grew, and the Post staff recognized the need to transition from a shareable spreadsheet to a database. That鈥檚 where Muyskens stepped up.聽

He was tasked with building the聽database, which has provided the聽Post newsroom with access to great volumes of data, organized in such a way to make it much easier for reporters and editors to do statistical analyses on the results and in turn discover the stories behind the data.

鈥淲e are able to have reporters look through our database, find interesting聽stories and then go out and report those stories more in depth. That鈥檚 what you read in the many stories that we did based on the database,鈥 said Muyskens.

David Fallis, an editor at the Post, says the work that Muyskens did in creating the database was critical 鈥渂ecause he took the broad concepts of what we needed and made them a reality.鈥

鈥淭he database he constructed served us on multiple levels: It gave us a platform to gather and analyze the data and a public interface to share what we found,鈥 said Fallis. 鈥淚t was brilliant work and he engineered it so that we could continue to build on it as reporting took us in new directions. We continue to use it today and will as long as we pursue the project.鈥