Welcome to the Post-Text Future - The New York Times

原文出处 Welcome to the Post-Text Future - The New York Times

.lt-ie10 .messenger.suggestions { display: block !important; height: 50px; } .lt-ie10 .messenger.suggestions .message-bed { background-color: #f8e9d2; border-bottom: 1px solid #ccc; } .lt-ie10 .messenger.suggestions .message-container { padding: 11px 18px 11px 30px; } .lt-ie10 .messenger.suggestions .action-link { font-family: "nyt-franklin", arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #a81817; text-transform: uppercase; } .lt-ie10 .messenger.suggestions .alert-icon { background: url('https://static01.nyt.com/images/icons/icon-alert-12x12-a81817.png') no-repeat; width: 12px; height: 12px; display: inline-block; margin-top: -2px; float: none; } .lt-ie10 .masthead, .lt-ie10 .navigation, .lt-ie10 .comments-panel { margin-top: 50px !important; } .lt-ie10 .ribbon { margin-top: 97px !important; }

NYTimes.com no longer supports Internet Explorer 9 or earlier. Please upgrade your browser. LEARN MORE »

Sections Home Search

The New York Times

window.magnum.writeLogo('small', '/vi-assets/static/nyt5/20180207/images/foundation/logos/', 'technology', 'masthead-theme-transparent-ffffff', 'standard', 'branding-heading-link', 'interactive');

Technology

Technology |Welcome to the Post-Text Future

Close search

Site Search Navigation

Search NYTimes.com

Clear this text input

Go

https://nyti.ms/2BN2vBb

Site Navigation

Site Mobile Navigation

Welcome to the Post-Text Future

By FARHAD MANJOO FEB. 9, 2018

The internet was born in text. Now, video and audio are ascendant, writing is being left behind, and everything will be different.

.shell { padding-top: 0 !important; } .legibility { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; font-feature-settings: "kern"; } .text-column-align { max-width: 660px; margin-left: 20px; margin-right: 20px; } @media screen and (min-width: 700px) { .text-column-align { margin-left: auto; margin-right: auto; } } .inline-asset { margin: 0 auto 2em; padding: 0; position: relative; top: 10px; } @media screen and (min-width: 600px) { .inline-asset { margin: 0 auto; top: 30px; } } @media screen and (min-width: 1005px) { .inline-asset { max-width: 1200px; } } @media screen and (min-width: 1335px) { .inline-asset { max-width: 660px; } } @media screen and (min-width: 600px) { .inline-asset .g-media-wrapper, .inline-asset .g-interactive-wrapper { width: 33.33333333%; position: relative; float: right; margin: 0 20px 20px; } } @media screen and (min-width: 960px) { .inline-asset .g-media-wrapper, .inline-asset .g-interactive-wrapper { width: 330px; } } @media screen and (min-width: 1335px) { .inline-asset .g-media-wrapper, .inline-asset .g-interactive-wrapper { width: 50%; margin: 0 calc(-50% - 2em) 2rem 2rem; } } #main, #page { max-width: none!important; } .hide { visibility: hidden; } body { margin-bottom: 0 !important; } .shell { padding-top: 0 !important; } #main, .viewport-large-30 #main, .viewport-medium-10 #main, .viewport-medium-30 #main { width: 100%; padding: 0; } .article-wrapper { min-height: 100vh; } #story > .interactive-header, .story-info.interactive-credit, #sharetools-footer { display: none; } .interactive-graphic { background: #fff; } #related-coverage { margin: 20px; } .viewport-medium #related-coverage { margin: 0 auto; } .g-cover { position: relative; margin-bottom: 10px; margin-left: auto; margin-right: auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .g-cover > header, .g-cover > figure { width: 100%; } .g-cover .comments-button { display: none !important; } @media screen and (min-width: 720px) { .g-cover { -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-top: 60px; } } .g-cover figure.media.photo { position: static; max-width: 100%; } .g-cover figure.media.photo .image { margin-bottom: 0; position: static; overflow: hidden; position: relative; cursor: default; } .g-cover figure.media.photo .image img.rad-lazy { opacity: 0; transition: opacity 1s; } .g-cover.stacked-cover figure.media.photo .image > img.rad-lazy, .g-cover figure.media.photo .fit-object-wrapper img.rad-lazy { position: static; width: 100%; height: auto !important; transition: opacity 1s; } .g-cover.stacked-cover figure.media.photo .image > img.rad-lazy.ll-loaded, .g-cover figure.media.photo .fit-object-wrapper img.rad-lazy.ll-loaded { opacity: 1; } .g-cover .interactive-header { margin: 0 auto; } @media screen and (min-width: 720px) { .g-cover .interactive-header { padding: 40px 0; } } .g-cover .story-heading { font-family: "nyt-franklin", arial, helvetica, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.2; padding: 15px 20px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; font-feature-settings: "kern"; } @media screen and (min-width: 720px) { .g-cover .story-heading { font-size: 5vmax; line-height: 1.2; padding: 0; text-align: center; margin-left: auto; margin-right: auto; } } @media screen and (min-width: 1080px) { .g-cover .story-heading { font-size: 4.5vw; } } @media screen and (min-width: 1200px) { .g-cover .story-heading { font-size: 52px; } } .g-cover .interactive-meta-footer { padding: 0 20px; } @media screen and (min-width: 720px) { .g-cover .interactive-meta-footer { padding: 10px 0 0; text-align: center; } } .g-cover .interactive-meta-footer p { font-family: "nyt-franklin", arial, helvetica, sans-serif; } .g-cover .interactive-meta-footer .summary { display: block; font-size: 22px; line-height: 1.35; color: #999999; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; font-feature-settings: "kern"; } @media screen and (min-width: 720px) { .g-cover .interactive-meta-footer .summary { margin-left: auto; margin-right: auto; } } .g-cover .interactive-meta-footer .g-translation-links:last-child:after, .g-cover .interactive-meta-footer .interactive-byline:last-child:after { display: block; content: ' '; height: 1px; / background: @color-rule; / margin: 15px 0; width: 100px; } @media screen and (min-width: 720px) { .g-cover .interactive-meta-footer .g-translation-links:last-child:after, .g-cover .interactive-meta-footer .interactive-byline:last-child:after { display: none; } } .g-cover .interactive-meta-footer .byline-dateline { font-size: 18px; } .g-cover .interactive-meta-footer .byline { font-weight: bold; margin-right: 12px; } .g-cover .interactive-meta-footer .dateline { font-weight: 300; } .g-cover .interactive-meta-footer .byline a:link, .g-cover .interactive-meta-footer .byline a:visited { color: #000000; } .g-translation-links { display: block; margin: 0 0 24px; max-width: 660px; } @media screen and (min-width: 720px) { .g-translation-links { text-align: center; margin: 15px auto 0; } } .g-translation-links a { display: inline-block; text-align: left; font: 500 14px/1.4 "nyt-franklin", arial, helvetica, sans-serif; text-decoration: none; margin-right: 30%; margin-bottom: 9px; border-bottom: 1px solid transparent; } .g-translation-links a:last-of-type { margin-bottom: 0; } @media screen and (min-width: 720px) { .g-translation-links a { display: inline-block; margin-bottom: 0; margin-right: 31px; position: relative; } .g-translation-links a:after { content: ""; border-right: 1px #e2e2e2 solid; width: 1px; height: 30px; position: absolute; right: -16px; top: -5px; } .g-translation-links a:last-child { margin-right: 0; } .g-translation-links a:last-child:after { display: none; } .g-translation-links a:hover { border-bottom: 1px solid #6188a6; } } .g-cover.full-bleed, .g-cover.full-bleed-cover { display: block; } @media screen and (min-width: 720px) { .g-cover.full-bleed, .g-cover.full-bleed-cover { height: 100vh; padding-top: 0; margin-bottom: 120px; } } .g-cover.full-bleed figure.media.photo .image, .g-cover.full-bleed-cover figure.media.photo .image { height: 100vw; } @media screen and (min-width: 720px) { .g-cover.full-bleed figure.media.photo .image, .g-cover.full-bleed-cover figure.media.photo .image { height: 100vh; } } .g-cover.full-bleed .media.photo img, .g-cover.full-bleed-cover .media.photo img { max-width: none; position: absolute; top: 0; } .g-cover.full-bleed .interactive-header, .g-cover.full-bleed-cover .interactive-header { display: block; } @media screen and (min-width: 720px) { .g-cover.full-bleed .interactive-header, .g-cover.full-bleed-cover .interactive-header { position: absolute; left: 0; bottom: 0; padding: 50px 0 70px 50px; color: #ffffff; background: transparent; text-align: left; margin-left: 0; margin-right: 0; box-sizing: border-box; } } @media screen and (min-width: 720px) { .g-cover.full-bleed .media.photo .caption, .g-cover.full-bleed-cover .media.photo .caption { max-width: calc(100% - 100px); margin: 5px auto 0; } .g-cover.full-bleed .media.photo .caption .caption-wrapper, .g-cover.full-bleed-cover .media.photo .caption .caption-wrapper { margin: 0; padding: 0; } .g-cover.full-bleed .story-heading, .g-cover.full-bleed-cover .story-heading, .g-cover.full-bleed .interactive-meta-footer, .g-cover.full-bleed-cover .interactive-meta-footer { text-align: left; margin-left: 0; margin-right: 0; } .g-cover.full-bleed .interactive-meta-footer .summary, .g-cover.full-bleed-cover .interactive-meta-footer .summary { color: #ffffff; margin-left: 0; margin-right: 0; } .g-cover.full-bleed .byline a:link, .g-cover.full-bleed-cover .byline a:link, .g-cover.full-bleed .byline a:visited, .g-cover.full-bleed-cover .byline a:visited { color: #ffffff; } .g-cover.full-bleed .g-translation-links, .g-cover.full-bleed-cover .g-translation-links { text-align: left; margin: 15px 0 0; } .g-cover.full-bleed .g-translation-links a, .g-cover.full-bleed-cover .g-translation-links a { color: rgba(255, 255, 255, 0.8); } .g-cover.full-bleed .g-translation-links a:after, .g-cover.full-bleed-cover .g-translation-links a:after { height: 20px; top: 0; opacity: 0.5; } .g-cover.full-bleed .g-translation-links a:hover, .g-cover.full-bleed-cover .g-translation-links a:hover { border-bottom: 1px solid rgba(255, 255, 255, 0.8); } } @media (max-width: 959px) { .g-cover.headline-image-topper { height: auto !important; } } @media screen and (min-width: 960px) { .g-cover.headline-image-topper { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; height: 100vh; padding-top: 0; border-bottom: 1px solid #e2e2e2; margin-bottom: 150px; } } .g-cover.headline-image-topper figure.media.photo .image { height: 100vw; } @media screen and (min-width: 960px) { .g-cover.headline-image-topper figure.media.photo .image { height: 100vh; } } @media screen and (min-width: 960px) { .g-cover.headline-image-topper .media.photo { padding-bottom: 0; } .g-cover.headline-image-topper .image { width: 50vw; overflow: hidden; } } .g-cover.headline-image-topper .media.photo img { max-width: none; position: absolute; top: 0; width: 100vw; } @media screen and (min-width: 960px) { .g-cover.headline-image-topper .media.photo img:not(.ll-loaded) { width: 100vw; height: auto !important; } .g-cover.headline-image-topper .media.photo .caption-wrapper { position: absolute; top: 100%; left: 0; width: 50vw; max-width: 660px; padding: 5px; } .g-cover.headline-image-topper .story-meta { padding: 30px; } } @media screen and (min-width: 960px) { .has-headline-image-topper #masthead:not(.in-content) { width: 50%; margin-left: 50%; } .has-headline-image-topper #masthead:not(.in-content) .button-text, .has-headline-image-topper #masthead:not(.in-content) .sharetool-text { display: none; } } .g-story-body .header, .g-story-body .blockquote, .g-story-body .paragraph { max-width: 660px; margin-left: 20px; margin-right: 20px; margin-bottom: 1em; box-sizing: border-box; } @media screen and (min-width: 700px) { .g-story-body .header, .g-story-body .blockquote, .g-story-body .paragraph { margin-left: auto; margin-right: auto; } } .g-story-body .header { padding-top: 2em; font-family: "nyt-franklin", arial, helvetica, sans-serif; } .g-story-body blockquote.blockquote { font-family: georgia, "times new roman", times, serif; font-size: 17px; line-height: 1.6; border-left: 1px solid #e2e2e2; padding-left: 1em; padding-right: 1em; color: #666666; } @media screen and (min-width: 600px) { .g-story-body blockquote.blockquote { font-size: 20px; line-height: 1.6; } } .g-story-body h3.header { font-size: 32px; font-weight: 300; line-height: 1.1; } @media screen and (min-width: 720px) { .g-story-body h3.header { font-weight: 100; font-size: 42px; } } .g-story-body h4.header { font-size: 24px; font-weight: 500; line-height: 1.1; } @media screen and (min-width: 720px) { .g-story-body h4.header { font-size: 28px; } } .g-story-body h5.header { font-size: 18px; font-weight: 700; line-height: 1.1; } @media screen and (min-width: 720px) { .g-story-body h5.header { font-size: 24px; } } .g-story-body h6.header-label { font-family: "nyt-franklin", arial, helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.1rem; font-size: 15px; font-weight: 700; } @media screen and (min-width: 720px) { .g-story-body h6.header-label { font-size: 18px; } } .g-story-body .rule--story { max-width: 660px; margin-left: 20px; margin-right: 20px; border: none; border-top: 1px solid #e2e2e2; margin-top: 3em; max-width: 330px; } @media screen and (min-width: 700px) { .g-story-body .rule--story { margin-left: auto; margin-right: auto; } } .g-story-body .rule--story + p.paragraph { margin-top: 3em; } .g-story-body p.paragraph { font-family: georgia, "times new roman", times, serif; font-size: 17px; line-height: 1.6; -webkit-font-smoothing: antialiased; } .g-story-body p.paragraph:last-child { margin-bottom: 3em; } @media screen and (min-width: 600px) { .g-story-body p.paragraph { font-size: 20px; line-height: 1.6; } } .g-story-body p.paragraph.paragraph-detail { font-family: "nyt-franklin", arial, helvetica, sans-serif; font-size: 14px; color: #999999; } @media screen and (min-width: 720px) { .g-story-body p.paragraph.paragraph-detail { font-size: 16px; } } .g-story-body p.paragraph.paragraph-summary { font-family: "nyt-franklin", arial, helvetica, sans-serif; font-size: 16px; } @media screen and (min-width: 720px) { .g-story-body p.paragraph.paragraph-summary { font-size: 21px; } } .g-story-body .dropcap { float: left; display: block; position: relative; font-family: "nyt-cheltenham", georgia, "times new roman", times, serif; font-weight: 200; font-size: 6rem; line-height: 1; height: 1em; width: 1em; overflow: hidden; } .g-lead-in { font-family: "nyt-cheltenham-sh", georgia, "times new roman", times, serif; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; font-size: 90%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; font-feature-settings: "kern"; } .g-corrections { padding: 0 20px; max-width: 660px; margin: 0 auto; } @media screen and (min-width: 720px) { .g-corrections { padding: 0; } .g-corrections:before { width: 100px; } } .g-corrections p { font-family: georgia, "times new roman", times, serif; font-size: 15px; line-height: 1.6; } .g-corrections p { font-style: italic; } .g-corrections h5 { font-size: 15px; font-family: "nyt-franklin", arial, helvetica, sans-serif; font-weight: 400; color: #cccccc; margin-bottom: 0.5em; margin-top: 2em; } @media screen and (min-width: 720px) { .g-corrections h5 { font-size: 15px; } } .g-corrections h5 strong { font-weight: bold; color: #000000; padding-right: 10px; } .g-article-credits, .interactive-credit { padding: 0 20px; margin: 0 auto; max-width: 660px; } @media screen and (min-width: 720px) { .g-article-credits, .interactive-credit { padding: 0; } .g-article-credits:before, .interactive-credit:before { width: 100px; } } @media screen and (min-width: 1080px) { .g-article-credits, .interactive-credit { max-width: 660px; } } .g-article-credits p, .interactive-credit p { color: #999999; font-family: "nyt-franklin", arial, helvetica, sans-serif; font-size: 15px; margin-bottom: 15px; line-height: 1.3; } .g-article-credits:before { display: block; content: ' '; width: 100px; height: 1px; background-color: #e2e2e2; margin-top: 20px; margin-bottom: 20px; } .media.photo, .media.video { margin: 0 auto; padding-bottom: 2em; } .media.photo .g-media-wrapper, .media.video .g-media-wrapper { padding: 0 20px; } .full_bleed.media.photo .g-media-wrapper, .full_bleed.media.video .g-media-wrapper, .jumbo.media.photo .g-media-wrapper, .jumbo.media.video .g-media-wrapper { padding: 0; } @media screen and (min-width: 600px) { .media.photo .g-media-wrapper, .media.video .g-media-wrapper { padding: 0; } } .media.photo .image, .media.video .image { padding: 0; margin-bottom: 0; overflow: hidden; box-sizing: border-box; } .media.photo.large, .media.video.large { max-width: 900px; } .media.photo.jumbo, .media.video.jumbo { max-width: 1200px; } .media.photo.full_bleed, .media.video.full_bleed { max-width: 2000px; } .media.photo.jumbo .caption-wrapper, .media.video.jumbo .caption-wrapper, .media.photo.full_bleed .caption-wrapper, .media.video.full_bleed .caption-wrapper { padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 720px) { .media.photo.jumbo .caption-wrapper, .media.video.jumbo .caption-wrapper, .media.photo.full_bleed .caption-wrapper, .media.video.full_bleed .caption-wrapper { padding-left: 0; max-width: 660px; } } .paragraph + .media.photo, .paragraph + .media.video { margin-top: 40px; } .media.photo .caption-wrapper, .media.video .caption-wrapper { display: block; margin: 0 auto; padding: 5px 0 0; max-width: 660px; } @media screen and (min-width: 1080px) { .media.photo .caption-wrapper, .media.video .caption-wrapper { max-width: 660px; } } @media screen and (min-width: 600px) { .small.media.photo .caption-wrapper, .small.media.video .caption-wrapper { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 720px) { .full_bleed.media.photo .caption-wrapper, .full_bleed.media.video .caption-wrapper, .jumbo.media.photo .caption-wrapper, .jumbo.media.video .caption-wrapper, .large.media.photo .caption-wrapper, .large.media.video .caption-wrapper { box-sizing: border-box; padding-right: 200px; } } .media.photo .caption-text, .media.video .caption-text { font-size: 14px; line-height: 1.3; color: #666666; font-family: "nyt-franklin", arial, helvetica, sans-serif; } .media.photo .credit, .media.video .credit { clear: both; font-size: 11px; color: #999999; font-family: "nyt-franklin", arial, helvetica, sans-serif; } @media screen and (min-width: 720px) { .media.photo .credit, .media.video .credit { padding: 0; } } .full_bleed.media.photo .credit, .full_bleed.media.video .credit, .jumbo .media.photo .credit, .jumbo .media.video .credit { padding-right: 3px; } .image img.rad-lazy { width: 100%; opacity: 0.3; transition: opacity 0.5s; margin-bottom: 0; } .image img.rad-lazy.ll-loaded { opacity: 1; } @supports ((-webkit-filter: blur(10px)) or (filter: blur(10px))) { .image img.rad-lazy { -webkit-filter: blur(5px); filter: blur(5px); opacity: 1; transition: opacity 0.5s, -webkit-filter 0.5s, opacity 0.5s, filter 0.5s; } .image img.rad-lazy.ll-loaded { -webkit-filter: blur(0); filter: blur(0); } } @media screen and (min-width: 720px) { .media.video.small .caption-wrapper { box-sizing: border-box; padding-right: 200px; } } .media.photo.small { margin: 0 auto 2em; padding: 0; position: relative; top: 10px; } @media screen and (min-width: 600px) { .media.photo.small { margin: 0 auto; top: 30px; } } @media screen and (min-width: 1005px) { .media.photo.small { max-width: 1200px; } } @media screen and (min-width: 1335px) { .media.photo.small { max-width: 660px; } } @media screen and (min-width: 600px) { .media.photo.small .g-media-wrapper, .media.photo.small .g-interactive-wrapper { width: 33.33333333%; position: relative; float: right; margin: 0 20px 20px; } } @media screen and (min-width: 960px) { .media.photo.small .g-media-wrapper, .media.photo.small .g-interactive-wrapper { width: 330px; } } @media screen and (min-width: 1335px) { .media.photo.small .g-media-wrapper, .media.photo.small .g-interactive-wrapper { width: 50%; margin: 0 calc(-50% - 2em) 2rem 2rem; } } .g-diptych { max-width: 1240px; margin: 30px 20px 0; overflow: hidden; clear: both; } .g-diptych .media.video .g-media-wrapper, .g-diptych .media.photo .g-media-wrapper { padding: 0; } .g-diptych .media.photo, .g-diptych .media.video { max-width: 100%; } .g-diptych .media.photo .caption-text, .g-diptych .media.video .caption-text, .g-diptych .media.photo .credit, .g-diptych .media.video .credit { padding-left: 0; padding-right: 0; } .g-diptych .media.video .caption .caption-wrapper, .g-diptych .media.photo .caption .caption-wrapper { padding: 5px 0 0; max-width: 460px; margin: 0; } @media screen and (min-width: 720px) { .g-diptych { margin: 40px auto 0; } .g-diptych .media.photo.small, .g-diptych .media.photo.large, .g-diptych .media.video.small, .g-diptych .media.video.large { width: 50%; box-sizing: border-box; float: left; margin: 0 0 20px; padding: 0 20px; } .g-diptych .media.photo.small .g-media-wrapper, .g-diptych .media.photo.large .g-media-wrapper, .g-diptych .media.video.small .g-media-wrapper, .g-diptych .media.video.large .g-media-wrapper { width: 100% !important; margin: 0 !important; } .g-diptych .media.photo.small + .photo.small, .g-diptych .media.photo.large + .photo.small, .g-diptych .media.video.small + .photo.small, .g-diptych .media.video.large + .photo.small, .g-diptych .media.photo.small + .photo.large, .g-diptych .media.photo.large + .photo.large, .g-diptych .media.video.small + .photo.large, .g-diptych .media.video.large + .photo.large, .g-diptych .media.photo.small + .video.small, .g-diptych .media.photo.large + .video.small, .g-diptych .media.video.small + .video.small, .g-diptych .media.video.large + .video.small, .g-diptych .media.photo.small + .video.large, .g-diptych .media.photo.large + .video.large, .g-diptych .media.video.small + .video.large, .g-diptych .media.video.large + .video.large { padding-left: 20px; float: right; padding-right: 20px; } } .media.video { margin: 0 auto; padding-bottom: 2em; } .media.video.small { max-width: 900px; } .media.video.large { max-width: 1200px; } .media.video.jumbo { max-width: 2000px; } .media.video.small .caption-wrapper, .media.video.large .caption-wrapper { padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 720px) { .media.video.small .caption-wrapper, .media.video.large .caption-wrapper { padding-left: 0; } } .paragraph + .media.video { margin-top: 40px; } .media.video .credit { display: block; margin-top: 0; padding: 0 3px 0 0; } .g-interactive { max-width: 2000px; margin: 2em auto 2px; position: relative; overflow: hidden; } .g-interactive .g-interactive-wrapper { padding: 15px 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin-bottom: 2em; } .g-interactive.small { overflow: visible; margin: 0 auto 2em; padding: 0; position: relative; top: 10px; } @media screen and (min-width: 600px) { .g-interactive.small { margin: 0 auto; top: 30px; } } @media screen and (min-width: 1005px) { .g-interactive.small { max-width: 1200px; } } @media screen and (min-width: 1335px) { .g-interactive.small { max-width: 660px; } } @media screen and (min-width: 600px) { .g-interactive.small .g-media-wrapper, .g-interactive.small .g-interactive-wrapper { width: 33.33333333%; position: relative; float: right; margin: 0 20px 20px; } } @media screen and (min-width: 960px) { .g-interactive.small .g-media-wrapper, .g-interactive.small .g-interactive-wrapper { width: 330px; } } @media screen and (min-width: 1335px) { .g-interactive.small .g-media-wrapper, .g-interactive.small .g-interactive-wrapper { width: 50%; margin: 0 calc(-50% - 2em) 2rem 2rem; } } .g-interactive.large { max-width: 660px; } .g-interactive.jumbo { max-width: 1200px; } .g-interactive.full_bleed { margin: 0 auto; max-width: 100%; } .g-interactive.full_bleed .g-interactive-wrapper { border: none; padding: 0; } .g-interactive.small, .g-interactive.large, .g-interactive.jumbo { padding: 0 20px; } @media screen and (min-width: 720px) { .g-interactive.small, .g-interactive.large, .g-interactive.jumbo { padding: 0; } } .g-interactive img { margin-bottom: 0; } .g-interactive .interactive-summary { font-family: "nyt-cheltenham-sh", georgia, "times new roman", times, serif; font-size: 13px; line-height: 1.4; color: #666666; padding-top: 5px; } .g-interactive .credit, .g-interactive .notes, .g-interactive .source { display: block; font-family: "nyt-franklin", arial, helvetica, sans-serif; color: #999999; padding: 0 3px; margin-top: 5px; margin-bottom: 0; } .g-interactive + .paragraph { margin-top: 2em; } .g-interactive + .media.photo { margin-top: 2em; } @media screen and (min-width: 720px) { .g-interactive + .media.photo { margin-top: 0; } } .g-slideshow { margin: 2em 0; width: 100%; overflow: hidden; } .g-slideshow-item { position: relative; } .g-slideshow-item .caption { width: 100%; padding: 50vh 0; } .g-slideshow-item:first-child .caption { padding-top: 100vh; } .g-slideshow-item:last-child .caption { padding-bottom: 100vh; } .g-slideshow-item .caption .caption-wrapper { position: relative; left: 50%; transform: translate(-50%, 0); width: 660px; max-width: calc(100% - 40px); z-index: 20; background: rgba(255, 255, 255, 0.95); box-sizing: border-box; padding: 30px; transition: opacity 1s; opacity: 0; } .g-slideshow-item .caption .caption-wrapper .caption-text { color: #000000; font-family: "nyt-franklin", arial, helvetica, sans-serif; font-size: 16px; line-height: 1.2; } .g-slideshow-item .caption .caption-wrapper .credit { display: block; font-family: "nyt-franklin", arial, helvetica, sans-serif; font-size: 12px; margin-top: 10px; } @media screen and (min-width: 720px) { .g-slideshow-item .caption .caption-wrapper .caption-text { font-size: 20px; font-weight: 300; } .g-slideshow-item .caption .caption-wrapper .credit { font-size: 14px; } } .g-slideshow-item .g-asset-wrapper { height: 100vh; width: 100vw; display: block; padding: 0; opacity: 0; position: absolute; top: 0; left: 0; overflow: hidden; } .g-slideshow-item .g-asset-wrapper img, .g-slideshow-item .g-asset-wrapper video { width: 100% !important; height: auto !important; } .g-slideshow-item .g-asset-wrapper .fit-object-wrapper { position: absolute; width: 100%; height: 100%; } .g-slideshow-item .g-asset-wrapper .fit-object-wrapper img, .g-slideshow-item .g-asset-wrapper .fit-object-wrapper video { width: 100% !important; height: auto !important; } .active.g-slideshow-item .g-asset-wrapper { opacity: 1; visibility: visible; } .g-slideshow-item:last-child .g-asset-wrapper { position: absolute; bottom: 0; left: 0; right: 0; top: auto; } .g-slideshow-item.interactive .g-asset-wrapper .ai2html { width: 100vw; height: 100vh; position: relative; } .g-slideshow-item.interactive .g-asset-wrapper .ai2html > div { position: absolute; top: 50%; transform: translateY(-50%); } .g-slideshow.lightbox-fixed .caption .caption-wrapper { opacity: 1; } .g-slideshow.lightbox-fixed div.g-asset-wrapper { background: #000; opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; transition: opacity 0s 0s, visibility 0s 0s; z-index: 1; display: none; } .g-slideshow.lightbox-fixed .g-slideshow-item.active div.g-asset-wrapper, .g-slideshow.lightbox-fixed .g-slideshow-item.active-adjacent div.g-asset-wrapper { display: block; transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; } .g-slideshow.lightbox-fixed .g-slideshow-item.active-adjacent div.g-asset-wrapper { transition: opacity 0s 1s, visibility 0s 1s; } .g-slideshow.lightbox-fixed .g-slideshow-item.active div.g-asset-wrapper { opacity: 1; visibility: visible; transition: opacity 1s 0s, visibility 1s 0s; z-index: 2; } .has-fixed-lightbox #masthead { pointer-events: none; } .g-series-wrapper { max-width: 660px; margin-top: 4rem; margin-left: auto; margin-right: auto; padding: 0 20px; } @media screen and (min-width: 660px + 20) { .g-series-wrapper { padding: 0; } } .g-series-wrapper h2 { font-weight: 500; font-size: 32px; line-height: 1.1; margin-bottom: 20px; } .g-series-links { color: #000000; } .g-series-links .caption { display: none; } .g-series-links a { color: #000000; display: table; width: 100%; margin-bottom: 1rem; } .g-series-links a:hover { text-decoration: none; } .has-no-touch .g-series-links a:hover h3 { border-bottom: 2px solid #cccccc; text-shadow: 0 2px 0 #fff; } .g-series-links .promo-info, .g-series-links .promo-image { display: table-cell; vertical-align: middle; } .g-series-links .promo-info { padding: 0 0 0 20px; } .g-series-links h3 { display: inline; font-family: "nyt-cheltenham-sh", georgia, "times new roman", times, serif; font-size: 17px; font-weight: 400; line-height: 1.1; margin-right: 5px; } @media screen and (min-width: 769px) { .g-series-links h3 { font-family: "nyt-cheltenham", georgia, "times new roman", times, serif; font-size: 21px; line-height: 1.2; } } .g-series-links .pubdate { display: inline; color: #cccccc; font-family: "nyt-franklin", arial, helvetica, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 0.02em; white-space: nowrap; } .g-series-links .promo-image { width: 33%; margin: 0; padding: 0; } .g-series-links .promo-image:empty:after { display: block; content: ' '; width: 100%; padding-bottom: 66.667%; } .g-series-links .media.photo { margin: 0; padding: 0; } .g-series-links .media.photo .g-media-wrapper { margin: 0; padding: 0; } #story { opacity: 1; position: relative; transform: none; transition: all 0.45s ease-in-out; } .rad-fade #story { transform: translateY(0); opacity: 0; } .rad-unload #story { transform: translateY(-60px); } #masthead { position: relative; opacity: 1; transform: translateY(0); transition: transform 0.45s ease-in-out; } .rad-fade #masthead { opacity: 0 !important; transform: translateY(0); transition: opacity 0.45s ease-in-out; } .rad-unload #masthead { opacity: 0; transform: translateY(-60px); transition: all 0.45s ease-in-out; } #related-coverage, .viewport-medium #related-coverage { margin-top: 4em; } .g-article-wrapper .g-loader-link { max-width: 660px; margin-left: 20px; margin-right: 20px; display: block; font-family: "nyt-franklin", arial, helvetica, sans-serif; font-weight: bold; margin-bottom: 5rem; } @media screen and (min-width: 700px) { .g-article-wrapper .g-loader-link { margin-left: auto; margin-right: auto; } } .ad.top-ad { border-color: transparent; } .g-ad-wrapper { margin: 0 auto 2em; text-align: center; / background: rgba(0,0,0,0.05); / } .g-ad-wrapper.has-border { padding: 30px 0; border-color: #e2e2e2; border-style: solid; border-width: 1px 0; } .g-ad-wrapper .ad { margin: 30px auto 50px; } .g-ad-wrapper .ad:before { display: block; content: 'Advertisement'; text-transform: uppercase; font-family: "nyt-franklin", arial, helvetica, sans-serif; color: #cccccc; font-size: 10px; letter-spacing: 0.05em; text-align: center; width: 100%; padding-bottom: 5px; } .g-ad-wrapper:last-child { border-width: 0; margin: 40px 20px; padding: 30px 0; } @media screen and (min-width: 720px) { .g-ad-wrapper:last-child { max-width: 705px; margin: 40px auto 0; } } @media screen and (min-width: 960px) { .g-ad-wrapper:last-child { max-width: 945px; } } .g-ad-wrapper .g-ad { display: inline-block; } @media print { { background: #fff !important; } .quick-navigation, #masthead .story-meta, .user-tools, .search-flyout-panel, .notification-modals, .announcments, #navigation, #mobile-navigation, .g-ad-wrapper, figure, .g-interactive, .media.video, .media.photo, #footer, #related-coverage, .visually-hidden, #page-footer li, .ad, .last-nav, .g-cover-container, .cover-caption, .cover-replay, .nyt-logo, .location-header-wrapper img { display: none !important; } #page-footer ul { list-style: none; margin: 0; padding: 0; } #page-footer nav ul li:first-child { display: block !important; text-align: center; } .masthead { padding-bottom: 0.2in; margin-bottom: 0.2in; margin-top: 45px; position: static !important; } .masthead .branding { float: none !important; display: block !important; height: 20px; margin: 0 auto; text-align: center; } a { color: #000 !important; text-decoration: none !important; } .g-cover { height: auto !important; margin-bottom: 0 !important; } .g-cover .story-heading { color: #111 !important; position: static !important; text-align: center !important; margin: 0 !important; } .g-cover .interactive-header { position: static !important; max-width: 600px; margin: 0 auto !important; } .g-cover .interactive-header p { position: static !important; max-width: 600px; color: #111 !important; } .g-cover .interactive-header p br { display: none !important; } } / Project styles go here. / / #preview-banner { display: none; }/ @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } .in-content { animation-name: fade-in; animation-duration: 1s; } .masthead { box-shadow: none !important; } .masthead .container { border-bottom: 0 !important; } .shell { padding-top: 0 !important; } { box-sizing: border-box !important; } .story.theme-interactive { margin-bottom: 0 !important; } #related-coverage { display: none; } .instagram-media { margin: 0 auto !important; } video { width: 100%; } .g-loader-link { color: black !important; display: inline !important; border-bottom: 1px solid rgba(0, 0, 0, 0.4); padding-bottom: 3px; font-size: 16px; text-transform: uppercase; opacity: 0.4; } .page-footer { padding-top: 16px !important; border-top: 0; } .read-more { max-width: 660px; margin: 0 auto; } a.g-loader-link:hover { text-decoration: none; } .g-article-wrapper { padding-top: 130px; padding-bottom: 130px; } .sections-button, .search-button, .masthead .story-meta, #sharetools-masthead .facebook-sharetool, #sharetools-masthead .twitter-sharetool, #sharetools-masthead .email-sharetool, #sharetools-masthead .save-sharetool { display: none !important; } .g-article-wrapper:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.02); } .g-cover { padding-top: 0; } .g-cover .interactive-header { padding-top: 0 !important; } .dateline { display: none; } .byline { margin-right: 0 !important; } .paragraph a:hover { text-decoration: none; } .paragraph a { color: black; padding-bottom: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.25); } .g-article-credits { display: none; } .video-chrome { display: block; width: 100%; margin: 0 auto; margin-bottom: 60px; max-width: 900px; } .article-outer-100000005598435 .article-100000005598435 .g-cover { display: none; } .article-outer-100000005598435 .article-100000005598435:before { content: 'State of the Internet — By Farhad Manjoo'; text-transform: uppercase; opacity: 0.4; max-width: 660px; margin: 0 auto; padding: 20px; display: block; margin-bottom: 35px; font-weight: 600; letter-spacing: 2px; } .credits { font-size: 14px; opacity: 0.4; line-height: 1.3; max-width: 660px; margin: 0 auto; padding: 50px 0; font-family: "nyt-franklin", arial, helvetica, sans-serif; } .paragraph:first-of-type, .paragraph:nth-of-type(2) { font-size: 26px !important; font-family: georgia, "times new roman", times, serif !important; } .paragraph:nth-of-type(2) { margin-bottom: 60px; } .paragraph:nth-of-type(3) strong { color: black !important; display: inline !important; font-size: 16px; text-transform: uppercase; font-family: "nyt-franklin", arial, helvetica, sans-serif; } .branding-label, .button-text, #sharetools-masthead .sharetool-text { display: none !important; } .topper-hed { padding: 50px; font-size: 150px; text-align: center; font-weight: 200; } .summary { display: none !important; } .story-heading { font-size: 58px !important; margin-bottom: 10px; max-width: 800px; } .topper { min-height: 80vh; } .full-bleed-cover video { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; } /.caption-wrapper { display: none !important; } .full-bleed-cover .caption-wrapper { display: block !important; } / .nytd_looping_video, .nytd_looping_video video { -o-object-fit: cover; object-fit: cover; width: 100%; -o-object-position: center top; object-position: center top; } .full-bleed-cover { margin-bottom: 0 !important; } .full-bleed-cover .topper-headline { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; pointer-events: none; } .topper-headline span { opacity: 0.6; font-size: 30px; color: white; font-weight: 500; letter-spacing: 10px; text-transform: uppercase; } .topper-headline .date { color: white; margin-top: 10px; font-size: 16px; font-family: "nyt-franklin", arial, helvetica, sans-serif; opacity: 0.5; text-transform: uppercase; position: absolute; display: inline; bottom: 40px; right: 40px; } .series-name { display: none; text-align: center; margin: 0 auto; margin-left: 15px; margin-top: 19px; text-transform: uppercase; font-size: 12px; font-weight: 600; opacity: 0.6; letter-spacing: 1px; color: black !important; } .in-content .series-name { display: inline-block; } .stacked-cover { max-width: 800px; } .byline-dateline { margin-bottom: 20px; } .g-social .sharetool { display: inline-block; } .g-social-button, .g-social .sharetool a { transition: background-color 0.25s linear; width: 38px; text-align: center; font-family: "nyt-franklin", arial, helvetica, sans-serif; display: inline-block; margin: 5px; padding: 10px; background-color: black; border-radius: 20px; color: white !important; line-height: 0 !important; } .g-social svg { pointer-events: none; } .g-social .sharetool a:hover { cursor: pointer; background-color: gray; text-decoration: none !important; transition: background-color 0.25s linear; } .g-social .sharetools-menu { margin-bottom: 0 !important; } .g-blurby { max-width: 1200px; margin: 0 auto; font-family: "nyt-franklin", arial, helvetica, sans-serif; font-size: 14px; } .g-blurby .headline { text-transform: uppercase; opacity: 0.4; padding: 20px 0; padding-bottom: 10px; display: block; line-height: 1.3; font-weight: 600; letter-spacing: 2px; font-size: 18px; max-width: 660px; margin: 0 auto; font-family: "nyt-cheltenham", georgia, "times new roman", times, serif; } .g-blurby .byline { color: black; font-family: nyt-franklin, arial, helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; opacity: 0.4; line-height: 23px; } .g-blurby .intro { font-family: georgia, "times new roman", times, serif; padding: 20px 0; max-width: 660px; margin: 0 auto; font-size: 26px; line-height: 1.55; padding-bottom: 50px; color: #333; } .g-blurby .item { padding: 20px; font-size: 18px; line-height: 1.3; width: 25%; float: left; } .g-blurby .item strong { font-weight: 500; font-size: 30px; border-bottom: 2px solid #65aae5; margin-bottom: 20px; padding-bottom: 2px; display: inline; line-height: 1.4; } .g-blurby .item div { margin-top: 15px; } .g-blurby .items:after { content: ''; display: block; clear: both; } .g-blurby-outer { min-height: 100vh; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .g-tweet { max-width: 660px; margin: 20px auto; border-radius: 3px; padding: 40px; background-color: #f3f3f3; } .g-tweet h1 { color: black; line-height: 1.4; font-weight: 400; margin: 20px 0; } .g-tweet div, .g-tweet small { font-size: 14px; text-transform: uppercase; font-family: "nyt-franklin", arial, helvetica, sans-serif; margin: 0; opacity: 0.75; } .g-tweet a { color: black; text-decoration: underline; } .paragraph strong { font-family: "nyt-franklin", arial, helvetica, sans-serif; } .twitter-tweet { margin: 2em auto; } .twitter-tweet.has-embed > p, .twitter-tweet.has-embed > a, .twitter-tweet.has-embed > cite { display: none; } .g-interactive-wrapper { margin-bottom: 0 !important; } @media (max-width: 768px) { .g-article-wrapper { padding-top: 50px; padding-bottom: 50px; } .g-media-wrapper { padding-left: 0 !important; padding-right: 0 !important; } .story-heading { font-size: 40px !important; } .paragraph:first-of-type, .paragraph:nth-of-type(2) { font-size: 24px !important; } .topper-headline span { text-align: center; font-size: 20px; padding: 20px; line-height: 2; } .full-bleed-cover, .full-bleed-cover .image { height: 90vh !important; } .full-bleed-cover .topper-headline span { padding: 40px; line-height: 5; } .full-bleed-cover .nytd_looping_video, .full-bleed-cover .nytd_looping_video video { -o-object-position: center center; object-position: center center; } .g-social { margin-bottom: 25px; } .credits, .caption { padding-left: 20px; padding-right: 20px; } .g-blurby .intro { max-width: 100%; } .g-blurby .item { width: 100%; } .g-blurby .intro { font-size: 24px; } .g-blurby .intro, .g-blurby .headline { padding-left: 20px; padding-right: 20px; } .read-more { margin-top: -30px; } .twitter-tweet { padding-left: 10px; padding-right: 10px; } .g-blurby .headline { font-family: "nyt-franklin", arial, helvetica, sans-serif; font-weight: 300; font-size: 40px; line-height: 1.2; text-transform: none; color: black; opacity: 1; letter-spacing: 0; padding: 15px 20px; } .g-blurby .item { font-size: 15px; padding-top: 0; } .g-blurby .item strong { font-size: 18px; } .date { font-size: 14px !important; } } @media (max-width: 321px) { .series-name { display: none !important; } .paragraph:first-of-type, .paragraph:nth-of-type(2) { font-size: 18px !important; } .full-bleed-cover .topper-headline span { line-height: 3; padding-bottom: 0px; } }

John Yuyi

Welcome to the Post-Text Future

Feb. 9, 2018

John Yuyi

Welcome to the Post-Text Future

The internet was born in text. Now, video and audio are ascendant, writing is being left behind, and everything will be different.

By Farhad Manjoo FEB. 9, 2018

I’ll make this short: The thing you’re doing now, reading prose on a screen, is going out of fashion.

We’re taking stock of the internet right now, with writers who cover the digital world cataloging some of the most consequential currents shaping it. If you probe those currents and look ahead to the coming year online, one truth becomes clear. The defining narrative of our online moment concerns the decline of text, and the exploding reach and power of audio and video.

Read more

John Yuyi

The Mainstreaming of Political Memes Online

The distance between the White House and subcultures like 4Chan have closed. Now simple, guttural digital messages, often with multimedia, are big in politics.

By Nellie Bowles FEB. 9, 2018

Political memes have gone mainstream as the distance between the White House and subcultures like 4Chan has closed.

President Trump has frequently retweeted his fans’ meme work, #MeToo jumped from social media to every workplace, and political campaigns started to invest in the form more seriously. The political meme — text over an image, sometimes short videos or digital clip art meant to spread and be imitated — is often a guttural, simple message couched in humor, like the doctored video from September of Hillary Clinton being hit with his golf ball.

Read more

Becoming Engulfed by Digital Multimedia

Photos, videos, graphics and more are taking over our online experience. And in response, companies and publishers are all pouring money into developing even more multimedia for us to consume. How do we know this? These numbers tell the story. — Farhad Manjoo

70 million

About 70 million Americans regularly listen to podcasts, according to Edison Media Research. People who listen weekly tend to spend five hours a week on them.

1 billion

In 2017, YouTube reported that people watched a billion hours on that service every day. On average, young Americans spend two hours a day watching video online.

30 minutes

Instagram lifted Snapchat’s video diary feature, Stories, to great success; more than 800 million people use Instagram, for more than 30 minutes a day on average.

$8 billion

A tsunami of money is flowing to audio and video. Netflix unveiled a plan to spend $8 billion on original content in one year, while Apple plans to shell out $1 billion.

John Yuyi

The Ratio Establishes Itself on Twitter

There are now more ways to tell if your tweet was bad. That’s because of the ratio.

By Mike Isaac FEB. 9, 2018

It’s easy to tell when you’ve nailed a good tweet — just watch the likes and retweets pile up as the post goes viral.

Now there are also more ways to tell if a tweet was bad. That’s because a new barometer for Twitter blahness has taken hold: the ratio.

Read more

John Yuyi

How Social Media Gives Women a Voice

It’s harder to ignore harassment, or retaliate against accusers, when reports are bolstered by the stories of many others and the public is watching.

By Claire Cain Miller FEB. 9, 2018

Susan Fowler had tried going to human resources. She had tried going to her managers. She had tried transferring departments. But nothing changed. The sexual and sexist comments she received as an engineer at Uber kept coming.

So she went online and wrote a 3,000-word blog post exposing the behavior.

Read more

How We Get Redpilled, Cucked and Triggered Online

The alt-right’s most enduring legacy may be its lexicon. With passphrases borrowed from sources as varied as men’s rights message boards and pro-Trump YouTubers, the language has escaped its origins and lodged firmly in our national discourse. Pull up a chair — it’s time for a vocabulary lesson. — Kevin Roose

Redpilled (adj.)

A reference to a scene in “The Matrix” that is now used to indicate a person who has achieved a state of right-wing enlightenment. Becoming “redpilled” could mean realizing that Jews control the media, or that feminists are the real oppressors.

Triggered (adj.)

The state of being earnestly offended by an opposing view. On the right-wing internet, being triggered is an automatic admission of defeat.

Cuck (n.)

A weak, emasculated liberal, or a right-wing politician who has abandoned conservative values. Short for “cuckservative,” a portmanteau of “cuckold” and “conservative.”

Virtue-signal (v.)

A term borrowed from social science, now used to refer to liberals who conspicuously express left-wing values, primarily for the purposes of impressing other liberals.

John Yuyi

Even the Tech Elite Are Worrying About Tech Addiction

The pioneers of social media have begun grumbling that their technology might be irresistible. But they have few ideas about how to tame the beast they built.

By Farhad Manjoo FEB. 9, 2018

Your phone buzzes. A message, an Instagram post, a tweet — some bit of digital effluvia has come in, and it’s right there, promising a brief but necessary hit of connection. All you have to do is look.

But, just as an experiment, how long can you resist looking? A minute? Two? If you make it that long, how do you start to feel? Can you concentrate? Does your mind wander at what you’re missing? And if you give in — as you surely will, as you probably do many times a day — how do you feel about yourself?

Read more

John Yuyi

Brands Are Becoming Accountable for Where Digital Ads Show Up

Major companies have been forced to rethink how they advertise online after coming under fire when their digital ads appeared next to racist or fake-news content.

By Sapna Maheshwari FEB. 9, 2018

For advertisers, one of the internet’s great promises has been the ability to automatically target people based on their interests and demographics, with little regard to the websites they are visiting.

But these days, major brands have been forced to rethink how they advertise online. Companies from Kellogg to AT&T have come under fire for inadvertently funding bigotry, hate speech and misinformation, often because they were using automated ad technology to reach groups of people across a vast number of sites and videos.

Read more

Cryptocurrencies for All. Or Even for Nothing.

Today’s virtual currency market is a lawless free-for-all, and as with any good gold rush, scammers and schemers have moved in alongside legitimate peddlers to create their own digital currencies for all manner of things. Here are a few egregious examples of crypto-world flotsam that have succeeded despite themselves. — Kevin Roose

Bananacoin

“The world’s first blockchain option for investing in production of organic bananas.” Private sales: $2.8 million.

Dentacoin

“The blockchain solution for the global dental industry.” Market value: $350 million.

Potcoin

“The first digital currency created to facilitate transactions within the legalized cannabis industry.” Market value: $31 million.

Useless Ethereum Token

“The world’s first 100 percent honest Ethereum I.C.O.” This offering promised to take investors’ money and give them literally nothing in return. Market value: $104,000.

Ashley Armitage’s Instagram post of model Amanda Ochoa. John Yuyi

Instagram Perfection Gives Way to Realness

Instead of perfectly polishing their feeds, photographers and brands are now showing what women, in particular, actually look like.

By Amanda Hess FEB. 9, 2018

For all the talk about the internet’s power to democratize the media, Instagram can present an awfully traditional picture of what a woman is supposed to be. The images that rise on the platform are a hellscape of white feminine conformity, with top influencers sporting the same matte lips and contoured cheeks, their bodies whittled and waxed and contorted into the same poses. (Hey, @kyliejenner.)

But perfectly polished Instagram feeds have now given way to real ones, in which women in particular are showing what they actually look like. And because they have demanded to be seen, brands have taken notice, too.

Read more

Photographs by John Yuyi. Art direction by Antonio De Luca, Jason Fujikuni, Agnes Lee. Produced by Andrew Rossback. Modeling by Sara Hiromi, Jason Fujikuni.

var _gaq = _gaq || []; define('_nytg/internet/article-config', function() { return { 'env': 'production', 'cover_type': 'stacked-cover', 'has_series_nav': true, 'magazine': true, 'project_root': window.location.pathname }; }); define('_nytg/internet/assets', function() { return 'https://static01.nyt.com/newsgraphics/2018/01/05/internet/6d480062ef59b12c8ad6f2b6c4dde54c58a12d41/'; }); define('_nytg/internet/big-assets', function() { return 'https://static01.nyt.com/newsgraphics/2018/01/05/internet/assets/'; }); require(['foundation/main'], function() { require(['https://static01.nyt.com/newsgraphics/2018/01/05/internet/6d480062ef59b12c8ad6f2b6c4dde54c58a12d41/build.js'\]); // generated from src/script.js });

More on NYTimes.com

Advertisement

Site Information Navigation

Site Information Navigation

require(['foundation/main'], function () { require(['interactive/main']); require(['jquery/nyt', 'foundation/views/page-manager'], function ($, pageManager) { if (window.location.search.indexOf('disable_tagx') > 0) { return; } $(document).ready(function () { require(['https://a1.nyt.com/analytics/json-kidd.min.js'\], function () { pageManager.trackingFireEventQueue(); }); }); }); }); (function (w, d){ // scoped state var MutationObserver = w.MutationObserver || w.WebKitMutationObserver || w.MozMutationObserver; var hasResized = false; var resizeFallbackDelay = 1500; var interactive = { id: '100000005709276', slug: 'the-rise-of-a-visual-internet', }; // vanilla JS $(document).ready() function ready(fn) { if (d.readyState != 'loading'){ fn(); } else { d.addEventListener('DOMContentLoaded', fn); } } // send resize message to parent function sendResizeMessage(opts){ if (!(w.parent && w.parent.postMessage)) { return; } var rect, width, height, message; rect = d.documentElement.getBoundingClientRect(); width = Math.ceil(rect.width); height = Math.ceil(rect.height); message = { type: 'resize', id: interactive.id, width: width, height: height }; w.parent.postMessage(message, ''); // don't update hasResized if this message was forced if (opts && opts.forced) { return; } hasResized = true; } // send message to parent to indicate that this interactive is listening for messages function sendListeningMessage(){ if (!(w.parent && w.parent.postMessage)) { return; } var message = { type: 'listening', id: interactive.id, }; w.parent.postMessage(message, ''); } // observe mutations to the interactive graphics node and send resize message function initializeMutationObservers(){ if (!MutationObserver) { return; } // select the target node var target = d.getElementById(interactive.slug); if (!target) { return; } // create an observer instance var observer = new MutationObserver(sendResizeMessage.bind(null, null)); // configuration of the observer var config = { attributes: true, childList: true, characterData: true, subtree: true, }; // pass in the target node, as well as the observer options observer.observe(target, config); } // update theme in response to message from parent function updateTheme(previous, current){ var root = d.documentElement; if (!(previous && current && root)) { return; } root.classList.remove(previous); root.classList.add(current); } // handle messages from parent function onMessage(event) { var data = event.data; var type = data.type; if (type === 'themechange') { if (data.previous && data.current) { updateTheme(data.previous, data.current); } } } // hook into the resizedcontent event that some embedded interactives dispatch function attachEventListeners(){ d.documentElement.addEventListener('resizedcontent', sendResizeMessage.bind(null, null)); } // always resize at least once // @see https://a1.nyt.com/assets/interactive/20170123-034410/js/shared/interactive/views/app-communicator.js function initializeResizeFallback(){ if (!hasResized) { setTimeout(sendResizeMessage.bind(null, null), resizeFallbackDelay); } } // initialize the interactive if it has been embedded function init() { if (w.parent) { sendResizeMessage({ forced: true }); attachEventListeners(); initializeMutationObservers(); initializeResizeFallback(); } } // initialization that should occur before DOMContentLoaded function preReady() { if (w.parent) { w.addEventListener('load', sendResizeMessage.bind(null, { forced: true })); w.addEventListener('message', onMessage, false); sendListeningMessage(); } } preReady(); ready(init); })(window, document);