<h1 id="web-design-catalog">web design catalog<a aria-hidden="true" class="anchor-heading icon-link" href="#web-design-catalog"></a></h1>
<ul>
<li>I intepreted the major card in this image below as an 'About Me' in the Home page of some blogging site
<ul>
<li><img src="/assets/images/blog-homepage-aboutme.png" alt="blog-homepage-aboutme"></li>
</ul>
</li>
<li><img src="/assets/images/like-a-drawer.png" alt="like-a-drawer">
<ul>
<li>an actual drawer</li>
<li><img src="/assets/images/an-actual-drawer-1.png" alt="an-actual-drawer-1"></li>
<li><img src="/assets/images/an-actual-drawer-2.png" alt="an-actual-drawer-2"></li>
</ul>
</li>
<li><img src="/assets/images/slides-sideways.png" alt="slides-sideways"></li>
<li>a notebook design
<ul>
<li><img src="/assets/images/a-notebook-design.png" alt="a-notebook-design"></li>
</ul>
</li>
<li>navbar rightward, about an inch below view-top
<ul>
<li>cool graphics above title</li>
<li><img src="/assets/images/cool-graphics-above-title-1.png" alt="cool-graphics-above-title-1"></li>
<li><img src="/assets/images/cool-graphics-above-title-2.png" alt="cool-graphics-above-title-2"></li>
</ul>
</li>
<li>"industrial lines"
<ul>
<li><img src="/assets/images/industrial-lines-mux.png" alt="industrial-lines-mux"></li>
<li><img src="/assets/images/lines-royal-danish-academy.png" alt="lines-royal-danish-academy"></li>
<li><img src="/assets/images/lines-royal-danish-academy-2.png" alt="lines-royal-danish-academy-2"></li>
</ul>
</li>
<li>"oversabi interactives"
<ul>
<li><img src="/assets/images/oversabi-interactives.png" alt="oversabi-interactives"></li>
</ul>
</li>
<li>"materialistic"
<ul>
<li><img src="/assets/images/materialistic.png" alt="materialistic"></li>
</ul>
</li>
<li>apple design
<ul>
<li><img src="/assets/images/apple-design.png" alt="apple design"></li>
</ul>
</li>
<li>vercel design
<ul>
<li><img src="/assets/images/vercel-design.png" alt="vercel design"></li>
</ul>
</li>
<li>nice simple "interactive background" on the top-right 
<ul>
<li><img src="/assets/images/interactive-background.png" alt="interactive background"> (<a href="https://unkey.dev/">https://unkey.dev/</a>)</li>
</ul>
</li>
</ul>
<hr>
<strong>Backlinks</strong>
<ul>
<li><a href="/notes/o87tomzhg4cghh5l2i2u6nh">Design</a></li>
<li><a href="/notes/zpy1cmoozsq31mnj0k5eqhu">catalogs</a></li>
<li><a href="/notes/3iwipeqgx0j5h1d85ub2nb9">UI design catalog</a></li>
</ul>

web design catalog

Dendron


You've stumbled on [Caleb's](https://bycaleb.wasegun.com/) public notebook. You can conceive of this as a sketchbook too—i.e., rough, incomplete, and sometimes sparse. Hence, you might not get the full-gist of any one random page in the notebook. It is meant to help me elaborate/consolidate on my work & thoughts as a software engineer. This is not quite a [digital garden](https://maggieappleton.com/garden-history), and also unlike [Andy's working notes](https://notes.andymatuschak.org/About_these_notes).

I built this (experimentally & publicly) with [Dendron](https://www.dendron.so/), specifically, to understand if & how "quick, linked, and atomic" note-taking can help realize, remember, & learn (how to make better) design decisions when working on quick (or slow) software engineering projects. Of course, it does help—that makes this is a demonstration of exactly how it helps.

Check out my growing list of [[projects]]!

