| <!-- Email Hack to ensure message preview snippets looks as desired --> | |
| <div style="display: none; max-height: 0px; overflow: hidden;">{Name (First):1.3} filled out the website contact form and wrote: {Message:7}</div><!-- Insert ͏‌ hack after hidden preview text --> | |
| <div style="display: none; max-height: 0px; overflow: hidden;"> | |
| ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­ | |
| </div> | |
| <!-- /Email Hack --> | |
| <!-- Alert message --> | |
| <aside> | |
| <strong> |
| #!/usr/bin/env bash | |
| /Applications/VLC.app/Contents/MacOS/VLC "$@" |
| // WP FEATURED IMAGE URLS in JSON API | |
| // See: https://wordpress.stackexchange.com/a/249769/105228 | |
| // | |
| add_action( 'rest_api_init', 'add_thumbnail_to_JSON' ); | |
| function add_thumbnail_to_JSON() { | |
| //Add featured image | |
| register_rest_field( | |
| 'post', // Where to add the field (Here, blog posts. Could be an array) | |
| 'featured_image_src', // Name of new field (You can call this anything) | |
| array( |
| # cwebp Docs: https://developers.google.com/speed/webp/docs/using | |
| find ./ -type f -name '*.png' -exec sh -c 'cwebp -q 75 $1 -o "${1%.png}.webp"' _ {} \; && | |
| find ./ -type f -name '*.jpg' -exec sh -c 'cwebp -q 75 $1 -o "${1%.jpg}.webp"' _ {} \; |
| // Fetch external data for use with 11ty (https://www.11ty.dev) | |
| const fetch = require("node-fetch"); | |
| module.exports = async function() { | |
| console.log( "Fetching titles…" ); | |
| // Sheety API - See: https://sheety.co/ | |
| const response = await fetch("https://v2-api.sheety.co/fc583ad9266228c03ecc1ee9ace31835/starWarsChronologicalOrder/sheet1") | |
| return response.json(); | |
| }; |
List of Cloudflare's new DeepLinks. These links will allow you to link to specific areas of the Cloudflare dashboard without being dependant on any particular account or zone.
npm install broken-link-checker -gblc https://www.website.com/blog -ro --exclude-externalblc http://localhost:80/blog -ro --exclude-external > output.txt
With: https://www.ffmpeg.org/ (brew install ffmpeg)
The command I used to strip the unused/silent audio channel + "hint for streaming" was:
ffmpeg -i my-video.mp4 -c copy -an -movflags faststart my-video-nosound-hint.mp4
This caused an 8MB video which was too big for web usage, to become a 10MB file that plays immediately while the video is still downloading.
| <!-- SVG EMOJI FAVICON. See https://twitter.com/LeaVerou/status/1241619866475474946 --> | |
| <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22> | |
| <text y=%22.9em%22 font-size=%2290%22>😎</text> | |
| </svg>"> | |
| <!--ANIMATED ATTEMPT--> | |
| <!-- SVG EMOJI FAVICON. See https://twitter.com/LeaVerou/status/1241619866475474946 --> | |
| <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><style>svg{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}svg{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}svg{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} |
| find ./ -type f -name '*.jpg' -exec sh -c 'cwebp -q 75 $1 -o "${1%.png}.webp"' _ {} \; |