Fed Bites
A curated collection of articles around front end web development, javascript and software engineering in general.
Collection by Yoav Ganbar (π₯ Builder.io/Qwik)
stackdiary.com
Web Accessibility: A Reference to Creating Inclusive Websites
20+ min · · Learn to create inclusive websites with this comprehensive guide on web accessibility, ensuring a user-friendly experience for all visitors. · Shared by 180, including Stef Walter, Web Axe, Easy Chirp, Yoav Ganbar (π₯ Builder.io/Qwik), Marius Bleuer
Creative Bloq
18 amazing CSS animation examples to recreate
9 min · · The best CSS animation examples around, and how to code them. · Shared by 28, including Yoav Ganbar (π₯ Builder.io/Qwik)
ishadeed.com
CSS Masking
12+ min · · A deep dive into CSS masking · Shared by 60, including Yoav Ganbar (π₯ Builder.io/Qwik), Stef Walter, Chris Heilmann codepo8@toot.cafe
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 200, including Stef Walter, David Hellmann, Yoav Ganbar (π₯ Builder.io/Qwik)
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 120, including Marius Bleuer, Yoav Ganbar (π₯ Builder.io/Qwik)
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/Qwik)
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/Qwik)
nan.fyi
Inside Framer's Magic Motion
19+ min · · A guide on recreating framer's magical layout animations. · Shared by 159, including Ahrbil, Yoav Ganbar (π₯ Builder.io/Qwik)
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 81, including Yoav Ganbar (π₯ Builder.io/Qwik)
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/Qwik)
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 484, including henrik, Yoav Ganbar (π₯ Builder.io/Qwik)
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/Qwik)
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/Qwik)
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, ashley πΊπ¦πΊπ¦πΊπ¦πΊπ¦πΊπ¦, egghead.io, Pascal Birchler, Dion Almaer, Chris {he, they} ξ¨, Yoav Ganbar (π₯ Builder.io/Qwik), danabramov.bsky.social, 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 1130, including Kent C. Dodds π, Yoav Ganbar (π₯ Builder.io/Qwik), Zain Fathoni
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 169, including Yoav Ganbar (π₯ Builder.io/Qwik)