Session resources for web developers, in order of presentation from “Moving the Web Forward with Microsoft Edge and Chromium”.
Melanie Richards melanierichards
melanierichards
/ moving-the-web-forward.md
Last active
September 13, 2020 01:57
"Moving the Web Forward with Microsoft Edge and Chromium": Session Resources
melanierichards
/ eleventy-md-responsive-img.js
Last active
October 17, 2020 22:36
Eleventy Markdown shortcode I use for responsive images
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Shortcode for responsive images in blog posts | |
| eleventyConfig.addShortcode("responsiveImage", function(baseSrc, ext, max, alt, classes) { | |
| let fullBaseSrc = '/assets/images/content/' + baseSrc; | |
| var sources = '<source media="(min-width: 501px)" srcset="' + fullBaseSrc + '-m.' + ext + '">'; | |
| if (max !== 'm') { | |
| sources = '<source media="(min-width: 801px)" srcset="' + fullBaseSrc + '-l.' + ext + '">' + sources; | |
| } | |
| if (max === 'xl') { | |
| sources = '<source media="(min-width: 1201px)" srcset="' + fullBaseSrc + '-xl.' + ext + '">' + sources; | |
| } |
melanierichards
/ squoosh-cli.txt
Last active
October 6, 2022 05:09
My standard commands for the Squoosh CLI
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| squoosh-cli --oxipng {} ./*.png | |
| squoosh-cli --mozjpeg {} ./*.jpg |
That which I often forget and frequently use. Git reference
| Purpose | Command |
|---|---|
| Rebase | git rebase -i HEAD~{n}, enter into editing mode in vim and save, git push --f |
| Reset to a previous commit after pushing changes | git reset --hard {commit}, git push -f |
Features, updates, and bug fixes I wish would come to products I use. Compiled because why not! Portmanteau courtesy of Rand Fitzpatrick.
Following a Miro link to a specific board when signed out takes me to the "login" screen instead of the "signup" screen, so I can reduce number of clicks to participate in a board.