-
Notifications
You must be signed in to change notification settings - Fork 15
/
index.html
8 lines (8 loc) · 2.67 KB
/
index.html
1
2
3
4
5
6
7
8
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Introduction: CSS Testing : </title><meta name="viewport" content="width=device-width, initial-scale=1"><link href="/images/favicon.png" rel="shortcut icon" type="image/png"><link href="http://fonts.googleapis.com/css?family=Arvo:700" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400" rel="stylesheet" type="text/css"><link rel="stylesheet" type="text/css" href="/styles/main.css"><link rel="stylesheet" type="text/css" href="/styles/prism.css"></head><body><header><div class="contain"><h1><a href="/">csste.st</a></h1><h2>The why and how of CSS testing.</h2></div><nav><ul><li class="techniques-nav"><a href="/techniques/">Techniques</a></li><li class="tools-nav"><a href="/tools/">Tools</a></li><li class="guides-nav"><a href="/guides/">Guides</a></li><li class="getting-started-nav"><a href="/getting-started/">Getting started</a></li></ul><p>This site is a constant work in progress. If you want to help out, <a href="https://github.com/thingsinjars/csstest">fork the project </a>or <a href="https://github.com/thingsinjars/csstest/issues">file an issue</a>.</p><p>If you're new to CSS testing, please <a href="http://csste.st/guides/videos/">watch the videos</a>. </p></nav></header><div class="contain"><section><h3 id="css-is-easy-to-change-hard-to-test">CSS is easy to change, hard to test</h3>
<p>CSS is a <a href="/guides/declarative-languages.html">declarative language</a> which basically means that it’s easy to make changes but very difficult to make sure those changes don’t produce unexpected consequences elsewhere in the project.</p>
<p>This site collects the current techniques and tools available for CSS testing to provide both a simple starting point and a general reference for future development.</p>
<h3 id="why-">Why?</h3>
<p>Most CSS testing tools so far have been developed from scratch and cover the same ground repeatedly. By gathering this information here, we hope to create a recognisable vocabulary so that it becomes easier to find similar tools and encourage developers to take the tools and techniques here and build on top of them instead of starting from scratch.</p>
<h3 id="what-are-you-talking-about-">What are you talking about?</h3>
<p>Have a look at some of <a href="/guides/videos/">these videos</a>. They might explain things better.</p>
</section></div><footer><p>Curated by <a href="http://twitter.com/thingsinjars">Simon Madine </a>with help from <a href="https://github.com/thingsinjars/csstest/graphs/contributors">these lovely people </a>.</p></footer><script src="/scripts/prism.js"></script><script src="/scripts/prism.gherkin.js"></script></body></html>