Weekly Digest 11/2022

by Alfons Morales

Welcome to my Weekly Digest #11 of this year.

This weekly digest contains many interesting and inspiring articles, videos, tweets, podcasts, and designs I consumed during this week.

Interesting articles to read

Aligning Content In Different Wrappers

How to align content with another section given that they are placed in different wrappers.

Optimizing SVG Patterns to Their Smallest Size

Here are radical ways of optimizing SVG patterns so that they contain as little code as possible without affecting the overall image quality.

Claymorphism: Will It Stick Around?

This fresh new design trend has been picking up steam with the rising popularity of colorful inflated 3D graphics in web illustrations and with the latest Virtual Reality projects like “Horizon Worlds”. Let’s see if there is room for Claymorphism on the UI, and how we can create this effect with CSS.

Some great videos I watched this week

10 Design Patterns Explained in 10 Minutes

Software design patterns help developers to solve common recurring problems with code. Let’s explore 10 patterns from the famous Gang of Four book and implement them with JavaScript and TypeScript.

by Fireship

Pi in the Sky Game

Happy Pi Day! How many delicious digits of Pi can you catch from the sky? In JavaScript!

by Daniel Shiffman

Thinking on ways to solve a loading bar

In today’s GUI Challenge, @Adam Argyle shows how to style the built-in progress element and implement great screen reader UX, light and dark adaptive colors, custom animations, and more.

by Google Chrome Developers

Make your own Remix Stack

by Kent C. Dodds

Useful GitHub repositories

StandWithUkraine

This repository contains Readme Banners (and some useful docs) that can be used by OSS projects to spread the word, support, and help Ukraine in this disastrous situation.

Twitter API SDK for TypeScript

A TypeScript SDK for the Twitter API. This library is built with TypeScript developers in mind, but it also works with JavaScript.

dribbble shots

AI launcher Dashboard

by Gleb Kuznetsov

Photography Website — Exploration

by Anggayudha

Onboarding Screens-Doctor App

by jubayer ahmed

Tweets

Picked Pens

Boppin’ Bears

by JHey

Loading Goes Off Track

by Jon Kantner

Union

by George Francis

Podcasts worth listening

CodePen Radio — Tiffany Choong

Chris had tons of fun talking to Tiffany Choong this week! He loved learning her process of creating countless code art Pokémon characters.

Syntax — Handling Auth × Are Web Dev Real Developers? × Handling Git Conflicts × Converting PNG to Box-Shadow

In this potluck episode of Syntax, Wes and Scott answer your questions about handling auth, are web dev real developers, handling Git conflicts, converting PNG to Box-Shadow, bad docs vs no docs, making Shopify headless, and more.

Thank you for reading, talk to you next week, and stay safe! 👋

--

--

--

Full-Stack JavaScript Engineer with focus on React, Redux & Node.js and passioned about Open Source working @Mobime based in Berlin, Germany marcobiedermann.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Certified in using the PVC cutter. #ClubDIY #kga5th via Instagram http://bit.ly/2k1YjBh

KEPLERSWAP FIRST TOKEN

Get kubectl top pods in .csv format

Video encoding in the cloud to stream large-scale live events

APL GIVE AWAY

Maine driver license Psd Template

Prepping for Flatiron’s Mod 1 Code Challenge

How Much Java You Need to Get Your First Job

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Marco Biedermann

Marco Biedermann

Full-Stack JavaScript Engineer with focus on React, Redux & Node.js and passioned about Open Source working @Mobime based in Berlin, Germany marcobiedermann.com

More from Medium

Weekly Digest 12/2022

The Future of Front End Development: What You Need To Know — NoCodeAI.Cloud

How Symbols work in Webflow

Two examples of toggling styles and actions on elements with a single click event.

GIF of an accordian card feature in opperation