Welcome to my Weekly Digest #4 of this year.
This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, podcasts, and designs I consumed during this week.
In this article, we look at modern CSS mask techniques to create three fancy CSS borders without having to use a background image.
On web3, Wordle and the radical concept of building things for free.
Instead of adding pending states and busy indicators while we wait for the server to process a mutation, we already know what the UI will look like when it's done. Skip the spinners with Optimistic UI!
A great feature of VScode is its log points. You can use these to essentially stop polluting your code with
Full-page Accessibility tree, more precise changes in the Changes tab, and more.
Select menus, like literally the
select native HTML elements, are notoriously unstyleable. In the last few years, it's become tenable to style the outside of the menus, even with just CSS alone, making them sit nicely in design systems without too much trouble.
by Chris Coyier
Instant Open Source docs with zero configuration.
docs.page is a free Open Source project, allowing you to create instant, fast, beautiful documentation with zero configuration.
Documentation is an important aspect for many projects, however creating a custom documentation website for each project is time consuming. Many common solutions to problems have to be duplicated, along with dealing with overheads such as website maintenance & hosting.
docs.page is designed to deliver instant documentation websites, with the content sourced directly from any public GitHub repository. Features include:
A tiny little drawing app.
Welcome to the tldraw monorepo.
Thanks to our corporate sponsors:
...and to our individual sponsors!
This repository is a monorepo containing two packages:
packages/tldraw contains the source for the @tldraw/tldraw package. This is an editor as a React component named
<Tldraw>. You can use this package to embed the tldraw editor in any React application.
packages/core contains the source for the @tldraw/core package. This is a renderer for React components in a canvas-style UI. It is used by
@tldraw/tldrawas well as several other projects.
...and three apps:
- apps/www contains the source for the tldraw.com website.
- apps/vscode contains the source for the tldraw VS Code extension.
- apps/electron contains the source for an experimental Electron app.
...and three examples:
examples/core-example is a simple example for
by Samon Ahmed
Adam ArgyleScroll Snap is great stuff!
Leverage that built-in swipe feel twitter.com/addyosmani/sta…23:33 PM - 22 Jan 2022Addy Osmani @addyosmaniCSS Scroll Snap: https://t.co/6qkWfvlnCK ~ lock the viewport to certain elements after the user finishes scrolling. Ace for advanced interactions. Also see https://t.co/Q5AiH2lPTn to learn more. h/t @argyleink @una @maxkoehler https://t.co/B0G20wFiOZ
Tailwind CSS@tailwindcss🚀 Introducing `prettier-plugin-tailwindcss` — our official Prettier plugin for automatically sorting your Tailwind classes!
tailwindcss.com/blog/automatic…19:14 PM - 24 Jan 2022
by Amit Sheen
Aysenur Turk had a number of appearances on this year’s Top Hearted of 2021, including #1! In this podcast, I get to catch up with her, find out where she gets ideas and inspiration, how much time it takes to build something like her amazing layouts, and what her favorites are.
In this episode of Syntax, Scott and Wes talk all about monorepos - the why's and the how's of using them on your projects.
Thank you for reading, talk to you next week, and stay safe! 👋