Welcome to my Weekly Digest #26 which is the first one in July.
This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, podcasts, and designs I consumed during this week.
Learn how to manually delete old deploys on Netlify to clean up your account history and prevent teammates from rolling back to undesirable states. Netlify automatically deletes errored and failed deploys after 6 months.
A potent combination of MDX and MJML
Storybook is a tool used for testing UI components in isolation that works with JS frameworks like React, Angular, Vue, and Svelte. It is especially useful for web developers building design systems and shared libraries.
What are CSS container queries and why do we need them? Learn now on today’s episode of DevTools Tips with Jecelyn Yeen and Una Kravets.
In today's GUI Challenge, @Adam Argyle builds a couple of floating action buttons (FABs) and talks about the UX and CSS considerations for fixed position buttons on the web.
Swiss Army Knife for macOS
m-cli is a macOS command line tool that lets you interact with utilities and applications entirely in Terminal. It differs from other macOS command line tools in the following ways:
- You can easily manage administrative tasks
- It doesn't install 3rd party tools since it doesn't have dependencies
- Installation is easy and doesn't require intervention
- It only uses macOS commands
You can install m-cli using Homebrew, or you can manually install it.
If you have Homebrew installed, run:
brew install m-cli
If you want to manually install m-cli, run:
curl -fsSL https://raw.githubusercontent.com/rgcr/m-cli/master/install.sh | sudo sh
You can also install it to a different path, shown below:
INSTALL_DIR=$HOME/.m-cli sh <(curl -fsSL https://raw.githubusercontent.com/rgcr/m-cli/master/install.sh)
Note: Certain plugins, such as that for the "gatekeeper" command, will not work…
the only cheat sheet you need
Unified access to the best community driven cheat sheets repositories of the world.
Let's imagine for a moment that there is such a thing as an ideal cheat sheet What should it look like What features should it have?
- Concise — It should only contain the things you need, and nothing else.
- Fast — It should be possible to use it instantly.
- Comprehensive — It should contain answers for every possible question.
- Universal — It should be available everywhere, anytime, without any preparations.
- Unobtrusive — It should not distract you from your main task.
- Tutoring — It should help you to learn the subject.
- Inconspicuous — It should be possible to use it completely unnoticed.
- Has a simple curl/browser/editor interface.
- Covers 56 programming languages, several DBMSes, and more than 1000 most important UNIX/Linux commands.
JamonHow some developers think “separation of concerns” works.20:30 PM - 25 Jun 2022
Jonathan Neal@jon_nealThe fastest way to build DOM is just a few lines?
Usage looks like:
let template = html(`<label></label><input />`);
See the benchmarks: jsben.ch/JxusT04:15 AM - 28 Jun 2022
In this Hasty Treat, Scott and Wes talk about the new Browser CSS Page Transitions API proposal and what features it opens up for developers on the web.
Thank you for reading, talk to you next week, and stay safe! 👋