mirror of
https://github.com/viq/NewsBlur.git
synced 2025-04-13 09:38:09 +00:00
168 lines
10 KiB
HTML
168 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en"><head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<link rel="shortcut icon" href="https://newsblur.com/media/img/favicon.ico" type="image/png" />
|
||
<link rel="icon" href="https://newsblur.com/media/img/favicon_32.png" sizes="32x32"/>
|
||
<link rel="icon" href="https://newsblur.com/media/img/favicon_64.png" sizes="64x64"/>
|
||
<link rel="alternate" type="application/rss+xml"
|
||
title="The NewsBlur Blog RSS feed"
|
||
href="/feed.xml" /><!-- Begin Jekyll SEO tag v2.8.0 -->
|
||
<title>The NewsBlur Redesign | The NewsBlur Blog</title>
|
||
<meta name="generator" content="Jekyll v4.3.4" />
|
||
<meta property="og:title" content="The NewsBlur Redesign" />
|
||
<meta property="og:locale" content="en_US" />
|
||
<meta name="description" content="Not to say that NewsBlur was ugly before today, but it certainly didn’t have the loving embrace of a talented designer. So without waiting another moment (or month) I proudly present the NewsBlur redesign." />
|
||
<meta property="og:description" content="Not to say that NewsBlur was ugly before today, but it certainly didn’t have the loving embrace of a talented designer. So without waiting another moment (or month) I proudly present the NewsBlur redesign." />
|
||
<link rel="canonical" href="https://blog.newsblur.com/2013/05/20/the-newsblur-redesign/" />
|
||
<meta property="og:url" content="https://blog.newsblur.com/2013/05/20/the-newsblur-redesign/" />
|
||
<meta property="og:site_name" content="The NewsBlur Blog" />
|
||
<meta property="og:type" content="article" />
|
||
<meta property="article:published_time" content="2013-05-20T22:47:00-04:00" />
|
||
<meta name="twitter:card" content="summary" />
|
||
<meta property="twitter:title" content="The NewsBlur Redesign" />
|
||
<script type="application/ld+json">
|
||
{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2013-05-20T22:47:00-04:00","datePublished":"2013-05-20T22:47:00-04:00","description":"Not to say that NewsBlur was ugly before today, but it certainly didn’t have the loving embrace of a talented designer. So without waiting another moment (or month) I proudly present the NewsBlur redesign.","headline":"The NewsBlur Redesign","mainEntityOfPage":{"@type":"WebPage","@id":"https://blog.newsblur.com/2013/05/20/the-newsblur-redesign/"},"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://blog.newsblur.com/assets/newsblur_logo_512.png"}},"url":"https://blog.newsblur.com/2013/05/20/the-newsblur-redesign/"}</script>
|
||
<!-- End Jekyll SEO tag -->
|
||
<link rel="stylesheet" href="/assets/main.css">
|
||
<link rel="stylesheet" type="text/css" href="https://cloud.typography.com/6565292/711824/css/fonts.css" />
|
||
<link rel="stylesheet" type="text/css" href="https://cloud.typography.com/6565292/731824/css/fonts.css" /><link type="application/atom+xml" rel="alternate" href="https://blog.newsblur.com/feed.xml" title="The NewsBlur Blog" /></head>
|
||
<body><header class="site-header" role="banner">
|
||
|
||
<div class="wrapper"><a class="site-title" rel="author" href="/">
|
||
<div class="site-title-image">
|
||
<img src="/assets/newsblur_logo_512.png">
|
||
</div>
|
||
<div class="site-title-text">The NewsBlur Blog</div>
|
||
</a><nav class="site-nav">
|
||
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
|
||
<label for="nav-trigger">
|
||
<span class="menu-icon">
|
||
<svg viewBox="0 0 18 15" width="18px" height="15px">
|
||
<path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
|
||
</svg>
|
||
</span>
|
||
</label>
|
||
|
||
<div class="trigger"><a class="page-link" href="https://www.newsblur.com">Visit NewsBlur ➤</a></div>
|
||
</nav></div>
|
||
</header>
|
||
|
||
<header class="site-subheader" role="banner">
|
||
|
||
<div class="wrapper">
|
||
<div class="top">
|
||
NewsBlur is a personal news reader that brings people together to talk about the world.
|
||
</div>
|
||
<div class="bottom">
|
||
A new sound of an old instrument.
|
||
</div>
|
||
</div>
|
||
|
||
</header>
|
||
<main class="page-content" aria-label="Content">
|
||
<div class="wrapper">
|
||
<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
|
||
|
||
<header class="post-header">
|
||
<h1 class="post-title p-name" itemprop="name headline">The NewsBlur Redesign</h1>
|
||
<p class="post-meta">
|
||
<time class="dt-published" datetime="2013-05-20T22:47:00-04:00" itemprop="datePublished">May 20, 2013
|
||
</time></p>
|
||
</header>
|
||
|
||
<div class="post-content e-content" itemprop="articleBody">
|
||
<p>Not to say that NewsBlur was <em>ugly</em> before today, but it certainly didn’t have the loving embrace of a talented designer. So without waiting another moment (or month) I proudly present the NewsBlur redesign.</p>
|
||
|
||
<p><img src="http://dev.newsblur.com/media/img/welcome/header-web.png" alt="image" /></p>
|
||
|
||
<p>It’s a full scale redesign, too. And not just one of those redesigns where the icons get glossier and fonts, bolder. Every moving piece of machinery got more than a coat of paint. A number of new crucial reading features have been added. Some features were merged, some were repaired, and some were scrapped.</p>
|
||
|
||
<p>Dashboard before & after:</p>
|
||
|
||
<p><img src="https://s3.amazonaws.com/static.newsblur.com/blog/before_dashboard.png" alt="image" /> <img src="https://s3.amazonaws.com/static.newsblur.com/blog/after_dashboard.png" alt="image" /></p>
|
||
|
||
<p>Reading before & after:</p>
|
||
|
||
<p><img src="https://s3.amazonaws.com/static.newsblur.com/blog/before_feed.png" alt="image" /> <img src="https://s3.amazonaws.com/static.newsblur.com/blog/after_feed.png" alt="image" /></p>
|
||
|
||
<p>In no particular order, here’s what’s new:</p>
|
||
|
||
<ul>
|
||
<li>Unified interactions/activities popover. Gets out of your way and gives the dashboard more room to breath.</li>
|
||
<li>Rewritten feed loader, offering incredible performance, even at the 20x scale of today vs 2 months ago before the Google Reader announcement.</li>
|
||
<li>Custom vector graphics, retina-fying the entire site.</li>
|
||
<li>Increased transparency of sites by showing more detail in feed fetching/statistics.</li>
|
||
<li>A new List view to complement the Split view for stories.</li>
|
||
</ul>
|
||
|
||
<p>And that’s just for the website. The iOS app, Android app, and blurblogs all got the update goodness that has graced the web app.</p>
|
||
|
||
<p><img src="http://dev.newsblur.com/media/img/welcome/header-ios.png" alt="image" /></p>
|
||
|
||
<p>As for what’s happening these days, post-Reader:</p>
|
||
|
||
<ul>
|
||
<li>Took some extra time to scale out my backend, now completed.</li>
|
||
<li>Running on 48 servers, serving 20x traffic</li>
|
||
<li>Because I had the foresight to charge users for premium service, I’m now confident that NewsBlur will be standing tall a few years from now.</li>
|
||
<li>Working on the next few big ticket features: saved story search and tagging, batch editing organizer, keyboard shortcut manager, and more.</li>
|
||
</ul>
|
||
|
||
<blockquote>
|
||
<p>Biggest unanticipated consequence of the Reader shutdown – I no longer have to wear a jacket in SF because my core temperature has risen.</p>
|
||
|
||
<p>— Samuel Clay (@samuelclay)</p>
|
||
|
||
<p><a href="https://twitter.com/samuelclay/status/317111582817660929">March 28, 2013</a></p>
|
||
</blockquote>
|
||
|
||
<script src="//platform.twitter.com/widgets.js" charset="utf-8" type="text/javascript"></script>
|
||
|
||
<p>And if you’re new to NewsBlur, here’s the six core benefits to using the one with the Sun:</p>
|
||
|
||
<ol>
|
||
<li><strong>Training</strong> - hide the stories you don’t like and highlight the stories you do. Make mincemeat out of heavy feeds and make sure to never miss stories from the feeds you love.</li>
|
||
<li><strong>Original site</strong> - read a publisher’s stories the way they wanted you to read it - on the original website. NewsBlur embeds the publisher’s site in an iframe, and marks what you read as read as you scroll.</li>
|
||
<li><strong>Text view</strong> - conveniently extracts the story text from articles, necessary for reading truncated rss feeds.</li>
|
||
<li><strong>Blurblogs / sharing</strong> - a social community where you can share and discuss stories with friends.</li>
|
||
<li><strong>Speed</strong> - A dedication to fast load times, graphed on your dashboard.</li>
|
||
<li><strong>Mobile</strong> - native, first-class iOS and Android apps, with all of the functionality of the website.</li>
|
||
</ol>
|
||
|
||
<p>Now that the redesign has launched, I plan to blog about how to best use the intelligence trainer efficiently, all new [future] features, and how I was able to successfully scale out the four databases (count ‘em: postgresql, mongodb, redis, elasticsearch) to handle more than 10,000 users and 4 million site updates a day. It’s no Tumblr, but it’s still way more traffic than you can fit on a single machine.</p>
|
||
|
||
<p>Thanks for using NewsBlur and turning my passion project (four years running) into a full-time dream.</p>
|
||
|
||
|
||
</div><a class="u-url" href="/2013/05/20/the-newsblur-redesign/" hidden></a>
|
||
</article>
|
||
|
||
</div>
|
||
</main><footer class="site-footer h-card">
|
||
<data class="u-url" href="/"></data>
|
||
|
||
<div class="wrapper">
|
||
|
||
<h2 class="footer-heading">The NewsBlur Blog</h2>
|
||
|
||
<div class="footer-col-wrapper">
|
||
|
||
|
||
<div class="footer-col footer-col-1"><ul class="social-media-list"><li><a href="https://github.com/samuelclay"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#github"></use></svg> <span class="username">samuelclay</span></a></li><li><a href="https://www.twitter.com/newsblur"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#twitter"></use></svg> <span class="username">newsblur</span></a></li><li><a href="mailto:blog@newsblur.com?subject=Hello from the NewsBlur blog"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#email"></use></svg> <span class="username">blog@newsblur.com</span></a></li></ul>
|
||
</div>
|
||
|
||
<div class="footer-col footer-col-3">
|
||
<p>NewsBlur is a personal news reader that brings people together to talk about the world.<br />
|
||
A new sound of an old instrument.<br />
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</footer>
|
||
</body>
|
||
|
||
</html>
|