Fed Bites
A curated collection of articles around front end web development, javascript and software engineering in general.
Collection by Yoav Ganbar (🥑 Builder.io)
joshcollinsworth.com
Easing curves, and better CSS transitions and animations
13+ min · · The difference between a smooth, sleek animation and one that feels bland and generic is often in the easing curve. Let's look at what easing curves are and how they work in CSS, before diving into… · Shared by 55, including Stef Walter, David Hellmann, Yoav Ganbar (🥑 Builder.io)
blog.tubikstudio.com
Motion in UX Design: 6 Effective Types of Web Animation
8 min · · Read about effective types of web animation and check plenty of motion design examples by tubik team, showing how motion supports web interactions and usability · Shared by 119, including Marius Bleuer, Yoav Ganbar (🥑 Builder.io)
paulsblog.dev
Advanced JavaScript Functions to Improve Code Quality
20+ min · · Enhance code quality with functions including Debounce, Once, and Memoize, all the way to Pipe, Pick, and Zip! · Shared by 12, including Yoav Ganbar (🥑 Builder.io)
Smashing Magazine 🇺🇦 🏳️🌈
The Anatomy Of Themed Design System Components — Smashing Magazine
15+ min · · The world of design systems can be overwhelming sometimes. There’s a lot to take in when you get into that space! In this article, Dan Donald dives into a simple component and explores some issues,… · Shared by 33, including Yoav Ganbar (🥑 Builder.io)
nan.fyi
Inside Framer's Magic Motion
19+ min · · A guide on recreating framer's magical layout animations. · Shared by 92, including Ahrbil, Yoav Ganbar (🥑 Builder.io)
strictmode.io
How to build, test, and publish a TypeScript npm package in 2022
5 min · · In this article, we will develop and publish an NPM package from scratch using TypeScript and Jest for testing. · Shared by 20, including Yoav Ganbar (🥑 Builder.io)
renatopozzi.me
Your Next.js Bundle Will Thank You
20+ min · · If you are having problems with an extremely huge bundle size for your Next.js application, this... · Shared by 16, including Yoav Ganbar (🥑 Builder.io)
CSS-Tricks
CSS Grid and Custom Shapes, Part 1
9 min · · In a previous article, I looked at CSS Grid's ability to create complex layouts using its auto-placement powers. I took that one step further in another · Shared by 159, including henrik, Yoav Ganbar (🥑 Builder.io)
UX Collective
One formula to rule them all: the ROI of a Design System
· Co-authored with Guido Baena Wehrmann · Shared by 5, including Yoav Ganbar (🥑 Builder.io)
CSS-Tricks
Using Web Components With Next (or Any SSR Framework)
6 min · · In my previous post we looked at Shoelace, which is a component library with a full suite of UX components that are beautiful, accessible, and — perhaps · Shared by 18, including Yoav Ganbar (🥑 Builder.io)
domevents.dev
Explore DOM Events
2 min · · Learn how the DOM Event system works through exploration · Shared by 105, including Joe Lencioni, David Hellmann, Angie Jones, Simo Ahava, cody lindley, Devon Govett, Evan (he/him), Vašek, Marius Bleuer, Yoav Ganbar (🥑 Builder.io), egghead.io, Pascal Birchler, Dion Almaer, Chris {he, they} , ashley 🇺🇦🇺🇦🇺🇦🇺🇦🇺🇦, дэн, Guillermo Rauch
epicweb.dev
The Web’s Next Transition
19+ min · · Web is made up of technologies that got started over 25 years ago. Now, we are transitioning to a new and improved architecture for building web applications. · Shared by 462, including Kent C. Dodds 🌌, Yoav Ganbar (🥑 Builder.io)
prateeksurana.me
The future of rendering in React
20+ min · · Understand what are the problems with current rendering patterns in React, and how the new rendering patterns introduced with React 18 and future versions of React aim to solve them. · Shared by 104, including Yoav Ganbar (🥑 Builder.io)
deno.com
The Future of the Web is on the Edge
8 min · · A brief history of the internet explaining why building for the edge is faster, more secure, and easier than ever. · Shared by 13, including Yoav Ganbar (🥑 Builder.io)
Smashing Magazine 🇺🇦 🏳️🌈
You Don’t Need A UI Framework — Smashing Magazine
10 min · · Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they’ll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out… · Shared by 426, including Sara Soueidan, David Hellmann, Yoav Ganbar (🥑 Builder.io), Dirk Spannaus, Oliver Raduner, Dennis Lembrée
rsci.app.link
React and Next.js is DEAD — Something New is (Finally) Replacing It (For Good)
· Is this the beginning of the next revolution for JavaScript Framework? Apparently, YES! · Shared by 5, including Yoav Ganbar (🥑 Builder.io)
