index.html

---
layout: default
---

<section>
  <div class="wrap">

    <p class="intro">
      CSSconf is a conference dedicated to the designers and developers who build the world’s most engaging user interfaces. From the community, for the community.
    </p>


    <svg class="css-family-logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 202.4 165.5" enable-background="new 0 0 202.4 165.5" xml:space="preserve">
      <circle class="circle-yellow" cx="125.8" cy="7.3" r="4.3"></circle>
      <circle class="circle-red" cx="9.2" cy="40.6" r="7"></circle>
      <circle class="circle-blue" cx="187.3" cy="38.2" r="12.9"></circle>
      <g class="type">
        <path class="type__letter-c" d="M46.7,106.9c5.7,0,10.4-2.3,14.1-6.8l7.5,7.7c-6,6.7-13,10-21,10c-8.1,0-14.7-2.5-20-7.6c-5.2-5.1-7.8-11.5-7.8-19.3c0-7.8,2.7-14.3,8-19.5c5.3-5.2,11.8-7.8,19.5-7.8c8.6,0,15.8,3.3,21.6,9.8l-7.3,8.2c-3.7-4.6-8.3-6.9-13.8-6.9c-4.4,0-8.2,1.4-11.3,4.3c-3.1,2.9-4.7,6.8-4.7,11.6s1.5,8.8,4.4,11.7C39,105.5,42.5,106.9,46.7,106.9z"></path>
        <path class="type__letter-s" d="M89.8,75.3c-1.1,0.9-1.7,2.2-1.7,3.7s0.7,2.7,2.1,3.6c1.4,0.9,4.5,2,9.5,3.2c5,1.2,8.8,3.1,11.6,5.5c2.7,2.5,4.1,6,4.1,10.7c0,4.7-1.8,8.5-5.3,11.4c-3.5,2.9-8.2,4.4-13.9,4.4c-8.3,0-15.8-3.1-22.4-9.2l7-8.5c5.6,5,10.9,7.4,15.7,7.4c2.1,0,3.8-0.5,5.1-1.4c1.2-0.9,1.8-2.2,1.8-3.8s-0.7-2.8-2-3.8c-1.3-0.9-3.9-1.9-7.7-2.8c-6.1-1.4-10.6-3.3-13.4-5.7c-2.8-2.3-4.2-6-4.2-11c0-5,1.8-8.8,5.4-11.5c3.6-2.7,8-4,13.4-4c3.5,0,7,0.6,10.5,1.8c3.5,1.2,6.5,2.9,9.1,5.1l-5.9,8.5c-4.5-3.5-9.3-5.2-14.1-5.2C92.5,73.9,90.9,74.4,89.8,75.3z"></path>
        <path class="type__letter-s" d="M137.7,75.3c-1.1,0.9-1.7,2.2-1.7,3.7s0.7,2.7,2.1,3.6c1.4,0.9,4.5,2,9.5,3.2c5,1.2,8.8,3.1,11.6,5.5c2.7,2.5,4.1,6,4.1,10.7c0,4.7-1.8,8.5-5.3,11.4c-3.5,2.9-8.2,4.4-13.9,4.4c-8.3,0-15.8-3.1-22.4-9.2l7-8.5c5.6,5,10.9,7.4,15.7,7.4c2.1,0,3.8-0.5,5.1-1.4c1.2-0.9,1.8-2.2,1.8-3.8s-0.7-2.8-2-3.8c-1.3-0.9-3.9-1.9-7.7-2.8c-6.1-1.4-10.6-3.3-13.4-5.7c-2.8-2.3-4.2-6-4.2-11c0-5,1.8-8.8,5.4-11.5c3.6-2.7,8-4,13.4-4c3.5,0,7,0.6,10.5,1.8c3.5,1.2,6.5,2.9,9.1,5.1l-5.9,8.5c-4.5-3.5-9.3-5.2-14.1-5.2C140.3,73.9,138.8,74.4,137.7,75.3z"></path>
      </g>
      <g class="globe">
        <path class="globe__upper-half" d="M43,56.8c2.2-3,4.7-6.5,7.6-9.3c5.1-5,10.8-9.1,17.2-12.1c-4.4,5.9-8.1,13.4-10.9,21.4h10.2c1.5-4,3.3-7.8,5.3-11.1c3.2-5.4,7.1-9.8,11.1-12.6c2.1-1.5,4.6-2.6,6.6-3.3v27h9v-27c3,0.6,4.6,1.7,6.7,3.2c4,2.8,7.9,7.2,11.1,12.6c2,3.3,3.9,7.1,5.4,11.1h10.2c-2.8-8-6.4-15.6-10.9-21.5c6.4,3.1,12.2,7.2,17.2,12.2c2.8,2.8,5.4,6.2,7.6,9.2h11.3c-12.3-22-35.9-37.1-63-37.1s-50.7,15.1-63,37.1H43z"></path>
        <path class="globe__lower-half" d="M146,126.8c-2.1,3-4.4,6-7.1,8.7c-5.1,5-10.8,9-17.2,12.1c4.3-5.7,7.9-12.7,10.6-20.7h-10.2c-1.4,4-3.1,7.4-5,10.5c-3.2,5.4-7.3,9.8-11.2,12.6c-2.1,1.5-3.7,2.7-6.7,3.3v-26.5h-9v26.5c-2-0.6-4.5-1.7-6.6-3.2c-4-2.8-7.9-7.4-11.1-12.8c-1.9-3.1-3.6-6.5-5-10.5H57.2c2.7,8,6.3,15.2,10.6,20.9c-6.4-3.1-12.2-7.3-17.2-12.3c-2.6-2.6-5-5.5-7.1-8.5H32.2c12.4,22,35.8,36.3,62.5,36.3s50.1-14.3,62.5-36.3H146z"></path>
      </g>
    </svg>

    <h2>CSSconf Events Around the World</h2>

    <p>Since the prototype, CSSconf US, was started by Nicole Sullivan in 2013, and shortly after CSSconf EU joined, the CSSconf family has expanded around the globe. All CSSconf event organizer teams share the vision of an international, diverse and creative CSS community, for which the CSSconf series offers a platform to meet, collaborate, share knowledge and build friendships.</p>

    <div class="list-confs">
      <a href="http://cssconf.eu/">CSSconf EU</a>
      <a href="http://cssconfbp.rocks/">CSSconf Budapest</a>
      <a href="http://cssconfar.com/">CSSconf Argentina</a>
      <a href="http://cssconf.asia/">CSSconf Asia</a>
      <a href="https://twitter.com/cssconfco">CSSconf Colombia</a>
      <a href="http://cssconf.com.au/">CSSconf AU</a>
      <a href="http://cssconf.com/">CSSconf US</a>
      <a href="http://cssconf.no/">CSSconf Nordic</a>
      <a href="http://cssconfoak.land/">CSSconf Oakland</a>
    </div>

  </div>
