Skip to content

Instantly share code, notes, and snippets.

Jeremy Wagner malchata

Block or report user

Report or block malchata

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@malchata
malchata / recipe.html
Created Oct 17, 2019
Sample recipe markup.
View recipe.html
<div class="recipeDetail">
<h2>Chicken Tacos</h2>
<h3>Category</h3>
<p>Mexican</p>
<h3>Ingredients:</h3>
<ul>
<li>3 whole tomatoes.</li>
<li>1 pack flour tortillas</li>
@malchata
malchata / styles.less
Created Apr 7, 2019
Just transferring over my atom styles to another machine the hard way.
View styles.less
atom-workspace {
--editor-font-size: 1.625rem;
}
atom-text-editor {
.cursor {
border-left: .25rem solid;
transition: opacity .1875s ease-out;
}
@malchata
malchata / create-react-app-prod-deps.txt
Last active Nov 8, 2019
List of production dependencies for a create-react-app application.
View create-react-app-prod-deps.txt
Below is the output of `npm ls --prod` for app boilerplate generated by create-react-app
For those concerned how many packages are deduped, the count is 1709, according to `grep` output piped to `wc`. This means 1,974 dependencies in this tree are not duplicates.
sample@0.1.0 /private/var/www/sample
├─┬ react@16.8.4
│ ├─┬ loose-envify@1.4.0
│ │ └── js-tokens@4.0.0
│ ├── object-assign@4.1.1
│ ├─┬ prop-types@15.7.2
View atom less
atom-workspace {
--editor-font-size: 1.625rem;
}
atom-text-editor {
.cursor {
border-left: .25rem solid;
transition: opacity .1875s ease-out;
}
View Hyper Config
// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.
module.exports = {
config: {
// choose either `'stable'` for receiving highly polished,
// or `'canary'` for less polished but more frequent updates
updateChannel: 'stable',
View Median, Average, and p90th Image Request Size from HTTP Archive
/**
* Obtained from the HTTP Archive's BigQuery dataset.
* Dataset table name: httparchive.summary_requests.2018_04_15_desktop
* BigQuery guide: https://bit.ly/2wpdyOV
**/
{
"type": "image",
"format": "jpg",
"Requests": "9153030",
@malchata
malchata / measure-image-decode.js
Last active Aug 19, 2018
A super Jerry-rigged way of getting image decode times from traces captured using Puppeteer
View measure-image-decode.js
// This is Node script that uses Puppeteer (headless Chrome) to measure the decode time
// of a single image injected into a blank HTML document. It uses minimist to take command
// line arguments. Example usage: node measure-image-decode.js https://example.com/example-image.jpg
// This example assumes you're running a local server to grab the blank document.
// Thanks to Paul Irish and Tim Kadlec for their input!
const puppeteer = require("puppeteer");
const argv = require("minimist")(process.argv.slice(2));
async function getDecode(url) {
You can’t perform that action at this time.