Ricky (@ricky.pt)

Ricky

@ricky.pt

Frontend wizard with intricate tapestries of code, enchanting users with Angular incantations and UI/UX alchemy. #angular #typescript #css #html #frontend #ui #ux 🔗 https://ricky.pt

232 followers 381 following716 posts

Pinned

Ricky

@ricky.pt

27 Oct 2025

Migrated to zoneless Angular? Watch out, your global ErrorHandler might be silent for async errors! (I learned this the hard way 😅) I wrote about the cause and the official fix: medium.com/@monsieur_ri... #Angular #WebDev #JavaScript #Frontend

medium.comGoing Zoneless: Why Your Angular ErrorHandler Went Silent — and How to Fix ItWith the Angular team officially promoting the zoneless API to stable in v20.2, many developers are now migrating to…

Ricky

@ricky.pt

Detect when elements overlap with CSS

buff.lyDetect when elements overlap with CSSDetecting when two elements overlap using only CSS anchor positioning and scroll-driven animations.

Ricky

@ricky.pt

New in Chrome 154: iframes that automatically resize themselves to their content

buff.lyNew in Chrome 154: iframes that automatically resize themselves to their contentChrome 154 adds support for responsively-sized iframes, letting an <iframe> size itself based on the intrinsic size of its embedded document. This is perfect for seamlessly embedding third-party comment...

Ricky

@ricky.pt

How Notion handles concurrent editing with CRDTs

buff.lyHow Notion handles concurrent editing with CRDTsBuilding a CRDT-based rich-text system that merges concurrent edits across Notion blocks—without losing anyone’s work

Ricky

@ricky.pt

CSS scroll-triggered animations are here, and I completely missed them | Blog Cyd Stumpel

buff.lyCSS scroll-triggered animations are here, and I completely missed them | Blog Cyd StumpelTriggered animations are CSS animations that respond to a trigger being either active or inactive. We can specify animation actions and use it, for example, to play, pause or reverse animations based...

Ricky

@ricky.pt

19½ things you didn’t know about accessibility in HTML and CSS by Manuel Matuzovic

buff.ly19½ things you didn’t know about accessibility in HTML and CSS by Manuel MatuzovicA presentation at StripeCon Europe in September 2026 in Salzburg, Austria by Manuel Matuzovic

Ricky

@ricky.pt

12 CSS features you can use today with no build step

buff.lybuff.ly

Ricky

@ricky.pt

Lazy Loading Services in Angular 22 buff.ly/xWyRPgm

buff.lyLazy Loading Services in Angular 22 - Angular.loveAngular has supported lazy loading for a long time, but until recently it only worked well for whole routes and components. Services were the gap. A service registered in …

Ricky

@ricky.pt

Do Frameworks Matter Anymore?

buff.lyhttps://brookslybrand.com/posts/do-frameworks-matter-anymore/?ck_subscriber_id=3015745857

Ricky

@ricky.pt

Introducing System One Models & Jev - TypeSafe AI Blog

buff.lyIntroducing System One Models & Jev - TypeSafe AI BlogTypeSafe AI is an AI lab building machine-native intelligence infrastructure for automation, designed to make decisions within software. Try our first System One Model, Jev, in early access.

Ricky

@ricky.pt

Animating CSS border-image | CSS-Tricks

buff.lyAnimating CSS border-image | CSS-TricksBorder images are an overlooked feature. One neat fact is that border image slices can run across entire borders on an element, and animating it creates beautiful effects.

Ricky

@ricky.pt

WCAG 3’s road to hell is paved with supplemental requirements · Eric Eggert

buff.lyWCAG 3’s road to hell is paved with supplemental requirements · Eric EggertFirst, I want to apologize to the participants of the Accessibility Guidelines Working Group (AGWG) at W3C, as this blog post will …

Ricky

@ricky.pt

Better Icon and Label Alignment

ilo.imBetter Icon and Label AlignmentTable of contents

Ricky

@ricky.pt

Front-End Checklist - Web Development Best Practices

buff.lyFront-End Checklist - Web Development Best PracticesTrusted front-end quality rules for humans and AI agents. Browse hundreds of rules, run curated workflows, and use MCP for structured AI reviews.

Ricky

@ricky.pt

A Design Space Exploration of Async/Await

buff.lyA Design Space Exploration of Async/AwaitEvery language pitches async/await as synchronous-looking code, and the same two keywords appear everywhere. But behind the shared syntax hide nine independent design decisions, and no two of seven modern...

Ricky

@ricky.pt

Modern Web Types

