Weekly Digest 36/2021
Welcome to my Weekly Digest #36 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
EyeDropper API Dropped
Chrome has shipped the EyeDropper API in v95.
Build an Instagram-like infinite scrolling feed with React Query
Learn how to build an Instagram-like infinite scrolling feed in a React application with React Query’s useInifiniteQuery() Hook.
An Interactive Guide to Keyframe Animations
CSS keyframe animations are incredibly flexible and powerful, but they’re also a bit weird. In this deep-dive tutorial, we’ll learn how CSS keyframes work from the ground up, and see how to use them to build high-quality animations.
Some great videos I watched this week
13 Advanced Git Techniques and Shortcuts
Productive programmers tend to be really good at Git. Take a look at 13 advanced git tips and tricks to supercharge your development workflow.
What Is Fastify?
Thinking on ways to solve split buttons
In today’s GUI challenge I share my thinking on a way to solve split buttons. A staple component for condensed interfaces, it allows a single button to feature secondary actions. Lots of great tips about theming, shadows, color, layouts, interaction UX, and more.
Machine Learning Explained in 100 Seconds
Machine Learning is the process of teaching a computer how to perform a task without explicitly programming it. The process feeds algorithms with large amounts of data to gradually improve predictive performance.
Meet an Extension: Shorten URLs
Wish your app could automatically shorten those large, ungainly URLs into something more… uh… gainly? Well, with the Shorten URLs extension, we can take any URL you store in a Firestore collection, send it over to bit.ly, and convert those URLs into something a lot shorter and a lot easier to share with your friends!
CSS Modules in CSS Modules
There is a newly-dropped Chromium feature to import stylesheets, which turns them into a constructible Stylesheet. Dave shows Chris how it works, the clutch feature being that you have a real JavaScript object of the stylesheet to potentially manipulate before using.
Useful GitHub repositories
Women World Wide Dev
WomenWorldWide.dev is a map of coding and tech groups around the world for all who identify as women.
Microbundle
The zero-configuration bundler for tiny modules, powered by Rollup.
TSDX
Build production-ready TypeScript packages. The world’s leading companies use TSDX to build and test TypeScript packages
dribbble shots
Illustration and Hero section concept
loja CUPS.
Social Media App
eCommerce Mobile App Design
Tweets
Podcasts worth listening
Syntax — TypeScripts Strict Explained
In this Hasty Treat, Scott and Wes talk about the Typescript strict flag - what it does and why you might use it.
Syntax — Sass × Houdini × No JS? × Solid Project × First Dev Job Tips × Bartering × DRM × Dev Laptops × Databases × Frontity
It’s another Potluck! In this episode, Scott and Wes answer your questions about Sass, Houdini, JS requirements, tips for your first dev job, dev laptops, databases, Frontity, and more!
Thank you for reading, talk to you next week, and stay safe! 👋
