JSFiddle - React, Tailwind, and code Playground

HTML

<article class="markdown-body entry-content" itemprop="mainContentOfPage"><h1>
<a name="beautiful-docs" class="anchor" href="#beautiful-docs"><span class="mini-icon mini-icon-link"></span></a>Beautiful Docs</h1>

<p>I love documentation. If you work with/are writing code intended for usage and consumption by more than one person, you should love it, too. Documentation and other resources will make or break the success of your project. And the more open and collaborative you want development to be, the more crucial docs become.</p>

<p>With that in mind, here's a list of docs and other developer resources that myself and others find particularly useful, well-written, and otherwise "beautiful". May they serve to inspire you when writing and designing yours. Thanks to various contributors, we now also have sections dedicated to <a href="#writing-about-docs-again-in-no-particular-order">Writing about Documentation</a> and <a href="#generating-docs">Tools for Generating Docs</a>.</p>

<p>This should be updated fairly regularly. As usual, <strong>pull requests are encouraged</strong>. <em>If you're contributing a link, be sure to include a few words on why you're adding it and some sort of self-attribution so that people can know from whom it came.</em>   </p>

<p><a href="https://twitter.com/pharkmillups">Mark</a> </p>

<h3>
<a name="and-now-for-the-docs-in-no-particular-order" class="anchor" href="#and-now-for-the-docs-in-no-particular-order"><span class="mini-icon mini-icon-link"></span></a>And Now For The Docs (in no particular order)</h3>

<ul>
<li>
<a href="http://redis.io/commands">Redis Commands</a> - Most of the Redis docs are exceptional, but this section really epitomizes the combination of good design and usability. And all the individual command pages give you the ability to test things out without leaving the page. Pretty close to perfect.</li>
<li>
<a href="http://docs.brightbox.com">BrightBox Developer Docs</a> - Clean design, easy to navigate, very...

JavaScript

var qs = document.querySelector;

console.log( document.querySelector( 'article ul li' ) );
console.log( qs( 'article ul li' ) );