| # UPDATE THIS EACH MONTH | |
| DECLARE _YYYYMMDD DATE DEFAULT '2023-07-01'; | |
| CREATE TEMP FUNCTION IS_GOOD(good FLOAT64, needs_improvement FLOAT64, poor FLOAT64) RETURNS BOOL AS ( | |
| SAFE_DIVIDE(good, good + needs_improvement + poor) >= 0.75 | |
| ); | |
| CREATE TEMP FUNCTION IS_NON_ZERO(good FLOAT64, needs_improvement FLOAT64, poor FLOAT64) RETURNS BOOL AS ( | |
| good + needs_improvement + poor > 0 |
| #!/bin/bash | |
| # | |
| # Converts BigQuery SQL to CSV. | |
| # | |
| # Usage: | |
| # | |
| # Before starting, install the BigQuery CLI, bq https://cloud.google.com/sdk/docs/install | |
| # | |
| # 1. Find all your queries and output the list of files into query_list.txt: | |
| # `find almanac.httparchive.org/sql/2022/mobile-web/*.sql > query_list.txt` |
| function getLcpElement() { | |
| return new Promise((resolve) => { | |
| new PerformanceObserver((entryList) => { | |
| const lcpCandidates = entryList.getEntries(); | |
| const naiveLcpEntry = lcpCandidates[lcpCandidates.length - 1]; | |
| resolve(naiveLcpEntry); | |
| }).observe({ type: "largest-contentful-paint", buffered: true }); | |
| }).then(({ startTime, element, url, size, loadTime, renderTime }) => { | |
| let attributes = []; |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Hi from Netlify</title> | |
| </head> | |
| <body> | |
| <h1>My first Netlify deploy 💌</h1> | |
| </body> |
| 2020-11-24T19:42:19.111Z Eleventy Directories: | |
| Input: . | |
| Data: _data | |
| Includes: _includes | |
| Layouts: undefined | |
| Output: _site | |
| Template Formats: html,njk | |
| Verbose Output: false | |
| 2020-11-24T19:42:19.140Z Eleventy:EleventyFiles Searching for: [ './**/*.html', './**/*.njk', '!./_site/**', '!./node_modules/**', '!./package-lock.json', '!./.DS_Store', '!./.netlify/**', '!./_site/**', '!./_includes/**', '!./_data/**' ] | |
| 2020-11-24T19:42:19.147Z Eleventy:TemplateWriter Found: [ './src/index.html', './src/_includes/layout.njk' ] |
Basic steps for adding Prettier to a project and setting up a pre-commit hook when not using any other linter. Most of these steps can be found in the docs and through other links in the docs.
$ npm install --save-dev --save-exact prettier
A Pen by Sia Karamalegos on CodePen.
Thanks to Gant Laborde for the project idea!
Contents
It looks like reactions calls are limited to creating and "onboarding". More here: forem/forem#4474.
| <div class="webmentions content-grid-sibling" id="webmentions"> | |
| {% set mentions = webmentions | getWebmentionsForUrl(metadata.url + webmentionUrl) %} | |
| {% set reposts = mentions | webmentionsByType('repost-of') %} | |
| {% set repostsSize = reposts | size %} | |
| {% set likes = mentions | webmentionsByType('like-of') %} | |
| {% set likesSize = likes | size %} | |
| {% set replies = mentions | webmentionsByType('in-reply-to') %} | |
| {% set repliesSize = replies | size %} |
Web performance matters. From SEO to bottom-line revenue impacts, performance can make or break your app. However, fixing performance feels like a quagmire of expert-level topics. What if I told you JavaScript bundle sizes could be cut up to 50% by doing one thing only? Nearly 90% of web traffic runs on modern browsers, but we're transpiling all of our JavaScript to ES5. That’s expensive. In this talk, we'll learn about differential serving, or serving both modern bundles and legacy bundles using webpack. This talk is framework agnostic, and best if you have at least a basic understanding of JavaScript.
The slides are deployed here. To advance the slides, use n for next and p for previous. The right arrow jumps to the next section (and left for previous section). Up and down to advance through slides within a section.