Okay... so how do I Swirl?


Here's a bunch of stuff to make the process easier!


These have been designed to be used with Swirl!

Workshop (Slideshow) Website Planner




Other Websites:

  • W3 Schools
  • W3 Schools is a great developer resource, and is highly recommended to use to find CSS and HTML features you've never heard about. It also is useful as a guide for elements you have forgotten the syntax of.

  • Color Picker
  • The Google Color Picker gives the information for specific colors, so you can add all sorts of awesome colors!

  • Can I Use
  • Some browsers may not support some features, CanIUse tells you what is and isn't supported so you know you aren't going crazy. This was useful for me when trying to figure out why my .svg favicon wasn't working in Safari.

  • Google Fonts
  • Google Fonts lets you choose from a vast variety of fonts and import them into your website, this can help you change the whole vibe of your website!




    How to submit:

    After you have crafted your website, it needs to be made open source on Github, and hosted through a service like GitHub Pages. Fill out the submission form linked below to submit.





    Need Help?

    1. Read the FAQ (below!)
    2. Ask in the Slack Channel #swirl
    3. Message @blu on Slack
    4. Email dhyan@hackclub.com



    faq