Welcome to my Weekly Digest #29 ☀️
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
The case for using Sass in 2022
With CSS adding a lot of equivalent features, is Sass relevant? The answer is still Yes, it is far from obsolete, despite what some folks might tell you.
The case for using Sass in 2022
Help Me Help You: A Guide to Asking for Help
It’s not overly difficult at the end of the day: be kind and provide relevant information so people have a good overview of the context. Then be patient until someone picks it up.
Help Me Help You: A Guide to Asking for Help
Some great videos I watched this week
CSS Variable Secrets
By now most developers use CSS custom properties on the regular, but few understand them deeply enough to harness their full power. Lea will take you on a journey from the practical to the mind-blowing, and from the widely implemented to the cutting edge, demonstrating a host of tips, tricks, and gotchas relating to CSS variables.
by Lea Verou
Overloads vs generics: which is better?
by Matt Pocock
Carbon Lang… The C++ killer?
Carbon is a new early-stage programming language from Google designed as a successor to C++ for low level systems development. It has full interoperability with Cpp, along with improved memory safety, generics, and a cleaner syntax.
by Fireship
Useful GitHub repositories
ML Course Notes
Sharing course notes on all topics related to machine learning, NLP, and AI.
dair-ai
/
ML-Course-Notes
🎓 Sharing course notes on all topics related to machine learning, NLP, and AI.
🎓 ML Course Notes
A place to collaborate and share course notes on all topics related to machine learning, NLP, and AI.
WIP denotes work in progress
MIT 6.S191 Introduction to Deep Learning (2022)
Website | Lectures by: Alexander Amini and Ava Soleimany
| Lecture | Description | Video | Notes | Author |
|---|---|---|---|---|
| Introduction to Deep Learning | Basic fundamentals of neural networks and deep learning. | Video | Notes | Elvis |
| RNNs and Transformers | Introduction to recurrent neural networks and transformers. | Video | Notes | Elvis |
| Deep Computer Vision | Deep Neural Networks for Computer Vision. | Video | Notes | Elvis |
| Deep Generative Modeling | Autoencoders and GANs. | Video | Notes | Elvis |
| Deep Reinforcement Learning | Deep RL key concepts and DQNs. | Video | Notes | Elvis |
| Limitations and New Frontiers | Limitations and New Frontiers in Deep Learning. | Video | WIP | Elvis |
| Autonomous Driving with LiDAR | Autonomous Driving with LiDAR. | Video | WIP | Elvis |
CS224N: Natural Language Processing with Deep Learning (2022)
| Lecture | Description |
|---|
fireworks.js
A simple fireworks library! Ready to use components available for React, Vue 3, Svelte, Angular, Preact, Solid, and Web Components.
crashmax-dev
/
fireworks-js
🎆 A simple fireworks library! Ready to use components available for React, Vue 3, Svelte, Angular, Preact, Solid, and Web Components.
A simple fireworks library! | fireworks.js.org
Table of Contents
Warning
This readme refers to upcoming v2 version, read here for v1 documentation.
Features
-
🔥 Zero dependencies -
⚙️ Flexible configuration -
📦 Lightweight (~3.0kB gzipped) -
📜 Supports TypeScript type definition
Browsers support
 Edge |
 Firefox |
 Chrome |
 Safari |
 iOS Safari |
 Opera |
 Yandex |
|---|---|---|---|---|---|---|
Demo
You can play with fireworks-js at fireworks.js.org or codesandbox.io
Installation
npm install fireworks-js
yarn add fireworks-js
pnpm add fireworks-js
| Package | Status | Description |
|---|---|---|
| fireworks-js |  |
Vanilla JS |
| @fireworks-js/react |  |
React component |
| @fireworks-js/preact |  |
Preact component |
| @fireworks-js/solid |  |
Solid component |
| @fireworks-js/vue |  |
Vue 3 component |
| @fireworks-js/svelte |  |
Svelte component |
| @fireworks-js/angular |  |
Angular component |
| @fireworks-js/web |  |
Web components |
Usage
fireworks-js
import { Fireworks } from 'fireworks-js'
const container = document.querySelector('.container')
const fireworks = new Fireworks(container, { /*…dribbble shots
Torial :: E-Learning Dashboard
](https://res.cloudinary.com/practicaldev/image/fetch/s--42tQRQ-W--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.dribbble.com/userupload/3171683/file/original-c060d0d31d9640fb24c8fad83a3d7967.png)
by UnArshia
Bumdek - Dating App
](https://res.cloudinary.com/practicaldev/image/fetch/s--KjVeFr4g--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.dribbble.com/userupload/3168424/file/original-7a9dcc2329bda58aaf3c1524df76349a.png)
by Habibi
Social Media App
](https://res.cloudinary.com/practicaldev/image/fetch/s--OXollmEB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.dribbble.com/userupload/3169181/file/original-a06eacd333aa230824563be58139809d.png)
by Sajon
Tweets
```#css
-webkit-mask-image: linear-gradient(to right, #0000, #000, #000, #0000)
```
wrote that last night to give a horizontal scroller a nice "scroll hint" by masking it's edges; scroller edge fades
try it codepen.io/argyleink/pen/…15:27 PM - 19 Jul 2022
Picked Pens
Pure CSS Woman With Long Earrings
What's really going on?
by Jhey
Podcasts worth listening
Call with Kent – Lack of experience when problem solving
Is there anything that helped you "think better" or "think clearer" to solve issues?
Thank you for reading, talk to you next week, and stay safe! 👋
Top comments (0)