D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
TheMapSmith
Full window
Github gist
Death to Bullshit homepage source
<!doctype html> <head> <title>Death to Bullshit</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width" /> <link rel="stylesheet" type="text/css" href="style.css" media="all" /> <link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> </head> <body> <div class="container"> <header role="banner"> <h1 id="logo">Death to Bullshit</h1> <div class="left">by <a href="https://bradfrost.com">Brad Frost</a></div> <a href="#" class="bullshit-switch right" id="bullshitbutton">Turn bullshit on?</a> </header> <hr /> <main role="main"> <p class="intro">We're bombarded by more information than ever before. With the rise of all this information comes a rise of the amount of bullshit we're exposed to. <em>Death to Bullshit</em> is a rallying cry to rid the world of bullshit and demand experiences that respect people and their time.</p> <h3>What is bullshit?</h3> <p>Bullshit lies on a spectrum somewhere between ineptitude and outright deception. Bullshit can be characterized in a few different ways:</p> <ul> <li>Superfluous or unnecessary</li> <li>Cluttered, clunky, or needlessly complex</li> <li>Intentionally deceptive or insincere</li> </ul> <p>Popups, jargon, junk mail, anti-patterns, sensationalism, begging for likes, tracking scripts, marketing spam, <a href="https://darkpatterns.org/">dark patterns</a>, unskippable ads, clickbait, linkbait, listicles, seizure-inducing banners, captchas, QR codes, barely-visible unsubscribe buttons, 24-hour news networks, carousels, auto-playing audio, bloatware, sudden redirects to the App Store, telemarketing, ticked-by-default subscribe buttons, "your call is important to us", pageview-gaming galleries, native advertising, the list of bullshit goes on and on and on. This bullshit assaults our senses in a desperate attempt to capture our attention.</p> <h3>People's capacity for bullshit is rapidly diminishing.</h3> <blockquote> When information is cheap, attention becomes expensive. <cite><a href="https://around.com/the-information/">James Gleick</a></cite> </blockquote> <p>We as human beings are trying to maximize our <em>signal</em> and minimize the amount of <em>noise</em> we're exposed to. Our willingness to be inconvenienced, interrupted, and insulted is dwindling. We're finding more ways to circumvent bullshit, whether it's through tools like ad-blockers or actions like cutting cable.</p> <p>As the landslide of bullshit surges down the mountain, people will increasingly gravitate toward genuinely useful, well-crafted products, services, and experiences that respect them and their time. So we as creators have a decision to make: do we want to be part of the <a href="https://en.wikipedia.org/wiki/Sturgeon%27s_law">90% of noise</a> out there, or do we want to be part of the 10% of signal? It's quite simple really:</p> <ul> <li>Respect people and their time.</li> <li>Respect your craft.</li> <li>Be sincere.</li> <li>Create genuinely useful things.</li> </ul> <p>This site and accompanying <a href="https://blog.deathtobullshit.com">blog</a> explore the themes of information, bullshit, and craft. Enjoy.</p> <p>Love,<br />Brad</p> <p><small><i>Note: This site is an adaptation of <a href="https://bradfrost.com/blog/post/death-to-bullshit-at-creative-mornings/">a talk</a> I gave.</i></small></p> </main> <hr /> <footer role="contentinfo"> <p class="left">by <a href="https://bradfrost.com" rel="external">Brad Frost</a> (<a href="https://twitter.com/brad_frost" rel="external">@brad_frost</a>)</p> <ul class="right"> <li><a href="https://deathtobullshit.com">Death to Bullshit</a></li> <li><a href="https://blog.deathtobullshit.com">Blog</a></li> </ul> </footer> <div class="feedback-btn"> <a href="https://docs.google.com/forms/d/1QAbZ0qm1Q3SwT3Ane2ZLi7I_cjAWyrDc58IhDc_Zo0Q/viewform?c=0&w=1" target="_blank">You got time. Give us feedback!</a> </div> <div class="floater"> <p>For the love of god, please "like" us!</p> <ul> <li> <a href="https://twitter.com/brad_frost" target="_blank" class="icon-twitter">Twitter</a></li> <li> <a href="https://www.facebook.com/brad.frost.web.design" target="_blank" class="icon-facebook">Facebook</a></li> <li> <a href="https://www.linkedin.com/profile/view?id=18549208&trk=tab_pro" target="_blank" class="icon-linkedin">LinkedIn</a> </li> <li> <a href="https://instagram.com/brad_frost/" target="_blank" class="icon-instagram">Instagram</a> </li> <li> <a href="https://blog.deathtobullshit.com/rss" target="_blank" class="icon-rss">RSS</a> </li> </ul> </div> <div class="popup"> <div class="popup-window"> <a href="#" class="popup-close-btn">Close this window, I am a racist.</a> <p>Like us on Facebook if you think racism is bad!</p> <a href="#" class="like-btn">Like</a> </div> </div> <div class="qr"> </div> </div> <div class="ad-grid-container"> <h3 class="ad-grid-heading">We think you're a stupid piece of shit and therefore may also like...</h3> <div class="g"> </div> </div> <script src="js/skrollr.min.js"></script> <script src="js/bullshit.js"></script> </body>