Sign in

Ricky

@ricky.pt
228 followers 381 following 686 posts

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

PostsRepliesMedia
Ricky @ricky.pt · 29/09/2026
Improving site performance by shipping more CSS
buff.ly
Improving site performance by shipping more CSS
How we fully migrated github.com away from CSS-in-JS.
011
Ricky @ricky.pt · 28/09/2026
Interfaces › Cheat Sheet
buff.ly
Interfaces › Cheat Sheet
Practical tips for making your interfaces clearer, easier to use and more polished.
010
Reposted by Ricky
deconspray @deconspray.bsky.social · 27/09/2026
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
youtube.com
Manuel Matuzović / 19½ Things You Didn’t Know about Accessibility in HTML and CSS #id24 2026
Manuel skips the "Alt Text" lectures and dives straight into the deep end, exploring the hidden mechanics of the Popover API, keyboard navigation, and ARIA. About the speaker Manuel is a freelance frontend developer, accessibility auditor, teacher, author, and consultant who’s passionate about the
121
Ricky @ricky.pt · 27/09/2026
The Never Ending Story: Building a Seamless Infinite Scroll Experience with GSAP & Lenis | Codrops buff.ly/yG8YRIP
buff.ly
The Never Ending Story: Building a Seamless Infinite Scroll Experience with GSAP & Lenis | Codrops
Most pages end when you stop scrolling. This one doesn’t. Learn how to build a seamless infinite scroll with a layered parallax depth effect.
000
Ricky @ricky.pt · 26/09/2026
TanStack Query style caching, the Angular-native way buff.ly/UUqAg1g
buff.ly
TanStack Query style caching, the Angular-native way
Angular has signals now - and as of 19.2, even a signal-based way to fetch: httpResource, built on...
010
Ricky @ricky.pt · 25/09/2026
AI Made Coding Faster, But My Day Harder to End | Chau Tran buff.ly/kYtjqQo
buff.ly
AI Made Coding Faster, But My Day Harder to End | Chau Tran
Some thoughts on AI coding tools, mythical work-life balance, and why feeling done is harder now.
000
Ricky @ricky.pt · 24/09/2026
7 New JavaScript Features (And 2 I'm Still Waiting For) buff.ly/ZQgzMs2
buff.ly
7 New JavaScript Features (And 2 I'm Still Waiting For)
Remember how I promised you (or rather myself) two weeks ago that from now on I'd only write light,...
000
Ricky @ricky.pt · 24/09/2026
What's new in Angular 22.2? buff.ly/TqfLE00
buff.ly
What's new in Angular 22.2?
Angular 22.2 is out!
000
Ricky @ricky.pt · 23/09/2026
Masonry (with Animation) in CSS buff.ly/LePPDlu
buff.ly
Masonry (with Animation) in CSS
Masonry.js was famous for creating, uh, Masonry layouts. But it did something else, too: animate fluid grids. Here's a way to get that in native CSS as well as the layout.
011
Ricky @ricky.pt · 22/09/2026
Animating <details> Element with Only CSS buff.ly/tkoiydf
buff.ly
Animating <details> Element with Only CSS
This post provides the most straightforward and minimum way to animate the HTML detials element using only CSS.
000
Ricky @ricky.pt · 21/09/2026
Use cases for aria-expanded ilo.im/16ekr9
ilo.im
Use cases for aria-expanded
Without reading dry documentation, finding the correct use for aria roles can be a challenge, so Steve Frenzel is here to break down the often mis-used aria-expanded.
000
Ricky @ricky.pt · 19/09/2026
Domain-Driven Design in Angular: From Business Concepts to Scalable Frontend Architecture buff.ly/1sDelCd
buff.ly
Domain-Driven Design in Angular: From Business Concepts to Scalable Frontend Architecture
A few years ago, many frontend applications were relatively simple. A component would fetch data from an API, display it on the screen, and…
001
Ricky @ricky.pt · 18/09/2026
Bounded Contexts in DDD: Defining Boundaries in Angular Applications buff.ly/ruAhUY0
000
Ricky @ricky.pt · 17/09/2026
Tactical Design in DDD: Turning Business Rules into Angular Code buff.ly/NmFZ5K0
buff.ly
Tactical Design in DDD: Turning Business Rules into Angular Code
After understanding the business and defining its boundaries, eventually, we need to develop software.
010
Ricky @ricky.pt · 16/09/2026
Ubiquitous Language in DDD: Building a Shared Vocabulary Between Developers and Business buff.ly/vvaSxoD
buff.ly
Ubiquitous Language in DDD: Building a Shared Vocabulary Between Developers and Business
In the previous articles, we discussed how DDD helps us understand business complexity and create meaningful boundaries through Bounded…
000
Ricky @ricky.pt · 15/09/2026
Building a DDD Folder Structure in Angular with Nx buff.ly/mWH1R5K
buff.ly
Building a DDD Folder Structure in Angular with Nx
In the previous articles, we explored the ideas behind Domain-Driven Design; we started by looking at why business complexity eventually…
000
Ricky @ricky.pt · 14/09/2026
My Agentic Coding Setup, July 2026 buff.ly/imEGt6o
buff.ly
My Agentic Coding Setup, July 2026
With the right tools, coding agents can run autonomously, in parallel, and be reachable from anywhere. Here's how I've stitched them together.
000
Ricky @ricky.pt · 13/09/2026
New research: The Core Web Vitals thresholds you trust might be wrong for your site ilo.im/16eqer
ilo.im
New research: The Core Web Vitals thresholds you trust might be wrong for your site
Core Web Vitals data from ten leading online retailers reveals that "good" for Google may not be good enough for your users or your business.
001
Ricky @ricky.pt · 12/09/2026
Choosing Angular in the Age of Agents buff.ly/Rx7ZM1X
buff.ly
Choosing Angular in the Age of Agents
I see the some version of "Is Angular still worth picking?" every so often, and for years my answer...
000
Ricky @ricky.pt · 11/09/2026
Automating cross-repo documentation with GitHub Agentic Workflows github.blog/ai-and-ml/gi...
github.blog
Automating cross-repo documentation with GitHub Agentic Workflows
How the Aspire team turns merged product changes into SME-reviewed docs pull requests, closing the gap between release and documentation.
010
Ricky @ricky.pt · 10/09/2026
New Labs for BFS, DFS, and Dijkstra! 🧪 www.kirupa.chat/p/new-labs-f...
kirupa.chat
New Labs for BFS, DFS, and Dijkstra! 🧪
A few tiny graph playgrounds that let you watch each algorithm make its choices.
000
Ricky @ricky.pt · 09/09/2026
The Case for Software Craftsmanship in the Era of Vibes - Zed Blog buff.ly/ioVZPL6
buff.ly
The Case for Software Craftsmanship in the Era of Vibes
From the Zed Blog: Working toward genuine, quality software in an era where code production is not the constraint anymore.
000
Ricky @ricky.pt · 08/09/2026
ARIA Roles Explained: A Practical Guide for Web Developers buff.ly/4adWlpl
buff.ly
ARIA Roles Explained: A Practical Guide for Web Developers
ARIA roles help assistive technologies understand the structure and purpose of HTML elements on a web page. Learn how to use ARIA roles correctly.
001
Ricky @ricky.pt · 06/09/2026
Introduction to Grids
buff.ly
Introduction to Grids
Learn how grids represent relationships by storing positions instead of connections. Covers turning a floor plan into a 2D array, cell addressing, bounds checking, flattened indexes, and a live interactive...
000
Ricky @ricky.pt · 05/09/2026
AI Coding will Prevent Expertise | Lars Faye
buff.ly
AI Coding will Prevent Expertise | Lars Faye
The need for ongoing friction in long-term skill formation.
010
Ricky @ricky.pt · 04/09/2026
Nx 23.1 Is Here: Per-Run Performance Reports, TypeScript 6, and Angular 22 | Nx Blog nx.dev/blog/nx-23-1...
nx.dev
Nx 23.1 Is Here: Per-Run Performance Reports, TypeScript 6, and Angular 22 | Nx Blog
Everything that landed in Nx 23.1: a performance report at the end of every run, TypeScript 6, Angular 22 support, mouse support in the terminal UI, and more flexible target defaults.
100
Ricky @ricky.pt · 03/09/2026
Mastering Dynamic Components, HTTP Resources, and AI Writing Assistants 🛠️
buff.ly
Mastering Dynamic Components, HTTP Resources, and AI Writing Assistants 🛠️
Sometimes the best way to learn is to dive straight into the code! This week, we’re highlighting several hands-on repositories that…
000
Ricky @ricky.pt · 02/09/2026
Custom Catalogs in A2UI: Your Own Components for AI-Generated UIs - ANGULARarchitects
buff.ly
Custom Catalogs in A2UI: Your Own Components for AI-Generated UIs - ANGULARarchitects
This is post 6 of 6 in the series “Agentic Angular” Understanding AG-UI: The Standard for Agentic User Interfaces AG-UI in Practice: The SDK for TypeScript Implementing AG-UI with Angular A2UI: How…
010
Ricky @ricky.pt · 01/09/2026
Extending a Video with Angular, Veo 3.1 Lite, Firebase Cloud Functions, and Firebase Cloud Storage [GDE]
buff.ly
Extending a Video with Angular, Veo 3.1 Lite, Firebase Cloud Functions, and Firebase Cloud Storage [GDE]
Google released the Veo 3.1 Lite model for AI video generation in the Gemini API, Gemini in Vertex...
010
Ricky @ricky.pt · 31/08/2026
Asymmetry of Angular Inputs and Outputs
buff.ly
Asymmetry of Angular Inputs and Outputs
Your output is not a state
000
Ricky @ricky.pt · 30/08/2026
Control the Speed of Infinite Animations
buff.ly
Control the Speed of Infinite Animations
A simple code to easily control the speed of any infinite animation
011
Ricky @ricky.pt · 29/08/2026
Install web apps with the new HTML install element  |  Blog  |  Chrome for Developers
buff.ly
Install web apps with the new HTML install element  |  Blog  |  Chrome for Developers
Test the proposed install element.
031
Ricky @ricky.pt · 29/08/2026
How we saved 100 terabytes of memory by optimizing 1.1.1.1’s DNS cache blog.cloudflare.com/dns-cache-me...
blog.cloudflare.com
How we saved 100 terabytes of memory by optimizing 1.1.1.1’s DNS cache
Five Rust-level memory optimizations to the DNS cache layout of Big Pineapple cut per-entry memory by 56%, freeing approximately 100 TB of memory across Cloudflare's fleet.
000
Ricky @ricky.pt · 28/08/2026
Meet Your Users Where They Are with Obs.js – CSS Wizardry
buff.ly
Meet Your Users Where They Are with Obs.js – CSS Wizardry
Obs.js is a tiny inline script that helps you adapt your site to real-world network, battery, CPU, and memory conditions.
000
Ricky @ricky.pt · 27/08/2026
ARIA Roles Explained: A Practical Guide for Web Developers
buff.ly
ARIA Roles Explained: A Practical Guide for Web Developers
ARIA roles help assistive technologies understand the structure and purpose of HTML elements on a web page. Learn how to use ARIA roles correctly.
010
Ricky @ricky.pt · 27/08/2026
Introducing Angular support for CopilotKit: bring any Agent into your app dev.to/copilotkit/i...
dev.to
Introducing Angular support for CopilotKit: bring any Agent into your app
Angular apps can now run any agent, with the streaming, tool calls, and shared state already...
020
Ricky @ricky.pt · 26/08/2026
Open web vs AI: what can W3C do?
buff.ly
Open web vs AI: what can W3C do?
Thoughts after breakout at AC meeting.
000
Ricky @ricky.pt · 25/08/2026
Trustworthy JavaScript for the Open Web – Mozilla Hacks - the Web developer blog
buff.ly
Trustworthy JavaScript for the Open Web – Mozilla Hacks - the Web developer blog
The open web is a critical platform for applications that handle highly sensitive data, from private communications to financial transactions and medical records. Traditionally, servers are trusted…
000
Ricky @ricky.pt · 24/08/2026
Media Queries Range Syntax
ilo.im
Media Queries Range Syntax
🔥 Checkout The Layout Maestro interactive CSS course.
000
Ricky @ricky.pt · 23/08/2026
The Anatomy of an Agent Harness
buff.ly
The Anatomy of an Agent Harness
Learn how agent harnesses transform AI models into autonomous work engines. Explore core components: filesystems, sandboxes, and memory.
000
Ricky @ricky.pt · 22/08/2026
The end of responsive images
ilo.im
The end of responsive images
Mat Marquis has waited 14 years to write this article. The sizes attribute has been a necessary evil but now, with an auto value capability, it’s completely transformed authoring responsive images on…
010
Ricky @ricky.pt · 21/08/2026
How to Use Lazy Loading Without Hurting Web Performance | DebugBear
buff.ly
How to Use Lazy Loading Without Hurting Web Performance | DebugBear
Learn how to use lazy loading without hurting web performance. This article explains when lazy loading improves performance, when it backfires, and how it impacts Core Web Vitals like LCP, CLS, and…
000
Ricky @ricky.pt · 20/08/2026
Skeleton screens. Automatically generated.
buff.ly
boneyard - skeleton screens for your UI
Pixel-perfect skeleton loading screens auto-extracted from your real DOM. Zero configuration, zero layout shift.
000
Ricky @ricky.pt · 19/08/2026
Agentic Engine Optimization (AEO)
buff.ly
Agentic Engine Optimization (AEO)
AI coding agents consume documentation fundamentally differently from humans. If you're still optimizing only for human readers, you're leaving a growing sha...
000
Ricky @ricky.pt · 18/08/2026
Squash and Stretch • Josh W. Comeau
ilo.im
Squash and Stretch • Josh W. Comeau
Have you ever heard of Disney’s 12 Basic Principles of Animation? In this tutorial, we’ll explore how we can use the very first principle to create SVG micro-interactions that feel way more natural…
000
Ricky @ricky.pt · 17/08/2026
The Intl API: The best browser API you're not using | Polypane
buff.ly
The Intl API: The best browser API you're not using | Polypane
Chances are you've used Moment.js , date-fns , Luxon , or numeral.js at some point. Developers have relied on these libraries for years to format dates…
031
Ricky @ricky.pt · 16/08/2026
The 5 Lifecycle Stages of an Angular Feature
buff.ly
The 5 Lifecycle Stages of an Angular Feature
From the Experimental Phase to Permanent Removal
010
Ricky @ricky.pt · 15/08/2026
Angular Architecture Guide To Building Maintainable Applications at Scale | Nx Blog
buff.ly
Angular Architecture Guide To Building Maintainable Applications at Scale | Nx Blog
Learn how to build scalable Angular applications using domain-driven design, clear boundaries, and Nx tooling for better maintainability and team collaboration.
000
Ricky @ricky.pt · 14/08/2026
The secure way to release an npm package in 2026—Martian Chronicles, Evil Martians’ team blog
buff.ly
The secure way to release an npm package in 2026—Martian Chronicles, Evil Martians’ team blog
How to protect your npm package from being stolen in a supply chain attack and improve its position in security ratings
010
Ricky @ricky.pt · 13/08/2026
Under the hood of MDN's new frontend
buff.ly
Under the hood of MDN's new frontend | MDN Blog
You may have spotted that MDN has a new frontend. There's plenty happening under the surface, so let's unpack the technologies we chose, the architectural decisions we made, and why we did a rebuild…
000