Weekly Digest 06/2021
Welcome to my second weekly digest of February ❄️.
This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, and designs I consumed during this week.
Interesting articles to read
Managing CSS Z-Index In Large Projects
Wrangling z-index values is a difficult task for many developers. Here is an easy-to-implement mini-framework based on existing conventions that brings clarity and confidence to working with z-index.
An Interactive Guide to CSS Transitions
This comprehensive guide shows how to use CSS transitions! A back-to-basics look at the fundamental building blocks we need to create microinteractions and other animations.
The best JavaScript date libraries in 2021
Wrangling dates and times in JavaScript can be a headache. JavaScript date libraries provide user-friendly APIs and useful utilities that alleviate some of that pain. But with so many options how do you pick the best one? In this post we delve into the world of JavaScript date libraries to help you choose. Our top pick, date-fns, delivers the best feature set combined with an elegant modular architecture.
Fluid typography with CSS clamp
Learn to create a simple, accessibility friendly and configurable fluid type system that uses modern CSS sizing functions.
Announcing TypeScript 4.2 RC
Today we’re excited to announce our Release Candidate of TypeScript 4.2! Between now and the stable release of TypeScript 4.2, we expect no further changes apart from critical bug fixes. To get started using the RC, you can get it through NuGet,
How to Install a NPM Module from GitHub Branch
In my journey to work more quickly with a project containing loads of dependencies, I’ve come across a few techniques I’ve not needed to use before.
Some great videos I watched this week
Can A.I. Design the Perfect Roller Coaster?
The Future of Machine Learning and JavaScript
There are many exciting things happening with AI, from which, until recently, JavaScript developers were largely shut out. But things are changing, if you can do npm install @tensorflow/tfjs or make an API call, you can now do AI. In this fast-paced talk, I'll open your mind to what's possible by demoing several AI-powered JavaScript apps and show you how they were built using either TensorFlow.js or easy to use AI-powered APIs. You don't need a PhD in Maths, you don't need years of experience, you just need imagination and the willingness to try.
VS Code 🔥 Tips and Tricks
We’ll go over some of our favorite and essential tips, as well as demo some of the newest features and advanced settings for you to customize VS Code to your liking. Whether you are just learning VS Code or are a long-time user, you’ll be sure to leave with some new tricks and shortcuts to become more productive while coding.
Linux Directories Explained in 100 Seconds
Linux is a cryptic labyrinth of directories defined my Filesystem Hierarchy Standard (FHS). Learn the purpose of the most common Linux directories in 100 seconds
Graphing Sine Wave — Nature of Code
What does a sine wave look like? In this video I look at how to graph and animate a sine wave in p5.js varying the period and phase.
Useful GitHub repositories
Excalidraw
Virtual whiteboard for sketching hand-drawn like diagrams. Collaborative and end-to-end encrypted.
https://github.com/excalidraw/excalidraw
Awesome-Cheatsheets
Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.
dribbble shots
Wine Shop POS App
Toplay Website
Apps Planning Concept
Parfume Apps Exploration
Tweets
Talk to you next week and stay safe! 👋
