diff --git a/docs/_posts/2022-02-24-video-tutorials.md b/docs/_posts/2022-02-24-video-tutorials.md new file mode 100644 index 0000000000..0a9c1da0f9 --- /dev/null +++ b/docs/_posts/2022-02-24-video-tutorials.md @@ -0,0 +1,59 @@ +--- +layout: default +title: Help us make video tutorials +description: You can make it easier for people to use sitespeed.io! +authorimage: /img/aboutus/peter.jpg +intro: Help us to renew our video tutorials. +keywords: sitespeed.io, webperf +image: https://www.sitespeed.io/img/8bit.png +nav: blog +--- + +# Video tutorials +For a couple of years we have had a couple of short video tutorials and we feel should have more of these! Help us to make them better and make it easier for users to use sitespeed.io! + +We want (short) video tutorials from you on how to use sitespeed.io: +* Choose a [topic from the list](#topics-to-cover) or come up with a new one +* Make the tutorial in English +* If you want to sync with us first or need help with your setup, you can talk to us on [our Slack channel](https://sitespeedio.herokuapp.com) or in a [GitHub issue](https://github.com/sitespeedio/sitespeed.io/issues/new). +* Follow our [code of conduct](https://github.com/sitespeedio/sitespeed.io/blob/main/CODE_OF_CONDUCT.md). +* Share the original video with us. + +## What's in it for you? +If your video gets accepted you will get a special sticker pack with at least one exclusive sitespeed.io sticker! + +Here are of some of our stickers: + +![Many sitespeed.io stickers]({{site.baseurl}}/img/stickers-video.jpeg) +{: .img-thumbnail} + + +And we also have a special secret new sticker that only will be available to people who contribute with a video: + +![New sitespeed.io sticker]({{site.baseurl}}/img/who.png) +{: .img-thumbnail} + +## Topics to cover + +Here's a couple of examples of areas that could be covered: +* Install sitespeed.io and dependencies on Mac/Linux/Windows +* How to use sitespeed.io in Docker +* How to run performance test on an Android phone + * Setup your phone + * Configuration +* How to run performance test on an iPhone +* Configuration for Chrome +* Configuration for Firefox +* How to contribute to sitespeed.io documentation +* How to add alerts in Grafana +* Create your own dashboard in Grafana for sitespeed.io metrics +* Running tests using WebPageReplay +* Best practices running sitespeed.io performance tests +* Anything that we have in the [documentation](https://www.sitespeed.io/documentation/sitespeed.io/) + +Anything that you miss? Please let us know on [Slack](https://sitespeedio.herokuapp.com) or in a [GitHub issue](https://github.com/sitespeedio/sitespeed.io/issues/new). + + +If you need any graphics/logos to your video you can find it in the [logo repository](https://github.com/sitespeedio/logo). + +/Peter & Jonathan \ No newline at end of file diff --git a/docs/img/stickers-video.jpeg b/docs/img/stickers-video.jpeg new file mode 100644 index 0000000000..1294006fa0 Binary files /dev/null and b/docs/img/stickers-video.jpeg differ diff --git a/docs/img/who.png b/docs/img/who.png new file mode 100644 index 0000000000..eeaea706b1 Binary files /dev/null and b/docs/img/who.png differ