Skip to content
Web site for "Espoon Yuishinkai ry", a martial club in Espoo, Finland
HTML JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
.editorconfig
.gitignore
.hintrc
LICENSE
README.md
crossbrowsertesting-logo.png
ghostinspector-logo.png
netlify.toml
sniff.js

README.md

espoo.kobujutsu.fi

Web site for "Espoon Yuishinkai ry", a martial club in Espoo, Finland.

Visual Regression Status

The web site is available at espoo.kobujutsu.fi, in which it is deployed immediately when something is pushed to this GitHub repository. The web site is hosted at Netlify, for free since creating open source stuff is great.

The site is configured to only allow secured connections (via https) and the certificates for it are provided for free by Let's Encrypt.

Service Worker

Service Worker is used for caching assets, also with backgroundFetch. However, by default the network is used, and only when it fails, then local cache is utilised.

Sub-resource Integrity

I just had to play with SRI:

shasum -a 384 public/assets/default.css | xxd -r -p | base64

It is currently supported by most popular browsers.

Cross browser supported styling

CSS should be passed through online Autoprefixer at autoprefixer.github.io. Using there the option "last 4 version".

Testing with GhostInspector

GhostInspector

Functional and visual regression testing with latest Mozilla Firefox is provided for free by [GhostInspector(https://ghostinspector.com/).

Testing with CrossBrowserTesting

CrossBrowserTesting.

Cross browser testing provided for free by CrossBrowserTesting.

Testing with sitespeed.io

Install the sitespeed.io command line tool via npm, that comes with Node.js:

[sudo] npm install --global sitespeed.io

Execute:

sitespeed.io https://espoo.kobujutsu.fi

Results will appear in the folder sitespeed-results/espoo.kobujutsu.fi/.

Testing with Webhint

Install the hint command line tool via npm, that comes with Node.js:

[sudo] npm install --global --engine-strict hint

The configuration for it is already available in the file called .hintrc and used via:

npx hint https://espoo.kobujutsu.fi

The report is written under hint-report folder. The npx used in the above command comes with Node.js installation.

License

Licensed under the MIT license.

You can’t perform that action at this time.