</section>


<section class="section-bg section-bg-grey">
  <div class="wrap">
    <h2>I Want to Run a CSSconf, Now What?</h1>

    <p>CSSconf is a a loose federation of designers and developers who share a passion for CSS, and believe its community deserves its own conference event series. We strive to bring the most prolific CSS speakers on stage as well as upcoming talent, all with the goal of discussing cutting-edge techniques and tools and sharing knowledge about CSS.
    </p>

    <p>We don’t believe that one model or process fits all communities, in fact we are big advocates of locally run events driven by passionate individuals dedicated to the community.</p>

    <p>We have three rules for starting an event using the name <i>CSSconf</i>. They are rather simple, but critical to how we operate:</p>
    <ol>
      <li>
        <h3>You must have attended an existing CSSconf event.</h3>
        <p>We do this to ensure that you know what a <i>CSSconf event</i> means, for better or for worse. We run these events as not-for-profit, volunteer driven experiments where we try to isolate the things that work well and reduce, if not remove, the items that degrade the experience. We focus on shared social experiences, and we do our best to make a difference in the community. Reading about it second-hand doesn’t convey the full scope of this and that is why we require that people looking to start a new CSSconf have attended an existing CSSconf.</p>
      </li>
      <li>
        <h3>You must commit to diversity and operate under a code of conduct.</h3>
        <p>Only a diverse community is a healthy community. Only a safe, welcoming and accessible event is beneficial for the community. All CSSconf events aim to be safe spaces for attendees, speakers, staff and everyone involved. All organizers actively work on involving diverse people of the community, and <a href="http://2014.cssconf.eu/news/how-to-write-a-great-talk-proposal-for-a-tech">encourage people to add their voices to the community</a>. <a href="http://www.ashedryden.com/blog/codes-of-conduct-101-faq">Educating</a> yourself and your team about the risk of harrassment and about ways to deal with it is crucial to run a safe event, and a public <a href="http://confcodeofconduct.com/">Code of Conduct</a> is a required first step in this process. <a href="http://www.ashedryden.com/blog/increasing-diversity-at-your-conference">Educating</a> yourself and your team about the lack of diversity in our community and actively working to make your event welcoming and inclusive is required to run a CSSconf.</p>
        <p>Only a diverse team – organizers, volunteers and all staff – are able to run an actually inclusive event. We expect all organizer teams of a CSSconf to be representative of our diverse industry in as many aspects as possible, and if they are not yet, a clear priority and a plan to change this.   
        <p>Some resources to get you started:</p>
        <ul>
          <li>
            <a href="http://geekfeminism.wikia.com/wiki/Diversity_statement">Commitment to Diversity (Definition, Examples)</a>
          </li>
          <li>
            <a href="http://confcodeofconduct.com/">Code of Conduct (Example, Template)</a>
          </li>
        </ul>
      </li>
      <li>
        <h3>You must have an existing CSSconf organizer as oversight.</h3>
        <p>We treat the CSSconf event as a franchise model where the event is run entirely by the local individual or team. They handle all financial dealings, they arrange the schedule, they plan out the venue, the parties, and everything else. This gives the event a very local feeling to it. If you were to attend CSSconf US and CSSconf EU without knowing they were <i>CSSconf</i> you would most likely think they are completely disjoint – and that is intentional. We have this oversight clause just to ensure that…
        </p>
        <ul>
          <li>
            the conference isn’t taken in a direction that is unbefitting the other CSSconf events and
          </li>
          <li>
            provide a single responsible person to help with questions regarding speakers, budgeting, venue, code of conduct and diversity outreach, and how to manage everything.
          </li>
        </ul>
        <p>Another important job of the overseeing organizer is to provide a view that isn’t deep in the planning and be there to say “It will work out, don’t worry”.</p>
      </li>
    </ol>
    <p>There are many people that share our passion for CSS and want to bring the event to their local community. We understand how it might seem from the outside, but it is not all roses on the organization side. If you are going to run a CSSconf, it (for better or worse) already means something to the CSS community, and it might at times be better to run a <i>CSSconf-like</i> event with a different name. If you <a href="mailto:contact@cssconf.eu">reach out to us via email</a> or meet us at one of the events, we will help as much as we can and you want. We want more events to happen all over the world.</p>

    <p class="footnote">
      <small>This way of organizing a worldwide conference series is inspired by the <a href="http://jsconf.com/i-want-to-run-a-jsconf.html">JSconf family</a> and their years of experience in creating community events – thank you!</small>
    </p>

  </div>
</section>