Weekly Digest 04/2022
source link: https://dev.to/marcobiedermann/weekly-digest-042022-2dkd
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
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.
Interesting articles to read
Fancy CSS Borders Using Masks
In this article, we look at modern CSS mask techniques to create three fancy CSS borders without having to use a background image.
Fancy CSS Borders Using Masks | CSS-Tricks
Make Free Stuff
On web3, Wordle and the radical concept of building things for free.
Frontend Predictions for 2022
Thoughts on what we might see in the coming year, including the return of micro-frontends, functional JavaScript & the demise of the Jamstack as we know it.
Frontend Predictions for 2022 | Jay Freestone
Some great videos I watched this week
Prisma in 100 Seconds
Prisma is an open-source ORM that makes it fun and safe to work with a database like MySQL, Postgres, SQL Server, or MongoDB. It generates a type-safe client library to provide an awesome DX in any Node.js or JavaScript project.
by Fireship
Remix Single: Optimistic UI
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!
by Remix
VSCode Log Points
A great feature of VScode is its log points. You can use these to essentially stop polluting your code with console.log statement.
by Basarat
Chrome 98 - What’s New in DevTools
Full-page Accessibility tree, more precise changes in the Changes tab, and more.
An HTML Select element that is... actually styleable.
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
Useful GitHub repositories
docs.page
Instant Open Source docs with zero configuration.
Instant Open Source docs with zero configuration.
About
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.
Solutions such as Jekyll, Docusaurus docsify and many others are great projects, however still require custom setup for each project.
docs.page is designed to deliver instant documentation websites, with the content sourced directly from any public GitHub repository. Features include:
- Configurable: Add your own logo, theme, analytics, navigation and more with a simple config file.
- Previewing: View the documentation of any branch, pull request or specific commit,.
- GitHub Bot: Install our GitHub bot to automatically get…
tldraw
A tiny little drawing app.
Welcome to the tldraw monorepo.
🙌 Questions? Join the Discord channel or start a discussion.
💕 Love this project? Consider becoming a sponsor.
Thanks to our corporate sponsors:
...and to our individual sponsors!
Contents
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
@tldraw/core.
dribbble shots
Vimon application
](https://res.cloudinary.com/practicaldev/image/fetch/s--szivt4Dv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.dribbble.com/users/2886970/screenshots/17387848/media/a0f746b1571bd06d9d9583b521c69079.png)
by Abo
Rideshare Mobile App
](https://res.cloudinary.com/practicaldev/image/fetch/s--Ic7Gqnvq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.dribbble.com/users/10495245/screenshots/17388305/media/e39a1e325e1309e0e3dc330afd880287.png)
by Samon Ahmed
E-commerce mobile app onboarding
](https://res.cloudinary.com/practicaldev/image/fetch/s--sfRHkg8Z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.dribbble.com/users/6025371/screenshots/17383897/media/92998c17201263cc9e45b710a4068eca.png)
Music Player App
](https://res.cloudinary.com/practicaldev/image/fetch/s--_X1VNTMM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.dribbble.com/users/4179218/screenshots/17387992/media/61693be1f93194a047ae5ee57956da75.png)
Tweets
Scroll 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
ICYMI: "Learning Patterns" patterns.dev is a free 435+ page book on JavaScript + React design & performance patterns from @lydiahallie and I. On the web, ePub & PDF. ~1 million views so far. We hope it's helpful!07:31 AM - 30 Jan 2022
Picked Pens
3D Futuristic Room
Generative growing plants
Hawaii Mountains
by Amit Sheen
Podcasts worth listening
CodePen Radio – With Aysenur Turk
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.
Syntax – Monorepos! Workspaces, pnpm, turborepo + more!
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! 👋
Recommend
-
85
Apr 21, 2023ML Model Deployment and MaintenanceIn this article, Zfort Group's experts will consider points you should know...
-
12
Earlier this year someone asked me why my blog didn’t have an email newsletter. My instinctive reaction was “I don’t have time to do that every week!! I won’t remember!”. But then I realized that I could automatically generat...
-
8
Weekly Digest 16/2021 – Top of the week Weekly Digests (16 Part Series) Welcome to my Weekly Digest #16, which is the last one for April. This weekl...
-
8
Weekly Digest Emails as an Effective Engagement Mechanic I’m a firm believer that despite the growth of social networks and messaging app alternatives, email is far from dead as an important communication channel. Usa...
-
13
Kafka Monthly Digest: January 2022 Skip to main content This 48th edition of the...
-
12
vExpert vExpert Cloud Management January 2022...
-
7
This 49th edition of the Kafka Monthly Digest covers what happened in the Apache Kafka community in February 2022. Some new minor releases are in the works...
-
3
vExpert vExpert Cloud Management February 202...
-
6
This is the 50th edition of the Kafka Monthly Digest, and covers what happened in the Apache Kafka community in March 2022. For last month’s digest...
-
7
Product Hunt Weekly Digest PodcastSort by: Hey there! I'm excited and nervous to launch the new Product Hunt Weekly Podcast. Hearing your own voice back takes a while to get used to, but I do really enjoy gettin...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK