---

layout: home

permalink: /

---

<div id="content" class="site" >

<section class="home-section">

<h2 id="about">About</h2>

<p>We think the best way to improve the design industry is to work in the open.</p>

<p>If you have 39 minutes <a href="/articles/designers-can-open-source-session-video/">watch this presentation</a>, if not <a href="/articles/the-open-source-design-manifesto/">read the manifesto</a>. If you're curious about this site <a href="/articles/building_this_site/">read this post</a>. Finally, if you'd like to help contribute design, code, or content; <a href="/articles/the-roadmap/">checkout the roadmap</a> or hit us up on the <a href="https://gitter.im/DesignOpen/OpenSourceDesign">Gitter</a> channel.

</section>

<section class="home-section" itemscope itemtype="http://schema.org/Blog">

<h2 class="title" itemprop="name">Recent Articles</h2>

<ul class="bloglist">

{% assign counter = 0 %}

{% for post in site.categories.articles %}

{% if post.tags contains 'featured' and counter < 3 %}

{% assign counter=counter | plus:1 %}

{% assign author = site.data.authors[post.author] %}

<li class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">

<h3 class="title"><a href="{{ post.url }}" itemprop="url"><span itemprop="name">{{ post.title }}</span></a></h3>

<div class="meta">

<time itemprop="datePublished" datetime="{{post.date | date: "%Y-%m-%d" }}">posted {{post.date | date: "%b %e" }}</time>

<span class="author" itemprop="author" itemscope itemtype="http://schema.org/Person">

by <a href="{{author.web}}" itemprop="url"><span itemprop="name">{{author.display_name}}</span></a>

</span>

</div>

</li>

{% endif %}

{% endfor %}

</ul>

<p><a href="/articles/">Read More...</a></p>

</section>

<section class="home-section" itemscope itemtype="http://schema.org/ItemList">

<h2 class="title" itemprop="name">Recently Added Resources</h2>

<ul class="resourceList">

{% assign counter = 0 %}

{% for post in site.categories.resources %}

{% if counter < 5 %}

{% assign counter=counter | plus:1 %}

<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="url" href="{{ post.url }}"><span itemprop="name">{{ post.title }}</span></a></li>

{% endif %}

{% endfor %}

</ul>

<p><a href="/resources/">View all resources...</a></p>

</section>