| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document</title> | |
| <style> | |
| .box { | |
| height: 100px; |
| const observer = new PerformanceObserver((list) => { | |
| for (const entry of list.getEntries()) { | |
| // `name` will be either 'first-paint' or 'first-contentful-paint'. | |
| const metricName = entry.name; | |
| const time = Math.round(entry.startTime + entry.duration); | |
| ga('send', 'event', { | |
| eventCategory: 'Performance Metrics', | |
| eventAction: metricName, | |
| eventValue: time, |
| Converting md files to html w/highlighting | |
| 0a) Create a root directory to pull in all the repos | |
| 0b) Recursively clone or pull each repo | |
| $> git clone <repo_url> | git pull on the existing repos | |
| 0c) Create a TOC index.html file for the root folder | |
| $> echo '<head>' >> index.html | |
| $> echo '' >> index.html | |
| $> echo '</head>' >> index.html | |
| $> echo '<body>' >> index.html | |
| $> ls >> temp.html |
In the past I've visited Unicodes several times to discuss why it's important when working on the web:
In this post we'll revisit the history of languages on the web from ASCII to Unicode, pitfalls you may encounter and how to deal with them.
| "use strict"; | |
| // Load plugins | |
| const autoprefixer = require("autoprefixer"); | |
| const browsersync = require("browser-sync").create(); | |
| const cp = require("child_process"); | |
| const cssnano = require("cssnano"); | |
| const del = require("del"); | |
| const eslint = require("gulp-eslint"); | |
| const gulp = require("gulp"); |
| -- Trying to figure out if this query is correct | |
| -- and whether there are wasy to optimize it soo it | |
| -- won't take as long as it does to run and produce results | |
| SELECT | |
| _TABLE_SUFFIX AS yyyymm, | |
| SUM(fcp.density) AS average_fcp, | |
| SUM(fp.density) as average_fp, | |
| SUM(dcl.density) as average_dcl | |
| FROM | |
| `chrome-ux-report.country_cl.*`, |
| /* eslint-disable require-jsdoc */ | |
| /* eslint-disable valid-jsdoc */ | |
| 'use strict'; | |
| // Require Gulp first | |
| const gulp = require('gulp'); | |
| // packageJson = require('./package.json'), | |
| // Load plugins | |
| const $ = require('gulp-load-plugins')({ | |
| lazy: true, |
| <filter id="displacement" filterUnits="objectBoundingBox"> | |
| <feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="2" result="turb"/> | |
| <feColorMatrix in="turb" result="huedturb" type="hueRotate" values="90"> | |
| <animate attributeType="XML" attributeName="values" values="0;180;360" dur="6s" repeatCount="indefinite"/> | |
| </feColorMatrix> | |
| <feDisplacementMap in="SourceGraphic" in2="huedturb" scale="20" result="displace" xChannelSelector="B"/> | |
| <feOffset dx="-5" dy="-5" in="displace" result="unoffsetdisplace"/> | |
| </filter> |
| /* Monospaced font for code samples */ | |
| @font-face { | |
| font-family: "notomono_regular"; | |
| src: url("../fonts/notomono-regular.eot"); | |
| src: url("../fonts/notomono-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/notomono-regular.woff2") format("woff2"), url("../fonts/notomono-regular.woff") format("woff"), url("../fonts/notomono-regular.ttf") format("truetype"), url("../fonts/notomono-regular.svg#notomono_regular") format("svg"); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| /* Regular font */ | |
| @font-face { |