buff.lyModern Web TypesIf you've ever written code against a new web API in TypeScript, you've probably seen an error telling you the thing you're using doesn't exist. Turns out, TypeScript intentionally doesn't support all...

Ricky

@ricky.pt

The Cloudflare products I actually use

buff.lybuff.ly

Ricky

@ricky.pt

New Things You Should Know About HTML Here in Mid 2026

buff.lyhttps://blog.master.dev/new-things-you-should-know-about-html-here-in-mid-2026/

Ricky

@ricky.pt

The point of a system is fewer decisions – Anton Sten

buff.lyThe point of a system is fewer decisions – Anton StenA good design system captures decisions so people and agents do not have to keep making them independently.

Ricky

@ricky.pt

Towards Self-Driving Codebases | Detail

buff.lyTowards Self-Driving Codebases | DetailWe're post-tokenmaxxing. What are we pre-? How do we get there?

Ricky

@ricky.pt

The best dark mode toggle is probably none • Lea Verou

buff.lyThe best dark mode toggle is probably none • Lea VerouMy post on two-state dark mode toggles sparked a lot of discussion about the optimal dark mode toggle design. But should you have a (persistent) dark mode toggle at all? I have since been convinced that...

Ricky

@ricky.pt

One Validator to Rule Them All — Part 2: Advanced Error Handling with multi-language support buff.ly/KtcplvY

buff.lyOne Validator to Rule Them All — Part 2: Advanced Error Handling with multi-language support. - Angular.loveRecap: Where We Left Off New here? This is Part 2 of a series — Part 1 covers the initial Zod + Angular + NestJS setup this recap builds on. In …

Ricky

@ricky.pt

A11Y(.)md that teaches the AI you use to build accessible interfaces from the very first line, following the international WCAG 2.2 standard buff.ly/Q1Rz7Co

buff.lyA11Y.md — Accessibility before any promptA file that teaches AI to build accessible interfaces from the very first line, following the international WCAG 2.2 standard. Open source, MIT license.

Ricky

@ricky.pt

Controlling when CSS custom property values are computed

buff.lyControlling when CSS custom property values are computedThe default might not be what you expect, and it has a big impact on your styles.

Ricky

@ricky.pt

Highlights from Git 2.56

buff.lyHighlights from Git 2.56The open source Git project just released Git 2.56. Here is GitHub's look at some of the most interesting features and changes introduced since last time.

Ricky

@ricky.pt

Highlights from Git 2.56

buff.lyHighlights from Git 2.56The open source Git project just released Git 2.56. Here is GitHub's look at some of the most interesting features and changes introduced since last time.

Ricky

@ricky.pt

The Case for Tri-State Dark Mode Toggles

buff.lyThe Case for Tri-State Dark Mode TogglesAdding a Dark Mode toggle to your website is a nice touch that many users appreciate. When implementing one, the default instinct for many developers is to reach for a simple binary switch: Light on one...

Ricky

@ricky.pt

Small Models Have Arrived

buff.lySmall Models Have ArrivedFootnotes

Ricky

@ricky.pt

A deep dive into StyleX

buff.lybuff.ly

Ricky

@ricky.pt

Faster Builds, Slower Applications? Optimizing Angular's Bundle Output push-based.io/article/fast...

push-based.ioFaster Builds, Slower Applications? Optimizing Angular's Bundle OutputDeep dive into Angular bundle optimization: understand esbuild chunking, reduce unnecessary requests, improve LCP, and optimize production builds.

Ricky

@ricky.pt

Building a Magical 3D Button with HTML and CSS • Josh W. Comeau buff.ly/osOKWo3

buff.lyBuilding a Magical 3D Button with HTML and CSS • Josh W. ComeauEvery action we take on the web starts with a button click, and yet most buttons are ho-hum and uninspired. In this tutorial, we'll build an animated 3D button with HTML and CSS that sparks joy.

Ricky

@ricky.pt

Improving site performance by shipping more CSS

buff.lyImproving site performance by shipping more CSSHow we fully migrated github.com away from CSS-in-JS.

Ricky

@ricky.pt

Interfaces › Cheat Sheet

buff.lyInterfaces › Cheat SheetPractical tips for making your interfaces clearer, easier to use and more polished.

Ricky reposted

deconspray

@deconspray.bsky.social

Accessible HTML and CSS go deeper than alt text and contrast. Manuel Matuzović explores the details developers often overlook. www.youtube.com/watc... #Accessibility #a11y #InclusiveDesign #HTML #CSS #WebDevelopment #UX #DigitalAccessibility #ID24