Skip to content

Instantly share code, notes, and snippets.

View john-bell-gw's full-sized avatar

John Bell john-bell-gw

  • Games Workshop
  • Webstore
View GitHub Profile
@john-bell-gw
john-bell-gw / perfomanceMattersWorkshop.md
Last active February 13, 2021 17:02
My notes from Harry Robert's workshop on front-end performance

Front End Performance: Building Faster Websites

Harry Roberts

Slides from the workshop (Password: #perfmatters)

Desciption of the workshop from https://newadventuresconf.com/2019/workshops/harry-roberts/

Every case-study, every report, and every bit of feedback always tells us the same thing: speed matters. It’s good for users, it’s good for accessibility, and it’s good for business. But why are modern browsing experiences so slow? If technology is getting better, why are websites getting worse?

Useful Links

Description of this change

[A brief, easy to understand summary of what you did. Links to Jira stories are helpful.]


Areas of the site impacted by this change

[A list of areas reviewers and QA should pay attention to]

<div class="container bg-transparent mx-auto max-w-md mt-4" id="gwcmp">
<div class="rounded overflow-hidden shadow-md p-6 bg-white mb-3">
<div class="grid grid-cols-1 md:grid-cols-4 gap-2">
<div class="col-span-3 md:pr-20">
<h3 class="font-bold text-3xl mb-6" id="contactus">Contact Us</h3>
<p>Hey there, need to get in touch with us? We'll be glad to help.</p>
<p>To make sure your message reaches the right folks, take a look below and decide which
contact address
is right for your enquiry.</p>
<p>All information will be processed in accordance with our <a class="underline"
@john-bell-gw
john-bell-gw / machine.js
Created December 2, 2021 14:15
Generated by XState Viz: https://xstate.js.org/viz
const lit = {on: {BREAK: 'broken', TOGGLE: 'unlit'}}
const unlit = {
on: {
BREAK: 'broken',
TOGGLE: 'lit'
}
}
const broken = { }
@john-bell-gw
john-bell-gw / machine.js
Last active December 2, 2021 19:00
Generated by XState Viz: https://xstate.js.org/viz
const lightBulbMachine = Machine(
{
id: 'lightbulb',
strict: true,
initial: 'lit',
context: {
count: 0,
},
states: {
lit: {
@john-bell-gw
john-bell-gw / machine.js
Created October 19, 2022 09:57
Generated by XState Viz: https://xstate.js.org/viz
// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions