Stormbreaker

Stormbreaker A11Y made easy

A framework focused on accessibility and customization

How To Use • Getting Started • License

---

What can I do with this¿

This framework allows for agile development when paired with the Atom editor. A panoply of classes is included from basic layout templates to specific individual components.

Such as:

• Articles
• Forms
• Cards
• Navbars
• Grid-system

---

Browser Support

Latest ✔	Latest ✔	Latest ✔	11+ ✔	9.1+ ✔	Latest ✔

---

Getting Started:

To get started you can either download the whole project from this repository.
Or you can use the github repo CDN and download the variables.css file to alter the variables.

CSS only:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/quantik-git/Stormbreaker@master/Stormbreaker.min.css">

JS and jQuery:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/gh/quantik-git/Stormbreaker@master/functionality.min.js" defer></script>

variables.css:

<link rel="stylesheet" href="variables.css">

Where you put the file link is irrelevant since the variables in the variables.css file have higher specificity.

---

License

GNU GENERAL PUBLIC LICENSE Version 3, 29 June 2007.
Please have a look at the LICENSE for more details.

---

Tools and articles that helped me

I'd like to thank to the creators of all of these tool that were fundamental for this project:

• tota11y
• Writing HTML with Accessibility in Mind
• Writing CSS with Accessibility in Mind
• How to design website layouts for screen readers
• Modular Typographic Scale
• Google Fonts
• Javascript Async and Defer