lonekorean

// engine
let engine = Matter.Engine.create();

// render
let render = Matter.Render.create({
    element: document.getElementById('container'),
    engine: engine,
    options: {
        width: SOME_WIDTH,
        height: SOME_HEIGHT,

lonekorean

div {
    width: 122px; /* all browsers see this */
    padding: 10px;
    border: 1px solid red;
    voice-family: "\"}\""; /* IE would give up here */
    voice-family: inherit;
    width: 100px; /* non-IE browsers see this corrected value */
}

lonekorean

div {
    width: 100px;
    padding: 10px;
    border: 1px solid red;
}

lonekorean

<td>
    This is web development!
    <img src="spacer.gif" width="200" height="1">
</td>

lonekorean

border-radius: 10px;

lonekorean

"engines": {
    "atom": ">=1.15.0 <2.0.0"
},
"providedServices": {
    "autocomplete.provider": {
        "versions": {
            "2.0.0": "getProvider"
        }
    }
}

lonekorean

const url = 'https://api.github.com/gists/8a6a3c508b7c71deb4070d3314900b1f';

function handleDone(data) {
    // this assumes the gist has a single file
    let filename = Object.keys(data.files)[0];
    let code = data.files[filename].content;
    $('pre').text(code);
    $('h1').text(data.description);
}

lonekorean

https://api.github.com/gists/8a6a3c508b7c71deb4070d3314900b1f

lonekorean

let gistIdElements = document.querySelectorAll('.gist [id]');
Array.from(gistIdElements).forEach((el) => {
    el.removeAttribute('id');
});

lonekorean

body .gist .blob-code {
    filter: brightness(70%) saturate(150%);
}