D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
mattborn
Full window
Github gist
UI Now timeboxed experiment
<!doctype html> <html> <head> <title>UI Now 1</title> <link rel="stylesheet" href="styles.css"> </head> <body> <div id="topnav"> <div id="topnavleft"> <span class="fa fa-bars"></span> Channels </div> <div id="topnavcenter">N</div> <div id="topnavright"> <span class="fa fa-first-order"></span> <span class="fa fa-search"></span> <img src="https://placebear.com/40/40"> <span class="fa fa-bookmark"></span> </div> </div> <div id="hero"> <h1>Science Channel</h1> <div>Following</div> <p>234k Following</p> <div> <img src="https://placebear.com/40/40"> <img src="https://placebear.com/40/40"> <img src="https://placebear.com/40/40"> <img src="https://placebear.com/40/40"> <img src="https://placebear.com/40/40"> </div> </div> <div id="cells"> <div> <div class="cell"> Astronauts could… </div> <div class="cell"> <img src="https://placebear.com/300/225"> </div> <div class="cell"> The ballons… </div> <div class="cell"> <img src="https://placebear.com/300/225"> </div> </div> <div> <div class="cell"> <img src="https://placebear.com/300/225"> </div> <div class="cell"> Achaeologists… </div> <div class="cell"> <img src="https://placebear.com/300/225"> </div> <div class="cell"> Magma… </div> </div> </div> </body> </html>